Merge version_1 into main #1
365
src/app/page.tsx
365
src/app/page.tsx
@@ -17,272 +17,121 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elegance Boutique"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Timeless Elegance, Tailored for You"
|
||||
description="Discover our exclusive collection of hand-crafted dresses designed to celebrate your unique style and confidence."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-girls-look-phone-screen-ladies-stylish-summer-outfits-smile-pose-cozy-office-fashion-designer_197531-29841.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-dress_23-2147688749.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time_627829-5369.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-ladies-stylish-outfits-work-as-fashion-designers-cozy-office-shorthaired-women-creates-clothes-patterns_197531-29824.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-blue-coat-street_158595-2585.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ elegant women"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Luxury",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hand-crafted",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Fitting",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Fabrics",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Fashion",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Timeless Elegance, Tailored for You"
|
||||
description="Discover our exclusive collection of hand-crafted dresses designed to celebrate your unique style and confidence."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-young-girls-look-phone-screen-ladies-stylish-summer-outfits-smile-pose-cozy-office-fashion-designer_197531-29841.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-dress_23-2147688749.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time_627829-5369.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-ladies-stylish-outfits-work-as-fashion-designers-cozy-office-shorthaired-women-creates-clothes-patterns_197531-29824.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-blue-coat-street_158595-2585.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Join 5,000+ elegant women"
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Sustainable Luxury" },
|
||||
{ type: "text-icon", text: "Hand-crafted", icon: Sparkles },
|
||||
{ type: "text", text: "Bespoke Fitting" },
|
||||
{ type: "text-icon", text: "Premium Fabrics", icon: Leaf },
|
||||
{ type: "text", text: "Ethical Fashion" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Craftsmanship",
|
||||
title: "Artisanal Quality",
|
||||
items: [
|
||||
"Hand-stitched details",
|
||||
"Premium sustainable fabrics",
|
||||
"Expert tailoring",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Ethical",
|
||||
title: "Sustainable Fashion",
|
||||
items: [
|
||||
"Eco-conscious sourcing",
|
||||
"Waste reduction practices",
|
||||
"Ethical manufacturing",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Custom",
|
||||
title: "Bespoke Fittings",
|
||||
items: [
|
||||
"Personal stylist support",
|
||||
"Customized alterations",
|
||||
"Perfect fit guarantee",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Why Our Boutique?"
|
||||
description="We prioritize quality, sustainability, and personal touch in every piece we create."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Why Our Boutique?"
|
||||
description="We prioritize quality, sustainability, and personal touch in every piece we create."
|
||||
features={[
|
||||
{ id: "f1", label: "Craftsmanship", title: "Artisanal Quality", items: ["Hand-stitched details", "Premium sustainable fabrics", "Expert tailoring"] },
|
||||
{ id: "f2", label: "Ethical", title: "Sustainable Fashion", items: ["Eco-conscious sourcing", "Waste reduction practices", "Ethical manufacturing"] },
|
||||
{ id: "f3", label: "Custom", title: "Bespoke Fittings", items: ["Personal stylist support", "Customized alterations", "Perfect fit guarantee"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silk Evening Gown",
|
||||
price: "$295",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-cats-rusty-iron-fence_1208-183.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Floral Summer Midi",
|
||||
price: "$125",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-shopping-bags-sea_23-2147645117.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Work Wrap",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-stylish-woman-resort-hotel-wearing-trendy-dress-safari-style-straw-hat-summer-vacation-bohemian-outfit-beach-bag-sunglasses_285396-5660.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Lace Cocktail Dress",
|
||||
price: "$220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laced-white-sleeve-wedding-dress_8353-10645.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Red Velvet Gown",
|
||||
price: "$310",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-brunette-woman-violet-gown-background-old-vintage-house-with-stairs_627829-8786.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Boho Maxi Flow",
|
||||
price: "$185",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-elegant-dress-enjoing-morning-stylish-bohemian-living-room-with-home-plants_273443-5335.jpg",
|
||||
},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Explore the season's latest designs, from effortless daytime styles to glamorous evening gowns."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="New Arrivals"
|
||||
description="Explore the season's latest designs, from effortless daytime styles to glamorous evening gowns."
|
||||
products={[
|
||||
{ id: "p1", name: "Silk Evening Gown", price: "$295", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-cats-rusty-iron-fence_1208-183.jpg" },
|
||||
{ id: "p2", name: "Floral Summer Midi", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/model-shopping-bags-sea_23-2147645117.jpg" },
|
||||
{ id: "p3", name: "Classic Work Wrap", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-stylish-woman-resort-hotel-wearing-trendy-dress-safari-style-straw-hat-summer-vacation-bohemian-outfit-beach-bag-sunglasses_285396-5660.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Corporate Lead",
|
||||
testimonial: "The perfect fit and fabric quality are unmatched. I felt incredible at my gala.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-girls-look-phone-screen-ladies-stylish-summer-outfits-smile-pose-cozy-office-fashion-designer_197531-29841.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena Ross",
|
||||
role: "Event Planner",
|
||||
testimonial: "I love the sustainable approach. Every dress tells a unique story.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dress_23-2147688749.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chloe Vance",
|
||||
role: "Creative Director",
|
||||
testimonial: "Simply exquisite design. The attention to detail is remarkable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time_627829-5369.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mia Chen",
|
||||
role: "Designer",
|
||||
testimonial: "Bespoke fitting at its finest. My dress was everything I hoped for.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-ladies-stylish-outfits-work-as-fashion-designers-cozy-office-shorthaired-women-creates-clothes-patterns_197531-29824.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofia G.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "My go-to boutique for every major event. Always effortless elegance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-coat-street_158595-2585.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Clients"
|
||||
description="Read stories of how our dresses made our customers feel radiant and confident."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Loved by Our Clients"
|
||||
description="Read stories of how our dresses made our customers feel radiant and confident."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Corporate Lead", testimonial: "The perfect fit and fabric quality are unmatched. I felt incredible at my gala.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-girls-look-phone-screen-ladies-stylish-summer-outfits-smile-pose-cozy-office-fashion-designer_197531-29841.jpg" },
|
||||
{ id: "2", name: "Elena Ross", role: "Event Planner", testimonial: "I love the sustainable approach. Every dress tells a unique story.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dress_23-2147688749.jpg" },
|
||||
{ id: "3", name: "Chloe Vance", role: "Creative Director", testimonial: "Simply exquisite design. The attention to detail is remarkable.", imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time_627829-5369.jpg" },
|
||||
{ id: "4", name: "Mia Chen", role: "Designer", testimonial: "Bespoke fitting at its finest. My dress was everything I hoped for.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-ladies-stylish-outfits-work-as-fashion-designers-cozy-office-shorthaired-women-creates-clothes-patterns_197531-29824.jpg" },
|
||||
{ id: "5", name: "Sofia G.", role: "Entrepreneur", testimonial: "My go-to boutique for every major event. Always effortless elegance.", imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-coat-street_158595-2585.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Us or Get in Touch"
|
||||
description="Have questions or need a fitting? Our team is here to help you find your dream dress."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can help...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/milk-bottle-food-bag-arrangement_23-2148773371.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Us or Get in Touch"
|
||||
description="Have questions or need a fitting? Our team is here to help you find your dream dress."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us how we can help..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/milk-bottle-food-bag-arrangement_23-2148773371.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Elegance"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@elegance.com",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Elegance"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Support", href: "mailto:support@elegance.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user