Merge version_1 into main #2
307
src/app/page.tsx
307
src/app/page.tsx
@@ -26,226 +26,105 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AURELIAN"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AURELIAN"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background="radial-gradient"
|
||||
logoText="AURELIAN"
|
||||
description="Exquisite craftsmanship for the modern icon. Timeless pieces designed to elevate your everyday silhouette."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-woman-white-pants-black-jacket-boots-posing-outdoors-brunette-girl-with-handbag-glasses-holds-phone-outside_197531-27987.jpg"
|
||||
imageAlt="Aurelian luxury fashion model"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="AURELIAN"
|
||||
description="Exquisite craftsmanship for the modern icon. Timeless pieces designed to elevate your everyday silhouette."
|
||||
buttons={[
|
||||
{ text: "Shop Collections", href: "#products" },
|
||||
{ text: "Our Story", href: "#about" },
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-woman-white-pants-black-jacket-boots-posing-outdoors-brunette-girl-with-handbag-glasses-holds-phone-outside_197531-27987.jpg"
|
||||
imageAlt="Aurelian luxury fashion model"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cashmere Knit",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-texture_23-2148882808.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tailored Blazer",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2657.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Silk Scarf",
|
||||
price: "$320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-shiny-golden-chain_23-2149635286.jpg",
|
||||
},
|
||||
]}
|
||||
title="Autumn Collection"
|
||||
description="Discover our latest range of essential luxury."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Cashmere Knit", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-texture_23-2148882808.jpg" },
|
||||
{ id: "p2", name: "Tailored Blazer", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2657.jpg" },
|
||||
{ id: "p3", name: "Silk Scarf", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-shiny-golden-chain_23-2149635286.jpg" },
|
||||
]}
|
||||
title="Autumn Collection"
|
||||
description="Discover our latest range of essential luxury."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Elegance"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Established",
|
||||
value: "25",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Global Boutiques",
|
||||
value: "12",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Artisan Partners",
|
||||
value: "150+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Elegance"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years Established", value: "25" },
|
||||
{ icon: Star, label: "Global Boutiques", value: "12" },
|
||||
{ icon: Heart, label: "Artisan Partners", value: "150+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Ross",
|
||||
handle: "@elenaross",
|
||||
testimonial: "Unparalleled luxury. Aurelian pieces define my style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shorthaired-woman-black-jacket-white-pants-with-belt-posing-outside-curly-girl-eyeglasses-smiling-street_197531-27978.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "A timeless collection, impeccably crafted.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-warm-sweater-sitting-ground_1303-17564.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophia Chen",
|
||||
handle: "@sophiachen",
|
||||
testimonial: "The fit and material quality are simply exquisite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-girl-phone_23-2148023383.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian Vane",
|
||||
handle: "@jvane",
|
||||
testimonial: "Aurelian never fails to impress me. True luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-brown-coat-spring-city_1157-33301.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Amelia Grey",
|
||||
handle: "@ameliagrey",
|
||||
testimonial: "Subtle, sophisticated, and perfectly tailored.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shorthaired-woman-black-jacket-white-pants-with-belt-posing-outside-curly-girl-eyeglasses-smiling-street_197531-27978.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Our dedication to quality is felt in every stitch."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Elena Ross", handle: "@elenaross", testimonial: "Unparalleled luxury. Aurelian pieces define my style.", imageSrc: "http://img.b2bpic.net/free-photo/shorthaired-woman-black-jacket-white-pants-with-belt-posing-outside-curly-girl-eyeglasses-smiling-street_197531-27978.jpg" },
|
||||
{ id: "t2", name: "Marcus Thorne", handle: "@mthorne", testimonial: "A timeless collection, impeccably crafted.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-warm-sweater-sitting-ground_1303-17564.jpg" },
|
||||
{ id: "t3", name: "Sophia Chen", handle: "@sophiachen", testimonial: "The fit and material quality are simply exquisite.", imageSrc: "http://img.b2bpic.net/free-photo/shopping-girl-phone_23-2148023383.jpg" },
|
||||
{ id: "t4", name: "Julian Vane", handle: "@jvane", testimonial: "Aurelian never fails to impress me. True luxury.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-brown-coat-spring-city_1157-33301.jpg" },
|
||||
{ id: "t5", name: "Amelia Grey", handle: "@ameliagrey", testimonial: "Subtle, sophisticated, and perfectly tailored.", imageSrc: "http://img.b2bpic.net/free-photo/shorthaired-woman-black-jacket-white-pants-with-belt-posing-outside-curly-girl-eyeglasses-smiling-street_197531-27978.jpg" },
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Our dedication to quality is felt in every stitch."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship globally using premium secure couriers.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are returns possible?",
|
||||
content: "Returns are accepted within 30 days of purchase for unworn items.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Personalized Service"
|
||||
ctaDescription="Our stylists are here to assist with your wardrobe selections."
|
||||
ctaButton={{
|
||||
text: "Contact Stylist",
|
||||
href: "mailto:style@aurelian.com",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer international shipping?", content: "Yes, we ship globally using premium secure couriers." },
|
||||
{ id: "f2", title: "Are returns possible?", content: "Returns are accepted within 30 days of purchase for unworn items." },
|
||||
]}
|
||||
ctaTitle="Personalized Service"
|
||||
ctaDescription="Our stylists are here to assist with your wardrobe selections."
|
||||
ctaButton={{ text: "Contact Stylist", href: "mailto:style@aurelian.com" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AURELIAN"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "New Arrivals", href: "#products" }, { label: "Best Sellers", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Shipping", href: "#" }] },
|
||||
]}
|
||||
logoText="AURELIAN"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user