229 lines
14 KiB
TypeScript
229 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Aurelia Optics"
|
|
logoSrc="http://img.b2bpic.net/free-photo/close-up-optical-retro-eyeglasses_23-2148290371.jpg"
|
|
logoAlt="luxury eyewear brand wordmark"
|
|
navItems={[
|
|
{ name: "Collection", id: "collection" },
|
|
{ name: "Story", id: "story" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Shop Now", href: "collection"
|
|
}}
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Where Legacy Meets Light."
|
|
description="Experience the art of quiet luxury. Aurelia Optics crafts timeless eyewear, designed for those who understand that true style is a personal philosophy, not a statement."
|
|
background={{ variant: "plain" }}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Julian Vance", handle: "", testimonial: "Aurelia Optics eyewear is a revelation. The craftsmanship is impeccable, and the style is simply timeless. My go-to for understated elegance.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-posing-library_23-2148727866.jpg", imageAlt: "professional young man smiling satisfied"
|
|
},
|
|
{
|
|
id: "2", name: "Camille Dubois", handle: "", testimonial: "Finally, sunglasses that complement my personal philosophy. Aurelia Optics understands quiet luxury better than anyone. Absolutely essential.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg", imageAlt: "elegant woman looking thoughtful city background"
|
|
},
|
|
{
|
|
id: "3", name: "Ethan Hayes", handle: "", testimonial: "The quality and design of Aurelia Optics are unmatched. They feel substantial, look sophisticated, and truly stand apart without needing a logo.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-with-winter-clothes-walking-street_1303-20160.jpg", imageAlt: "young man in classic attire smiling subtly"
|
|
},
|
|
{
|
|
id: "4", name: "Isabelle Laurent", handle: "", testimonial: "Wearing Aurelia Optics is an experience. The attention to detail, the subtle elegance—it's everything I seek in luxury accessories. Pure class.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/thinking-secretary_23-2147626567.jpg", imageAlt: "woman with quiet confidence professional setting"
|
|
},
|
|
{
|
|
id: "5", name: "Marcus Thorne", handle: "", testimonial: "These aren't just sunglasses; they're an extension of my identity. Aurelia Optics perfectly captures the essence of modern old money. My new favorites.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22388.jpg", imageAlt: "young man looking at camera with conviction"
|
|
}
|
|
]}
|
|
mediaAnimation="opacity"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-candid-blond-girl-waiting-her-takeout-order-near_197531-30983.jpg"
|
|
imageAlt="elegant woman wearing luxury sunglasses outdoors"
|
|
buttons={[
|
|
{ text: "Explore Collection", href: "collection" }
|
|
]}
|
|
fixedMediaHeight={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="collection" data-section="collection">
|
|
<ProductCardOne
|
|
tag="COLLECTION"
|
|
title="Worn with Intent."
|
|
description="Each pair of Aurelia Optics sunglasses is a testament to meticulous craftsmanship and a philosophy of understated elegance. Discover the collection designed for discerning individuals."
|
|
products={[
|
|
{
|
|
id: "p1", name: "The Meridian", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150163159.jpg", imageAlt: "luxury tortoiseshell sunglasses studio shot"
|
|
},
|
|
{
|
|
id: "p2", name: "The Nocturne", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/close-up-isolated-view-beautiful-young-woman-with-perfect-healthy-skin-wearing-stylish-shades_273609-13828.jpg", imageAlt: "minimalist black acetate sunglasses clean background"
|
|
},
|
|
{
|
|
id: "p3", name: "The Solaris", price: "$420", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-senior-woman-wearing-sunglasses-face-portrait_53876-153510.jpg", imageAlt: "gold frame aviator luxury sunglasses isolated"
|
|
},
|
|
{
|
|
id: "p4", name: "The Aurora", price: "$390", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-woman-with-red-lips_158538-4168.jpg", imageAlt: "transparent grey luxury sunglasses studio"
|
|
},
|
|
{
|
|
id: "p5", name: "The Verdant", price: "$370", imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-posing-park_158538-10847.jpg", imageAlt: "round frame dark green luxury sunglasses"
|
|
},
|
|
{
|
|
id: "p6", name: "The Azure", price: "$360", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-woman-with-red-lips_158538-4167.jpg", imageAlt: "blue gradient lens luxury sunglasses"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
tag="ENDORSED"
|
|
title="Trusted by Visionaries."
|
|
description="We are honored to be the choice of leading figures and discerning establishments, embodying a shared commitment to quality and timeless aesthetics."
|
|
names={[
|
|
"The Modern Gentleman", "Legacy Style Co.", "Heirloom Quarterly", "Atelier du Chic", "Sartorial Review", "Echelon Magazine", "Private Label Collective"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="story" data-section="story">
|
|
<TextAbout
|
|
title=""Quiet. Refined. Always.""
|
|
description="In a world of fleeting trends, Aurelia Optics stands as a beacon of enduring style. Our story isn't one of bold proclamations, but of subtle details and an unwavering commitment to quality. We believe true luxury is whispered, not shouted. It's found in the thoughtful design, the premium materials, and the timeless appeal that transcends seasons. For the individual who understands that appearance is an extension of personal philosophy, our eyewear is more than an accessory—it's an affirmation of a life lived with intentional elegance. Join us in celebrating a heritage of craftsmanship, redefined for the modern connoisseur. This is luxury, unburdened by logos, anchored in meaning."
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="The Discerning View."
|
|
description="Hear from those who choose Aurelia Optics, finding clarity in design and confidence in timeless style."
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sophie Dubois", role: "Art Curator", company: "Galerie Royale", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6800.jpg", imageAlt: "professional young man smiling satisfied"
|
|
},
|
|
{
|
|
id: "t2", name: "Liam Harrison", role: "Architect", company: "Nexus Design", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-elegant-young-woman-with-sunglasses-street-sunny-day_23-2148068429.jpg", imageAlt: "elegant woman looking thoughtful city background"
|
|
},
|
|
{
|
|
id: "t3", name: "Elena Petrova", role: "Brand Strategist", company: "Epoque Consulting", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-man-dressed-jeans-jacket-fashion-male-isolated-blue-wall-studio_158538-26431.jpg", imageAlt: "young man in classic attire smiling subtly"
|
|
},
|
|
{
|
|
id: "t4", name: "Oliver Sterling", role: "Venture Capitalist", company: "Regal Investments", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/thinking-corporate-formal-black-smile_1187-4816.jpg", imageAlt: "woman with quiet confidence professional setting"
|
|
},
|
|
{
|
|
id: "t5", name: "Ava Chen", role: "Fashion Editor", company: "Couture Living", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-sunglasses-hat-drinking-beer-resting-country-house_176420-3954.jpg", imageAlt: "young man looking at camera with conviction"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardEight
|
|
title="The Aura Frame: Crafted for Clarity."
|
|
description="Experience unparalleled comfort and sophisticated design. The Aura Frame seamlessly blends traditional artistry with modern ergonomics, offering a fit and finish that speaks volumes through its quiet presence."
|
|
features={[
|
|
{
|
|
title: "Uncompromising Materials", description: "Sourced from the finest acetates and metals, each component is selected for its durability and luxurious feel. Our lenses offer superior UV protection and optical clarity.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-classroom_23-2147666448.jpg", imageAlt: "close up luxury sunglass hinge detail"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
buttons={[
|
|
{ text: "Discover Aura", href: "collection" }
|
|
]}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="EXCLUSIVE"
|
|
title="Access Before Anyone Else."
|
|
description="Be the first to receive exclusive previews, early access to new collections, and private event invitations from Aurelia Optics."
|
|
background={{ variant: "plain" }}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Join Waitlist"
|
|
termsText="By joining, you agree to receive email updates and promotions from Aurelia Optics."
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoSrc="http://img.b2bpic.net/free-photo/close-up-optical-retro-eyeglasses_23-2148290371.jpg"
|
|
logoAlt="luxury eyewear brand wordmark"
|
|
logoText="Aurelia Optics"
|
|
copyrightText="© 2024 Aurelia Optics. All rights reserved. Made with Intent."
|
|
columns={[
|
|
{
|
|
title: "Brand", items: [
|
|
{ label: "Aurelia Optics", href: "hero" },
|
|
{ label: "Timeless Elegance in Eyewear.", href: "" }
|
|
]
|
|
},
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "Collection", href: "collection" },
|
|
{ label: "Story", href: "story" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Social", items: [
|
|
{ label: "Instagram", href: "#" },
|
|
{ label: "Pinterest", href: "#" },
|
|
{ label: "Facebook", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|