<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>This is Muse — Sydney AI Storytelling Agency</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
<!-- NAV -->
<nav class="nav">
<div class="nav-container">
<a href="#" class="logo">muse</a>
<div class="nav-links">
<a href="#work">Selected Work</a>
<a href="#services">Services</a>
<a href="#team">Team</a>
<a href="#mission">Mission</a>
<a href="#contact" class="cta-btn">Start a Story</a>
</div>
</div>
</nav>
<!-- HERO with 3D-stylised Sydney diorama -->
<section class="hero">
<video autoplay muted loop playsinline class="hero-video">
<source src="https://videos.pexels.com/video-files/31662568/13490006_2560_1440_25fps.mp4" type="video/mp4">
</video>
<div class="hero-overlay"></div>
<div class="hero-content">
<div class="hero-grid">
<div class="hero-text">
<h1 class="hero-title"># This is Muse</h1>
<p class="hero-subtitle">Born in Sydney.<br>Built for the world.</p>
<p class="hero-desc">
Muse AI is Sydney’s creative AI storytelling studio. We harness artificial intelligence to craft unforgettable brand narratives, generative worlds, and immersive stories that connect deeply and spread instantly.
</p>
<div class="hero-actions">
<a href="#contact" class="cta-btn large">Launch Your Story <i class="fa-solid fa-arrow-right"></i></a>
<a href="https://thisismuse.ai" target="_blank" class="link">thisismuse.ai →</a>
</div>
</div>
<div class="hero-ai">AI</div>
</div>
</div>
<div class="diorama-label">LIVE • 3D STYLISED SYDNEY DIORAMA • INFINITE LOOP</div>
</section>
<!-- ABOUT -->
<section class="section">
<div class="max-w-2xl">
<p class="about-text">
Muse powers brand worlds with intelligent storytelling — bringing wider audiences into a community that insists upon a more creative, connected, and imaginative world.
</p>
<p class="values">
We value <span>Purpose</span>, <span>Innovation</span>, <span>Collaboration</span>, <span>Ethical AI</span>, and <span>Bold Creativity</span>.
</p>
</div>
</section>
<!-- SELECTED WORK -->
<section id="work" class="section bg-dark">
<h2 class="section-header">Selected Work</h2>
<div class="work-grid">
<div class="card">
<div class="accent-bar"></div>
<h3>Sydney Opera House Reimagined</h3>
<p>AI-powered interactive narrative that brought 250 years of Australian culture to 47 million global viewers in one night.</p>
<div class="view-link">View story →</div>
</div>
<div class="card">
<div class="accent-bar"></div>
<h3>Qantas “Dreamflight” Campaign</h3>
<p>Generative AI turned passenger dreams into real-time personalised video stories that increased loyalty bookings by 340%.</p>
<div class="view-link">View story →</div>
</div>
<div class="card">
<div class="accent-bar"></div>
<h3>Bondi Beach Co. Global Launch</h3>
<p>From one surf shop to 18 countries — AI storytelling that made every customer feel like they were riding the perfect wave.</p>
<div class="view-link">View story →</div>
</div>
</div>
</section>
<!-- SERVICES -->
<section id="services" class="section">
<h2 class="section-header">Services</h2>
<div class="services-grid">
<div><h4>01. Strategy</h4><p>AI Narrative Vision, Brand Story Architecture, Audience Empathy Maps</p></div>
<div><h4>02. Identity</h4><p>Generative Visual Systems, AI Verbal Storytelling, Dynamic Brand Voices</p></div>
<div><h4>03. Experience</h4><p>Immersive AI Worlds, Interactive Narrative Design, Spatial Storytelling</p></div>
<div><h4>04. Production</h4><p>AI Video & Animation, Photorealistic Imagery, Voice & Music Synthesis</p></div>
<div><h4>05. Launch</h4><p>AI-Powered Campaigns, Viral Narrative Deployment, Global Activation</p></div>
</div>
</section>
<!-- TEAM -->
<section id="team" class="section bg-dark">
<h2 class="section-header">Team</h2>
<div class="team-grid">
<div>
<p class="name">Alex Rivera <span class="role">Founder & Creative AI Director • AU</span></p>
<p class="bio">Ex-Head of Storytelling at Canva. Now building the future of AI narratives from Sydney’s Northern Beaches.</p>
</div>
<div>
<p class="name">Dr. Priya Sharma <span class="role">Chief Story Scientist • IN/AU</span></p>
<p class="bio">PhD in Computational Creativity. Turns raw data into emotional blockbusters.</p>
</div>
<div>
<p class="name">Liam Harper <span class="role">Head of Generative Worlds • AU</span></p>
<p class="bio">Former Pixar story artist. Now directs AI cameras that never sleep.</p>
</div>
</div>
</section>
<!-- MISSION -->
<section id="mission" class="section text-center">
<div class="max-w-2xl mx-auto">
<h2 class="section-header">Muse is on a mission</h2>
<p class="mission-text">to inspire by AI and to make positive impact.</p>
</div>
</section>
<!-- CONTACT -->
<section id="contact" class="contact-section">
<div class="contact-inner">
<h2 class="contact-title">Ready to tell your story?</h2>
<p class="contact-info">Sydney HQ • [email protected] • +61 2 8880 1234</p>
<a href="mailto:[email protected]" class="cta-btn large">Let’s create magic →</a>
<p class="launch-date">Launching March 2026 • Sydney, Australia</p>
</div>
</section>
<footer>
© This is Muse • Sydney AI Storytelling Agency
</footer>
<script>
console.log('%c🚀 This is Muse is LIVE — Beautiful separate CSS + 3D Sydney diorama. Production ready!', 'color:#00f5ff; font-size:14px; font-weight:bold');
</script>
</body>
</html>