<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lunaa Collection</title>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
background:#faf8f5;
color:#222;
line-height:1.7;
}
.hero{
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:30px;
}
h1{
font-size:4rem;
font-weight:300;
letter-spacing:3px;
margin-bottom:15px;
}
.subtitle{
max-width:600px;
font-size:1.2rem;
color:#666;
margin-bottom:40px;
}
.buttons{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
}
.btn{
background:#111;
color:white;
padding:15px 30px;
text-decoration:none;
border-radius:999px;
transition:.3s;
}
.btn:hover{
opacity:.85;
}
.section{
max-width:1000px;
margin:auto;
padding:80px 20px;
}
.section h2{
font-size:2rem;
font-weight:400;
margin-bottom:20px;
text-align:center;
}
.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-top:40px;
}
.card{
background:white;
padding:30px;
border-radius:20px;
box-shadow:0 5px 20px rgba(0,0,0,.05);
text-align:center;
}
.card h3{
margin-bottom:10px;
font-weight:500;
}
.footer{
padding:50px 20px;
text-align:center;
color:#888;
font-size:.9rem;
}
</style>
</head>
<body>
<section class="hero">
<h1>LUNAA COLLECTION</h1>
<p class="subtitle">
Curated fashion, home decor and lifestyle finds inspired by effortless luxury, timeless style and elevated everyday living.
</p>
<div class="buttons">
<a class="btn" href="#">Fashion</a>
<a class="btn" href="#">Home</a>
<a class="btn" href="#">Beauty</a>
<a class="btn" href="#">Travel</a>
<a class="btn" href="#">Amazon Finds</a>
</div>
</section>
<section class="section">
<h2>Featured Collections</h2>
<div class="cards">
<div class="card">
<h3>European Summer Style</h3>
<p>Timeless outfits inspired by Mediterranean elegance.</p>
</div>
<div class="card">
<h3>Quiet Luxury Home</h3>
<p>Neutral decor and elevated living spaces.</p>
</div>
<div class="card">
<h3>Amazon Finds</h3>
<p>Luxury-inspired products curated for everyday life.</p>
</div>
<div class="card">
<h3>Travel Essentials</h3>
<p>Beautiful and practical finds for your next getaway.</p>
</div>
</div>
</section>
<section class="section">
<h2>About Lunaa Collection</h2>
<p style="max-width:700px;margin:auto;text-align:center;">
Lunaa Collection is a curated destination for fashion, home decor, beauty and lifestyle inspiration. Discover timeless pieces, elevated essentials and carefully selected finds designed to help you create an effortless luxury lifestyle.
</p>
</section>
<div class="footer">
© 2026 Lunaa Collection
</div>
</body>
</html>