Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
461
src/app/page.tsx
461
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, Diamond, Sparkles } from "lucide-react";
|
||||
import { Award, Diamond, Sparkles, Layout, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,349 +29,140 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AURELIA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AURELIA"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background="gradient-bars"
|
||||
title="Timeless Elegance, Redefined."
|
||||
description="Experience the pinnacle of luxury with our curated collection of artisanal home essentials. Designed for the discerning modern lifestyle."
|
||||
tag="PREMIUM COLLECTION"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-eyeglasses-black-silk-jumpsuit-sits-soft-brown-sofa-work-laptop-f_197531-33646.jpg",
|
||||
imageAlt: "Luxury home interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-indoors-red-fabric-materials_23-2148516057.jpg",
|
||||
imageAlt: "Modern interior detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-couch-reading-magazine_23-2148415922.jpg",
|
||||
imageAlt: "Woman on couch reading magazine",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-young-woman-stylish-black-silk-suit-sits-floor-carpet-living-room-holds-phone_197531-33658.jpg",
|
||||
imageAlt: "Cool young woman in stylish black silk suit",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-reading-magazine_1303-9950.jpg",
|
||||
imageAlt: "Beautiful woman reading magazine",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Rated 5/5 by our luxury design partners"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Timeless Elegance, Redefined."
|
||||
description="Experience the pinnacle of luxury with our curated collection of artisanal home essentials. Designed for the discerning modern lifestyle."
|
||||
tag="PREMIUM COLLECTION"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-eyeglasses-black-silk-jumpsuit-sits-soft-brown-sofa-work-laptop-f_197531-33646.jpg", imageAlt: "Luxury home interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/decorative-indoors-red-fabric-materials_23-2148516057.jpg", imageAlt: "Modern interior detail" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Rated 5/5 by our luxury design partners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="The Art of Refinement"
|
||||
metrics={[
|
||||
{
|
||||
icon: Diamond,
|
||||
label: "Artisan Crafted",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Global Excellence",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Client Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="The Art of Refinement"
|
||||
metrics={[
|
||||
{ icon: Diamond, label: "Artisan Crafted", value: "100%" },
|
||||
{ icon: Award, label: "Global Excellence", value: "20+" },
|
||||
{ icon: Sparkles, label: "Client Satisfaction", value: "99%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Gold Accents",
|
||||
description: "Hand-applied 24k gold leaf finishing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-drawing-metal-item_23-2148803886.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{
|
||||
title: "Sleek Geometry",
|
||||
description: "Designed by master architects for modern spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695965.jpg",
|
||||
buttonIcon: "Layout",
|
||||
},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Sourced from the finest global suppliers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409680.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Exclusive Design",
|
||||
description: "Limited series available for early access.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-with-flowers-arrangement_23-2151918516.jpg",
|
||||
buttonIcon: "Award",
|
||||
},
|
||||
]}
|
||||
title="Crafted for Distinction"
|
||||
description="Every detail matters in our quest to create products that harmonize form, function, and emotion."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Gold Accents", description: "Hand-applied 24k gold leaf finishing.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-drawing-metal-item_23-2148803886.jpg", buttonIcon: Sparkles },
|
||||
{ title: "Sleek Geometry", description: "Designed by master architects for modern spaces.", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695965.jpg", buttonIcon: Layout },
|
||||
{ title: "Premium Materials", description: "Sourced from the finest global suppliers.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409680.jpg", buttonIcon: Shield },
|
||||
{ title: "Exclusive Design", description: "Limited series available for early access.", imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-with-flowers-arrangement_23-2151918516.jpg", buttonIcon: Award },
|
||||
]}
|
||||
title="Crafted for Distinction"
|
||||
description="Every detail matters in our quest to create products that harmonize form, function, and emotion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Golden Vessel",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-decoration-arrangement-with-copy-space_23-2149090611.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Crystal Vase",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-poinsettia-composition_23-2149138679.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Brass Lamp",
|
||||
price: "$2,100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lighting-lamp-design_23-2151047560.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Velvet Lounge",
|
||||
price: "$4,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comfy-wing-chair-carpenter-s-workshop_181624-25944.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Marble Tray",
|
||||
price: "$650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-store-concept-choosing-dishes_169016-23448.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Aroma Diffuser",
|
||||
price: "$400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-turkish-delight-make-up-products_23-2148299595.jpg",
|
||||
},
|
||||
]}
|
||||
title="Selected Pieces"
|
||||
description="Discover our most sought-after luxury home accents."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Golden Vessel", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/home-plant-decoration-arrangement-with-copy-space_23-2149090611.jpg" },
|
||||
{ id: "p2", name: "Crystal Vase", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-poinsettia-composition_23-2149138679.jpg" },
|
||||
{ id: "p3", name: "Brass Lamp", price: "$2,100", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-lighting-lamp-design_23-2151047560.jpg" }
|
||||
]}
|
||||
title="Selected Pieces"
|
||||
description="Discover our most sought-after luxury home accents."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Rossi",
|
||||
role: "Interior Architect",
|
||||
company: "Studio Aura",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-man-leaning-wall_23-2148401390.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Chen",
|
||||
role: "CEO",
|
||||
company: "Modern Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophie Dubois",
|
||||
role: "Design Critic",
|
||||
company: "Art Deco Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-red-stylish-eyeglasses-poses-balcony_197531-7848.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian Thorne",
|
||||
role: "Entrepreneur",
|
||||
company: "Thorne Capital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-blonde-fashion-model-white-suit-sits-soft-armchair_8353-5472.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Amara Okafor",
|
||||
role: "Director",
|
||||
company: "Heritage Spaces",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Bespoke Projects",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Craftsmanship",
|
||||
},
|
||||
{
|
||||
value: "5-Star",
|
||||
label: "Client Rating",
|
||||
},
|
||||
]}
|
||||
title="What Connoisseurs Say"
|
||||
description="Testimonials from those who appreciate true luxury."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Elena Rossi", role: "Interior Architect", company: "Studio Aura", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-man-leaning-wall_23-2148401390.jpg" },
|
||||
{ id: "t2", name: "Marcus Chen", role: "CEO", company: "Modern Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Bespoke Projects" },
|
||||
{ value: "100%", label: "Craftsmanship" },
|
||||
{ value: "5-Star", label: "Client Rating" },
|
||||
]}
|
||||
title="What Connoisseurs Say"
|
||||
description="Testimonials from those who appreciate true luxury."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue Living",
|
||||
"Architectural Digest",
|
||||
"Wallpaper",
|
||||
"Harper's Bazaar",
|
||||
"Forbes Home",
|
||||
"Casa Vogue",
|
||||
"The Design Review",
|
||||
]}
|
||||
title="Featured In Global Publications"
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Vogue Living", "Architectural Digest", "Wallpaper", "Harper's Bazaar", "Forbes Home"]}
|
||||
title="Featured In Global Publications"
|
||||
description="Our designs have graced the pages of world-class publications."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer shipping worldwide?",
|
||||
content: "Yes, we ship globally to over 100 countries with premium white-glove service.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a bespoke order take?",
|
||||
content: "Each bespoke piece takes approximately 6-8 weeks to craft by our master artisans.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is there a warranty?",
|
||||
content: "Every piece comes with a lifetime guarantee against manufacturing defects.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer shipping worldwide?", content: "Yes, we ship globally." },
|
||||
{ id: "f2", title: "How long does a bespoke order take?", content: "Approximately 6-8 weeks." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We have answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="INQUIRE"
|
||||
title="Request a Private Consultation"
|
||||
description="Work directly with our team to curate the perfect collection for your home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="INQUIRE"
|
||||
title="Request a Private Consultation"
|
||||
description="Work directly with our team to curate the perfect collection for your home."
|
||||
buttons={[{ text: "Book an Appointment" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="AURELIA"
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Journal",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="AURELIA"
|
||||
columns={[
|
||||
{ title: "Brand", items: [{ label: "About Us", href: "#about" }, { label: "Journal", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Shipping", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user