Update src/app/page.tsx

This commit is contained in:
2026-05-17 14:14:31 +00:00
parent 2ac93ead34
commit 4c5d9f6ff3

View File

@@ -28,372 +28,139 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Collection",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Flame Boutique"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Collection", id: "products" },
{ name: "Contact", id: "contact" }
]}
brandName="Flame Boutique"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Ignite Your Style, Embrace Your Elegance"
description="Modern luxury pieces for confident women who refuse ordinary. Discover curated collections designed to elevate your everyday."
testimonials={[
{
name: "Sarah L.",
handle: "@sarah.style",
testimonial: "Flame Boutique has the most exquisite pieces in Algeria. Always my go-to for special occasions.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-posing_23-2148880237.jpg?_wi=1",
imageAlt: "elegant woman luxury fashion model",
},
{
name: "Amira K.",
handle: "@amira.fashion",
testimonial: "Quality that competes with international luxury labels. Truly a hidden gem.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-black-dress-full-shot_23-2149697977.jpg?_wi=1",
imageAlt: "elegant woman luxury fashion model",
},
{
name: "Lina M.",
handle: "@lina.chic",
testimonial: "Customer service is impeccable. Everything is packaged so beautifully.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19717.jpg?_wi=1",
imageAlt: "elegant woman luxury fashion model",
},
{
name: "Fatima Z.",
handle: "@fatima.lifestyle",
testimonial: "I love the editorial aesthetic! It's so easy to find pieces that feel uniquely high-end.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girly-arrangement_23-2148229291.jpg?_wi=1",
imageAlt: "elegant woman luxury fashion model",
},
{
name: "Nadia R.",
handle: "@nadia.vogue",
testimonial: "The best shopping experience in Bordj Bou Arreridj. Modern, elegant, and sophisticated.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-suit_1303-11255.jpg?_wi=1",
imageAlt: "elegant woman luxury fashion model",
},
]}
buttons={[
{
text: "Shop Collection",
href: "#products",
},
{
text: "Visit Boutique",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-female-posing_23-2148880237.jpg?_wi=2"
imageAlt="Model wearing modern luxury boutique piece"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman_176420-16845.jpg",
alt: "Portrait of young beautiful brunette woman",
},
{
src: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-blue-shirt_158595-1024.jpg",
alt: "Fashion photo of young magnificent woman in blue shirt",
},
{
src: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-blue-shirt_158595-1023.jpg",
alt: "Fashion photo of young magnificent woman in blue shirt",
},
{
src: "http://img.b2bpic.net/free-photo/man-posing-studio-black-white_23-2149392947.jpg",
alt: "Man posing at studio black and white",
},
{
src: "http://img.b2bpic.net/free-photo/glamour-female-model-with-short-brown-hair-black-dress-posing-near-light-wall_613910-7032.jpg",
alt: "Glamour female model with short brown hair",
},
]}
avatarText="Join our community of over 500+ satisfied luxury fashion enthusiasts."
marqueeItems={[
{
type: "text",
text: "EDITORIAL VOGUE",
},
{
type: "text",
text: "BESPOKE TAILORING",
},
{
type: "text",
text: "LUXURY CURATION",
},
{
type: "text",
text: "MODERN ELEGANCE",
},
{
type: "text",
text: "SIGNATURE DESIGNS",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Ignite Your Style, Embrace Your Elegance"
description="Modern luxury pieces for confident women who refuse ordinary. Discover curated collections designed to elevate your everyday."
testimonials={[
{ name: "Sarah L.", handle: "@sarah.style", testimonial: "Flame Boutique has the most exquisite pieces in Algeria. Always my go-to for special occasions.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-posing_23-2148880237.jpg", imageAlt: "elegant woman luxury fashion model" },
{ name: "Amira K.", handle: "@amira.fashion", testimonial: "Quality that competes with international luxury labels. Truly a hidden gem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-black-dress-full-shot_23-2149697977.jpg", imageAlt: "elegant woman luxury fashion model" },
{ name: "Lina M.", handle: "@lina.chic", testimonial: "Customer service is impeccable. Everything is packaged so beautifully.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19717.jpg", imageAlt: "elegant woman luxury fashion model" },
{ name: "Fatima Z.", handle: "@fatima.lifestyle", testimonial: "I love the editorial aesthetic! It's so easy to find pieces that feel uniquely high-end.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girly-arrangement_23-2148229291.jpg", imageAlt: "elegant woman luxury fashion model" },
{ name: "Nadia R.", handle: "@nadia.vogue", testimonial: "The best shopping experience in Bordj Bou Arreridj. Modern, elegant, and sophisticated.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-suit_1303-11255.jpg", imageAlt: "elegant woman luxury fashion model" }
]}
buttons={[{ text: "Shop Collection", href: "#products" }, { text: "Visit Boutique", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-female-posing_23-2148880237.jpg"
imageAlt="Model wearing modern luxury boutique piece"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Our Story: Redefining Elegance in Bordj Bou Arreridj"
buttons={[
{
text: "Learn More",
href: "#",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Our Story: Redefining Elegance in Bordj Bou Arreridj"
buttons={[{ text: "Learn More", href: "#" }]}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Signature Silk Gown",
price: "$295",
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-black-dress-full-shot_23-2149697977.jpg?_wi=2",
},
{
id: "p2",
name: "Modern Cutout Blazer",
price: "$185",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19717.jpg?_wi=2",
},
{
id: "p3",
name: "Champagne Leather Clutch",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girly-arrangement_23-2148229291.jpg?_wi=2",
},
{
id: "p4",
name: "Ivory Tailored Trousers",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-suit_1303-11255.jpg?_wi=2",
},
{
id: "p5",
name: "Gold Accent Stilettos",
price: "$210",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-young-woman-starring-with-raising-hand_23-2148341440.jpg",
},
{
id: "p6",
name: "Minimalist Silk Scarf",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/clutch-with-ghost_23-2147680167.jpg",
},
]}
title="Curated Luxury Collections"
description="Discover our latest arrivals designed for the confident, modern woman."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Signature Silk Gown", price: "$295", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-black-dress-full-shot_23-2149697977.jpg" },
{ id: "p2", name: "Modern Cutout Blazer", price: "$185", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19717.jpg" },
{ id: "p3", name: "Champagne Leather Clutch", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girly-arrangement_23-2148229291.jpg" },
{ id: "p4", name: "Ivory Tailored Trousers", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-suit_1303-11255.jpg" },
{ id: "p5", name: "Gold Accent Stilettos", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-young-woman-starring-with-raising-hand_23-2148341440.jpg" },
{ id: "p6", name: "Minimalist Silk Scarf", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/clutch-with-ghost_23-2147680167.jpg" }
]}
title="Curated Luxury Collections"
description="Discover our latest arrivals designed for the confident, modern woman."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureBorderGlow
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Camera,
title: "Editorial Vision",
description: "High-end fashion photography and editorial styling.",
},
{
icon: Sparkles,
title: "Luxury Atmosphere",
description: "Curated in-store experiences that feel like luxury.",
},
{
icon: Award,
title: "Quality Craftsmanship",
description: "Pieces that stand the test of time and style.",
},
]}
title="The Flame Aesthetic"
description="Instagram-worthy moments crafted for the sophisticated lifestyle."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureBorderGlow
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{ icon: Camera, title: "Editorial Vision", description: "High-end fashion photography and editorial styling." },
{ icon: Sparkles, title: "Luxury Atmosphere", description: "Curated in-store experiences that feel like luxury." },
{ icon: Award, title: "Quality Craftsmanship", description: "Pieces that stand the test of time and style." }
]}
title="The Flame Aesthetic"
description="Instagram-worthy moments crafted for the sophisticated lifestyle."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="scale-rotate"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah L.",
role: "Fashion Editor",
testimonial: "Absolutely obsessed with every piece. The quality is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/charming-ladies-black-white-outfits-smile-work-new-clothes-design_197531-24066.jpg",
},
{
id: "t2",
name: "Amira K.",
role: "Architect",
testimonial: "Elegant designs that elevate my professional wardrobe effortlessly.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-creative-model-posing_23-2148905637.jpg",
},
{
id: "t3",
name: "Lina M.",
role: "Creative Director",
testimonial: "Bordj Bou Arreridj finally has a boutique that feels international.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-seaside_23-2148523906.jpg",
},
{
id: "t4",
name: "Fatima Z.",
role: "Entrepreneur",
testimonial: "Service is just as premium as the clothes. Always a delight.",
imageSrc: "http://img.b2bpic.net/free-photo/two-business-woman-with-computer_1303-13887.jpg",
},
{
id: "t5",
name: "Nadia R.",
role: "Stylist",
testimonial: "My favorite destination for confidence-boosting luxury pieces.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021792.jpg",
},
]}
title="Loved by Our Community"
description="What our clients are saying about their Flame Boutique experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="scale-rotate"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah L.", role: "Fashion Editor", testimonial: "Absolutely obsessed with every piece. The quality is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/charming-ladies-black-white-outfits-smile-work-new-clothes-design_197531-24066.jpg" },
{ id: "t2", name: "Amira K.", role: "Architect", testimonial: "Elegant designs that elevate my professional wardrobe effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-creative-model-posing_23-2148905637.jpg" },
{ id: "t3", name: "Lina M.", role: "Creative Director", testimonial: "Bordj Bou Arreridj finally has a boutique that feels international.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-seaside_23-2148523906.jpg" },
{ id: "t4", name: "Fatima Z.", role: "Entrepreneur", testimonial: "Service is just as premium as the clothes. Always a delight.", imageSrc: "http://img.b2bpic.net/free-photo/two-business-woman-with-computer_1303-13887.jpg" },
{ id: "t5", name: "Nadia R.", role: "Stylist", testimonial: "My favorite destination for confidence-boosting luxury pieces.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021792.jpg" }
]}
title="Loved by Our Community"
description="What our clients are saying about their Flame Boutique experience."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What are your boutique hours?",
content: "We are open Monday to Saturday from 10:00 AM to 8:00 PM.",
},
{
id: "f2",
title: "Do you offer shipping?",
content: "Yes, we ship nationwide across Algeria with express delivery.",
},
{
id: "f3",
title: "How can I book a styling session?",
content: "Please contact us via phone or our contact form to schedule an appointment.",
},
]}
sideTitle="Questions? We're Here."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "What are your boutique hours?", content: "We are open Monday to Saturday from 10:00 AM to 8:00 PM." },
{ id: "f2", title: "Do you offer shipping?", content: "Yes, we ship nationwide across Algeria with express delivery." },
{ id: "f3", title: "How can I book a styling session?", content: "Please contact us via phone or our contact form to schedule an appointment." }
]}
sideTitle="Questions? We're Here."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit or Connect With Us"
description="Located in the heart of Bordj Bou Arreridj. We look forward to meeting you."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your inquiry or appointment request",
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591429.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit or Connect With Us"
description="Located in the heart of Bordj Bou Arreridj. We look forward to meeting you."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
textarea={{ name: "message", placeholder: "Your inquiry or appointment request", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591429.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846517.jpg"
logoText="FLAME"
columns={[
{
title: "Navigation",
items: [
{
label: "Shop Collection",
href: "#products",
},
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "WhatsApp",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
]}
copyrightText="© 2025 Flame Boutique. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846517.jpg"
logoText="FLAME"
columns={[
{
title: "Navigation", items: [{ label: "Shop Collection", href: "#products" }, { label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }]
},
{
title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }, { label: "Facebook", href: "#" }]
}
]}
copyrightText="© 2025 Flame Boutique. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}