<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>AEORA — Scent Diffusion for Spaces</title>
<meta name="description" content="AEORA brings refined scent diffusion to homes and hospitality — elegant devices, curated fragrances, premium service." />
<!-- Open Graph -->
<meta property="og:title" content="AEORA — Scent Diffusion for Spaces" />
<meta property="og:description" content="Refined scent diffusion for homes and hospitality." />
<meta property="og:type" content="website" />
<!-- Google Fonts: Cormorant Garamond (Canela-like alternative) -->
<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=Cormorant+Garamond:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header class="header">
<div class="container header__inner">
<a class="brand" href="#">
<img class="brand__logo" src="assets/logo-aeora.svg" alt="AEORA"
onerror="this.style.display='none'; document.querySelector('.brand__fallback').style.display='block';" />
<span class="brand__fallback" style="display:none;">AEORA</span>
</a>
<nav class="nav">
<a href="#experience">Experience</a>
<a href="#solutions">Solutions</a>
<a href="#hotels">For Hotels</a>
<a href="#contact" class="nav__cta">Request</a>
</nav>
</div>
</header>
<main>
<section class="hero">
<div class="container hero__inner">
<div class="hero__copy">
<p class="kicker">AEORA • Signature Scenting</p>
<h1>Make a space memorable — with scent.</h1>
<p class="lead">
Premium scent diffusion systems and curated fragrance oils for residences, boutiques, and hospitality.
Designed to feel quiet, effortless, and distinctly luxurious.
</p>
<div class="hero__actions">
<a class="btn btn--primary" href="#contact">Request a quote</a>
<a class="btn btn--ghost" href="#solutions">Explore devices</a>
</div>
<div class="trust">
<div class="trust__item">
<span class="trust__label">Premium positioning</span>
<span class="trust__value">Luxury-grade materials & service</span>
</div>
<div class="trust__item">
<span class="trust__label">Hospitality-ready</span>
<span class="trust__value">Scalable for rooms & lobbies</span>
</div>
<div class="trust__item">
<span class="trust__label">Curated oils</span>
<span class="trust__value">High-quality fragrance blends</span>
</div>
</div>
</div>
<div class="hero__card">
<div class="card">
<div class="card__topline">Signature Packages</div>
<div class="card__title">Diffuser + Oil Subscription</div>
<p class="card__text">
Flexible monthly plans tailored to your space. Consistent atmosphere, predictable cost, premium support.
</p>
<ul class="card__list">
<li>Coverage guidance by m³</li>
<li>Easy maintenance & refill rhythm</li>
<li>Partner & hotel conditions available</li>
</ul>
<a class="btn btn--primary btn--full" href="#contact">Get proposal</a>
<p class="card__fineprint">We respond within 1–2 business days.</p>
</div>
</div>
</div>
</section>
<section id="experience" class="section">
<div class="container">
<div class="section__head">
<h2>The AEORA experience</h2>
<p>
Scent is the most immediate form of luxury — it welcomes, calms, and quietly tells your story.
AEORA focuses on controlled diffusion, elegant hardware, and refined fragrance character.
</p>
</div>
<div class="grid">
<div class="panel">
<h3>Discreet diffusion</h3>
<p>Even coverage, clean finish — designed to feel present, never loud.</p>
</div>
<div class="panel">
<h3>Design-led devices</h3>
<p>Minimal forms, premium touchpoints, and reliable performance.</p>
</div>
<div class="panel">
<h3>Curated fragrance oils</h3>
<p>Signature profiles for homes, brands, and hotels — with consistent supply.</p>
</div>
</div>
</div>
</section>
<section id="solutions" class="section section--alt">
<div class="container">
<div class="section__head">
<h2>Solutions</h2>
<p>From intimate rooms to larger spaces — we configure the right device and subscription level.</p>
</div>
<div class="grid grid--2">
<div class="panel panel--large">
<h3>Residential</h3>
<p>Elegant scenting for living spaces, entrances, and private rooms.</p>
<p class="muted">Best for: apartments, villas, private offices.</p>
</div>
<div class="panel panel--large">
<h3>Commercial</h3>
<p>Consistent brand atmosphere for boutiques, studios, and receptions.</p>
<p class="muted">Best for: retail, spas, clinics, showrooms.</p>
</div>
</div>
</div>
</section>
<section id="hotels" class="section">
<div class="container">
<div class="section__head">
<h2>For hotels & hospitality</h2>
<p>
We support multi-unit setups with clear refill planning, consumption logic, and partner conditions —
so the scent experience stays stable across lobbies, corridors, and rooms.
</p>
</div>
<div class="cta">
<div>
<h3>Want a hotel proposal?</h3>
<p class="muted">Tell us your space (m² or m³), desired intensity, and number of zones.</p>
</div>
<a class="btn btn--primary" href="#contact">Request hospitality offer</a>
</div>
</div>
</section>
<section id="contact" class="section section--alt">
<div class="container">
<div class="section__head">
<h2>Request a quote</h2>
<p>Send a short message — we’ll come back with a recommended setup and subscription options.</p>
</div>
<!-- Simple mailto form (works instantly). Later we can switch to a Cloudflare Worker/Form endpoint -->
<form class="form" action="mailto:hello@aeora.net" method="post" enctype="text/plain">
<div class="form__row">
<label>
Name
<input name="name" required placeholder="Your name" />
</label>
<label>
<input name="email" type="email" required placeholder="you@email.com" />
</label>
</div>
<label>
Message
<textarea name="message" rows="6" required placeholder="Tell us about your space (m² or m³), and what you want to achieve."></textarea>
</label>
<button class="btn btn--primary" type="submit">Send</button>
<p class="fineprint">By sending, you agree that we may contact you about your request.</p>
</form>
</div>
</section>
</main>
<footer class="footer">
<div class="container footer__inner">
<div class="footer__left">
<span class="footer__brand">AEORA</span>
<span class="footer__sep">•</span>
<span class="muted">Scent diffusion for spaces</span>
</div>
<div class="footer__right">
<a href="imprint.html">Imprint</a>
<a href="#">Privacy</a>
</div>
</div>
</footer>
</body>
</html>