Merge version_1_1781455108365 into main #1
@@ -7,94 +7,39 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "Collections",
|
||||
"href": "#products"
|
||||
},
|
||||
{
|
||||
"name": "Our Story",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "Pricing",
|
||||
"href": "#pricing"
|
||||
},
|
||||
{
|
||||
"name": "Reviews",
|
||||
"href": "#testimonials"
|
||||
},
|
||||
{
|
||||
"name": "Hero",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Social Proof",
|
||||
"href": "#social-proof"
|
||||
},
|
||||
{
|
||||
"name": "Faq",
|
||||
"href": "#faq"
|
||||
}
|
||||
];
|
||||
{ name: "Collections", href: "#products" },
|
||||
{ name: "Our Story", href: "#about" },
|
||||
{ name: "Pricing", href: "#pricing" },
|
||||
{ name: "Reviews", href: "#testimonials" },
|
||||
{ name: "Hero", href: "#hero" },
|
||||
{ name: "Social Proof", href: "#social-proof" },
|
||||
{ name: "Faq", href: "#faq" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="expand" siteBackground="gridDots" heroBackground="lightRaysCenter">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="Boutique Elegance"
|
||||
ctaButton={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="Boutique Elegance"
|
||||
logoImageSrc="http://img.b2bpic.net/free-vector/vintage-rose-gold-art-nouveau-badge-vector_53876-57445.jpg"
|
||||
ctaButton={{ text: "Shop Now", href: "#products" }}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterBrand
|
||||
brand="Boutique Elegance"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Pinterest",
|
||||
href: "https://pinterest.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
brand="Boutique Elegance"
|
||||
columns={[
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Shop All", href: "#products" }] },
|
||||
{ items: [{ label: "Returns", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
{ items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Pinterest", href: "https://pinterest.com" }] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,241 +11,117 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboard
|
||||
title="Timeless Elegance in Every Stitch"
|
||||
description="Discover our hand-curated collection of luxury dresses designed for your most unforgettable moments."
|
||||
primaryButton={{
|
||||
text: "View Collection",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-surrounded-by-piles-clothes_23-2149133936.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Timeless Elegance in Every Stitch"
|
||||
description="Discover our hand-curated collection of luxury dresses designed for your most unforgettable moments."
|
||||
primaryButton={{ text: "View Collection", href: "#products" }}
|
||||
secondaryButton={{ text: "Our Story", href: "#about" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-surrounded-by-piles-clothes_23-2149133936.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Collections"
|
||||
title="Exquisite Designs"
|
||||
description="From sophisticated evening gowns to effortless daytime chic."
|
||||
items={[
|
||||
{
|
||||
title: "Silk Gowns",
|
||||
description: "Flowing silhouettes made from the finest Italian silk.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-s-dress-her-two-bridesmaids-dresses-are-hanging-hangers_8353-9796.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cocktail Classics",
|
||||
description: "Perfectly tailored for intimate gatherings and events.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-wedding-dress-shop-window_23-2148017614.jpg",
|
||||
},
|
||||
{
|
||||
title: "Daytime Elegance",
|
||||
description: "Effortless styles that transition from work to dinner.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-clothes-shopping_23-2150639870.jpg",
|
||||
},
|
||||
{
|
||||
title: "Bridal Treasures",
|
||||
description: "Unique pieces for the modern, minimalist bride.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-fancy-dress-walking-down-street-fashion-beauty-makeup-evening-dress-smiling-girl-posing-model-luxury-wearing-accessories-blonde-volume-hair-lipstick-eyes-perfect_343629-193.jpg",
|
||||
},
|
||||
{
|
||||
title: "Velvet Nights",
|
||||
description: "Rich textures for sophisticated winter evenings.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-trying-new-dress-boutique-woman-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11772.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lace Details",
|
||||
description: "Intricate craftsmanship with vintage-inspired lace.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-woman-s-hand-painted-with-mehndi-holds-glass-wine_8353-772.jpg",
|
||||
},
|
||||
{
|
||||
title: "Limited Edition",
|
||||
description: "Exclusively designed pieces produced in small batches.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-two-shirts_23-2147601332.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Collections"
|
||||
title="Exquisite Designs"
|
||||
description="From sophisticated evening gowns to effortless daytime chic."
|
||||
items={[
|
||||
{ title: "Silk Gowns", description: "Flowing silhouettes made from the finest Italian silk.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/bride-s-dress-her-two-bridesmaids-dresses-are-hanging-hangers_8353-9796.jpg" },
|
||||
{ title: "Cocktail Classics", description: "Perfectly tailored for intimate gatherings and events.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-wedding-dress-shop-window_23-2148017614.jpg" },
|
||||
{ title: "Daytime Elegance", description: "Effortless styles that transition from work to dinner.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-clothes-shopping_23-2150639870.jpg" },
|
||||
{ title: "Bridal Treasures", description: "Unique pieces for the modern, minimalist bride.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-fancy-dress-walking-down-street-fashion-beauty-makeup-evening-dress-smiling-girl-posing-model-luxury-wearing-accessories-blonde-volume-hair-lipstick-eyes-perfect_343629-193.jpg" },
|
||||
{ title: "Velvet Nights", description: "Rich textures for sophisticated winter evenings.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-trying-new-dress-boutique-woman-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11772.jpg" },
|
||||
{ title: "Lace Details", description: "Intricate craftsmanship with vintage-inspired lace.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/indian-woman-s-hand-painted-with-mehndi-holds-glass-wine_8353-772.jpg" },
|
||||
{ title: "Limited Edition", description: "Exclusively designed pieces produced in small batches.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-two-shirts_23-2147601332.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Philosophy"
|
||||
quote="My mission is to empower every woman to feel confident and beautiful, one dress at a time. Each design is a reflection of my love for quality and timeless style."
|
||||
author="Elena Vance"
|
||||
role="Founder & Creative Director"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-woman-white-blouse-looks-lace-table-brunette-lady-beige-shirt-pants-posing-designer-office_197531-27461.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Philosophy"
|
||||
quote="My mission is to empower every woman to feel confident and beautiful, one dress at a time. Each design is a reflection of my love for quality and timeless style."
|
||||
author="Elena Vance"
|
||||
role="Founder & Creative Director"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-woman-white-blouse-looks-lace-table-brunette-lady-beige-shirt-pants-posing-designer-office_197531-27461.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingMediaCards
|
||||
tag="Boutique Services"
|
||||
title="Personalized Styling"
|
||||
description="Experience couture-level service with our tailored options."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essential",
|
||||
price: "$150",
|
||||
period: "/session",
|
||||
features: [
|
||||
"Virtual styling consultation",
|
||||
"Size optimization guide",
|
||||
"3-day shipping",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-designer-working-dress-shop_23-2147875015.jpg",
|
||||
},
|
||||
{
|
||||
object: "Premium",
|
||||
tag: "Elite",
|
||||
price: "$450",
|
||||
period: "/session",
|
||||
features: [
|
||||
"In-person boutique fitting",
|
||||
"Custom hem alterations",
|
||||
"Priority delivery",
|
||||
"Private showroom access",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-clothes-sketch_23-2148898073.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Boutique Services"
|
||||
title="Personalized Styling"
|
||||
description="Experience couture-level service with our tailored options."
|
||||
plans={[
|
||||
{ tag: "Essential", price: "$150", period: "/session", features: ["Virtual styling consultation", "Size optimization guide", "3-day shipping"], primaryButton: { text: "Book Now", href: "#" }, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-designer-working-dress-shop_23-2147875015.jpg" },
|
||||
{ tag: "Elite", price: "$450", period: "/session", features: ["In-person boutique fitting", "Custom hem alterations", "Priority delivery", "Private showroom access"], primaryButton: { text: "Book Now", href: "#" }, imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-clothes-sketch_23-2148898073.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Featured In"
|
||||
title="Trusted by Fashion Authorities"
|
||||
description="Our work has been showcased across the industry's most influential platforms."
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Elle",
|
||||
"Marie Claire",
|
||||
"InStyle",
|
||||
"Cosmopolitan",
|
||||
"Glamour",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Featured In"
|
||||
title="Trusted by Fashion Authorities"
|
||||
description="Our work has been showcased across the industry's most influential platforms."
|
||||
names={["Vogue", "Harper's Bazaar", "Elle", "Marie Claire", "InStyle", "Cosmopolitan", "Glamour"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Client Love"
|
||||
title="Stories from Our Customers"
|
||||
description="Real women, real moments, beautifully dressed."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sophia R.",
|
||||
role: "Architect",
|
||||
company: "UrbanDesign",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-with-happy-expression-looking-through-her-clothes-being-glad-choose-outfit-by-herself-glad-woman-looking-through-clothing-closet-having-positive-look-posing-fitting-room_273609-781.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria L.",
|
||||
role: "Manager",
|
||||
company: "FinanceCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-curly-brunette-shorthaired-woman-stylish-floral-dress-smiles-sincerely-sits-chair-poses-dressing-room_197531-29857.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chloe B.",
|
||||
role: "Editor",
|
||||
company: "TrendSet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-clothes_23-2149241339.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
role: "Lawyer",
|
||||
company: "LegalFirm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-shopper-applying-dress-with-hanger-looking-mirror-woman-choosing-clothes-fashion-store-shopping-retail-concept_74855-11792.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jessica D.",
|
||||
role: "Artist",
|
||||
company: "FineArts",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-caucasian-brunette-woman-with-red-lipstick-wears-black-dressy-suit-glasses-shoes-indoor-party_197531-32095.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Client Love"
|
||||
title="Stories from Our Customers"
|
||||
description="Real women, real moments, beautifully dressed."
|
||||
testimonials={[
|
||||
{ name: "Sophia R.", role: "Architect", company: "UrbanDesign", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-with-happy-expression-looking-through-her-clothes-being-glad-choose-outfit-by-herself-glad-woman-looking-through-clothing-closet-having-positive-look-posing-fitting-room_273609-781.jpg" },
|
||||
{ name: "Maria L.", role: "Manager", company: "FinanceCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-curly-brunette-shorthaired-woman-stylish-floral-dress-smiles-sincerely-sits-chair-poses-dressing-room_197531-29857.jpg" },
|
||||
{ name: "Chloe B.", role: "Editor", company: "TrendSet", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-clothes_23-2149241339.jpg" },
|
||||
{ name: "Sarah P.", role: "Lawyer", company: "LegalFirm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-female-shopper-applying-dress-with-hanger-looking-mirror-woman-choosing-clothes-fashion-store-shopping-retail-concept_74855-11792.jpg" },
|
||||
{ name: "Jessica D.", role: "Artist", company: "FineArts", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-caucasian-brunette-woman-with-red-lipstick-wears-black-dressy-suit-glasses-shoes-indoor-party_197531-32095.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about shipping, sizing, or returns? We're here to help."
|
||||
items={[
|
||||
{
|
||||
question: "What is your return policy?",
|
||||
answer: "We offer a 30-day return policy for unworn items with tags attached.",
|
||||
},
|
||||
{
|
||||
question: "Do you ship internationally?",
|
||||
answer: "Yes, we ship globally using express courier services.",
|
||||
},
|
||||
{
|
||||
question: "How do I find my perfect size?",
|
||||
answer: "Consult our online size guide or contact us for personal styling support.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929545.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about shipping, sizing, or returns? We're here to help."
|
||||
items={[
|
||||
{ question: "What is your return policy?", answer: "We offer a 30-day return policy for unworn items with tags attached." },
|
||||
{ question: "Do you ship internationally?", answer: "Yes, we ship globally using express courier services." },
|
||||
{ question: "How do I find my perfect size?", answer: "Consult our online size guide or contact us for personal styling support." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929545.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Let's Connect"
|
||||
text="Ready to find your perfect dress? Get in touch with our team today."
|
||||
primaryButton={{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@boutique.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Book Fitting",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Let's Connect"
|
||||
text="Ready to find your perfect dress? Get in touch with our team today."
|
||||
primaryButton={{ text: "Email Us", href: "mailto:hello@boutique.com" }}
|
||||
secondaryButton={{ text: "Book Fitting", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user