<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MaERA Distribution | Home</title>
<meta name="description" content="MaERA Distribution — Global film distribution reimagined.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="container nav-container">
<a href="index.html" class="logo">
<span class="logo-text">MAERA</span>
</a>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="films.html">Films</a></li>
<li><a href="talent.html">Talent</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="investors.html">Investors</a></li>
<li><a href="news.html">News</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="submit.html">Submit</a></li>
<li><a href="login.html" class="btn-outline">Login</a></li>
</ul>
</div>
</header>
<main>
<div class="container">
<h1 class="section-title">Global Film Distribution Reimagined</h1>
<p style="font-size: 1.25rem; color: #c0c0c8; margin-bottom: 2rem; max-width: 800px;">MaERA connects bold storytelling from emerging markets to global audiences through theatrical, digital, and next-generation distribution.</p>
<div class="grid-2" style="margin-bottom: 3rem;">
<div class="card">
<h3 style="font-size: 1.25rem; margin-bottom: 0.5rem;">Global Film Distribution</h3>
<p style="color: #9a9aa3;">Theatrical, streaming, and TV releases coordinated across territories.</p>
</div>
<div class="card">
<h3 style="font-size: 1.25rem; margin-bottom: 0.5rem;">International Sales</h3>
<p style="color: #9a9aa3;">Rights sales at every major market — Cannes, EFM, AFM, TIFF.</p>
</div>
<div class="card">
<h3 style="font-size: 1.25rem; margin-bottom: 0.5rem;">Marketing & Campaigns</h3>
<p style="color: #9a9aa3;">Trailer cuts, key art, social, and festival PR built around the film.</p>
</div>
<div class="card">
<h3 style="font-size: 1.25rem; margin-bottom: 0.5rem;">Digital & Direct</h3>
<p style="color: #9a9aa3;">Platform partnerships and direct release strategy for the streaming era.</p>
</div>
</div>
<div style="background: rgba(255, 255, 255, 0.03); border-radius: 1.5rem; padding: 2rem; margin-bottom: 2rem;">
<h2 style="font-size: 1.5rem; margin-bottom: 1rem;">An Operating System for Modern Distribution</h2>
<p style="color: #c0c0c8; margin-bottom: 2rem;">We don't just acquire films; we engineer their lifecycle. From premiere to platform, every move is deliberate.</p>
<div class="grid-4">
<div><div class="badge">01</div><h4 style="margin: 0.5rem 0;">AI-Driven Strategy</h4><p style="color: #9a9aa3; font-size: 0.875rem;">Audience modeling and release planning powered by data, not guesswork.</p></div>
<div><div class="badge">02</div><h4 style="margin: 0.5rem 0;">Festival Positioning</h4><p style="color: #9a9aa3; font-size: 0.875rem;">Premiere strategy designed to maximize critical and commercial reach.</p></div>
<div><div class="badge">03</div><h4 style="margin: 0.5rem 0;">Global Buyer Network</h4><p style="color: #9a9aa3; font-size: 0.875rem;">Trusted relationships with broadcasters, platforms, and exhibitors worldwide.</p></div>
<div><div class="badge">04</div><h4 style="margin: 0.5rem 0;">Hybrid Release Model</h4><p style="color: #9a9aa3; font-size: 0.875rem;">Theatrical, streaming, and direct-to-audience — orchestrated as one.</p></div>
</div>
</div>
<div class="festival-strip">
<span class="festival-item">Cannes</span><span class="festival-item">Berlinale</span><span class="festival-item">TIFF</span>
<span class="festival-item">Venice</span><span class="festival-item">Sundance</span><span class="festival-item">Red Sea</span>
<span class="festival-item">El Gouna</span><span class="festival-item">SXSW</span><span class="festival-item">Tribeca</span><span class="festival-item">IDFA</span>
</div>
<div style="text-align: center; margin-top: 3rem;">
<p style="margin-bottom: 1rem;">Have a film ready? Let's take it global.</p>
<a href="submit.html" style="display: inline-block; background: white; color: #0a0a0c; padding: 0.75rem 2rem; border-radius: 9999px; text-decoration: none; font-weight: 600;">Submit Your Film →</a>
</div>
</div>
</main>
<footer class="footer">
<div class="container"><p>© 2025 MaERA Distribution. All rights reserved.</p></div>
</footer>
</body>
</html>
