Update src/app/page.tsx

This commit is contained in:
2026-05-11 17:53:51 +00:00
parent f8662715cf
commit 9724c058fa

View File

@@ -16,400 +16,158 @@ import { MapPin, Scissors, Star } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="compact"
sizing="large"
background="grid"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="compact"
sizing="large"
background="grid"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Accueil",
id: "hero",
},
{
name: "À propos",
id: "about",
},
{
name: "Prestations",
id: "features",
},
{
name: "Avis",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Iba Haute Couture"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Accueil", id: "hero" },
{ name: "À propos", id: "about" },
{ name: "Prestations", id: "features" },
{ name: "Avis", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Iba Haute Couture"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Lélégance sur mesure, pensée pour vous."
description="Iba Haute Couture crée et transforme des pièces uniques avec précision, savoir-faire artisanal et sens du détail."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414736.jpg?_wi=1",
imageAlt: "elegant fashion sewing atelier",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273072.jpg?_wi=1",
imageAlt: "high-end tailoring Lausanne",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wedding-dress_23-2147990702.jpg?_wi=1",
imageAlt: "bespoke wedding dress details",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/essential-elements-fashion-design-studio_23-2150414747.jpg?_wi=1",
imageAlt: "fashion designer sketches on desk",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop-alone_23-2148877376.jpg?_wi=1",
imageAlt: "couturier scissors tape measure",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg",
imageAlt: "beautiful sewing atelier interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/centimeter-sewing-magnifying-glass-flat-lay_23-2148355074.jpg",
imageAlt: "couturier scissors tape measure",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/detail-brown-black-feather-backgrounds_23-2148114526.jpg",
imageAlt: "fashion designer sketches on desk",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mannequin-wearing-rose-flowers_23-2151053082.jpg",
imageAlt: "bespoke wedding dress details",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/this-piece-clothes-will-be-my-best-side-angle-shot-busy-talented-sewer-creating-design-new-outfit-standing-her-workshop-near-table-with-sewing-machine-fabric-imagination-is-key_176420-14564.jpg",
imageAlt: "high-end tailoring Lausanne",
},
]}
buttons={[
{
text: "Prendre rendez-vous",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/full-shot-man-sewing-workshop_23-2149007404.jpg",
alt: "Full shot man sewing in workshop",
},
{
src: "http://img.b2bpic.net/free-photo/empty-clothing-store-filled-casual-formal-wear-items-hanging-fashion-store-racks-hangers-full-with-fashionable-clothes-accessories-discount-small-business-commercial-activity_482257-65075.jpg",
alt: "Empty clothing store filled",
},
{
src: "http://img.b2bpic.net/free-photo/young-indian-handsome-business-man-evening-suit-restaurant_627829-804.jpg",
alt: "Young indian handsome business man",
},
{
src: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-items-retail-shop-with-stylish-clothes-hangers-racks-modern-boutique-inside-shopping-centre-fashionable-merchandise-sale_482257-63323.jpg",
alt: "Empty clothing store with casual",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-punk-outfit_23-2149267471.jpg",
alt: "Full shot woman wearing punk",
},
]}
avatarText="Rejoint par plus de 500 passionnés de mode"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg",
alt: "Beautician styling clients hair",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/sewing-supplies-near-clipboard_23-2147930216.jpg",
alt: "Sewing supplies near clipboard",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/top-view-sewing-supplies-arrangement_23-2149552371.jpg",
alt: "Top view sewing supplies",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/top-view-scissors-with-copy-space-thread_23-2148739433.jpg",
alt: "Top view of scissors",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/sewing-tape-measure-with-scissors_23-2148145906.jpg",
alt: "Sewing tape measure",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Lélégance sur mesure, pensée pour vous."
description="Iba Haute Couture crée et transforme des pièces uniques avec précision, savoir-faire artisanal et sens du détail."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414736.jpg", imageAlt: "elegant fashion sewing atelier" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273072.jpg", imageAlt: "high-end tailoring Lausanne" },
{ imageSrc: "http://img.b2bpic.net/free-photo/wedding-dress_23-2147990702.jpg", imageAlt: "bespoke wedding dress details" },
{ imageSrc: "http://img.b2bpic.net/free-photo/essential-elements-fashion-design-studio_23-2150414747.jpg", imageAlt: "fashion designer sketches on desk" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop-alone_23-2148877376.jpg", imageAlt: "couturier scissors tape measure" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg", imageAlt: "beautiful sewing atelier interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/centimeter-sewing-magnifying-glass-flat-lay_23-2148355074.jpg", imageAlt: "couturier scissors tape measure" },
{ imageSrc: "http://img.b2bpic.net/free-photo/detail-brown-black-feather-backgrounds_23-2148114526.jpg", imageAlt: "fashion designer sketches on desk" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mannequin-wearing-rose-flowers_23-2151053082.jpg", imageAlt: "bespoke wedding dress details" },
{ imageSrc: "http://img.b2bpic.net/free-photo/this-piece-clothes-will-be-my-best-side-angle-shot-busy-talented-sewer-creating-design-new-outfit-standing-her-workshop-near-table-with-sewing-machine-fabric-imagination-is-key_176420-14564.jpg", imageAlt: "high-end tailoring Lausanne" },
]}
buttons={[{ text: "Prendre rendez-vous", href: "#contact" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-sewing-workshop_23-2149007404.jpg", alt: "Full shot man sewing in workshop" },
{ src: "http://img.b2bpic.net/free-photo/empty-clothing-store-filled-casual-formal-wear-items-hanging-fashion-store-racks-hangers-full-with-fashionable-clothes-accessories-discount-small-business-commercial-activity_482257-65075.jpg", alt: "Empty clothing store filled" },
{ src: "http://img.b2bpic.net/free-photo/young-indian-handsome-business-man-evening-suit-restaurant_627829-804.jpg", alt: "Young indian handsome business man" },
{ src: "http://img.b2bpic.net/free-photo/empty-clothing-store-with-casual-formal-wear-items-retail-shop-with-stylish-clothes-hangers-racks-modern-boutique-inside-shopping-centre-fashionable-merchandise-sale_482257-63323.jpg", alt: "Empty clothing store with casual" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-punk-outfit_23-2149267471.jpg", alt: "Full shot woman wearing punk" },
]}
avatarText="Rejoint par plus de 500 passionnés de mode"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Iba Haute Couture"
metrics={[
{
icon: Scissors,
label: "Années d'expérience",
value: "10+",
},
{
icon: Star,
label: "Note moyenne",
value: "5.0",
},
{
icon: MapPin,
label: "Atelier local",
value: "Lausanne",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Iba Haute Couture"
metrics={[
{ icon: Scissors, label: "Années d'expérience", value: "10+" },
{ icon: Star, label: "Note moyenne", value: "5.0" },
{ icon: MapPin, label: "Atelier local", value: "Lausanne" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Couture sur mesure",
tags: [
"Robes",
"Événementiel",
],
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414724.jpg",
},
{
id: "f2",
title: "Retouches & ajustements",
tags: [
"Haute précision",
],
imageSrc: "http://img.b2bpic.net/free-photo/second-hand-market-with-vintage-pants_23-2149338408.jpg",
},
{
id: "f3",
title: "Transformation",
tags: [
"Modernisation",
"Mariage",
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-haired-african-woman-wearing-fashionable-black-coat-red-turtleneck-posing-outdoor-sunny-day_627829-6538.jpg",
},
]}
title="Prestations de l'Atelier"
description="De la création sur mesure à la transformation minutieuse de vos pièces favorites."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ id: "f1", title: "Couture sur mesure", tags: ["Robes", "Événementiel"], imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414724.jpg" },
{ id: "f2", title: "Retouches & ajustements", tags: ["Haute précision"], imageSrc: "http://img.b2bpic.net/free-photo/second-hand-market-with-vintage-pants_23-2149338408.jpg" },
{ id: "f3", title: "Transformation", tags: ["Modernisation", "Mariage"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-haired-african-woman-wearing-fashionable-black-coat-red-turtleneck-posing-outdoor-sunny-day_627829-6538.jpg" },
]}
title="Prestations de l'Atelier"
description="De la création sur mesure à la transformation minutieuse de vos pièces favorites."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Qualité",
description: "Finition haut de gamme",
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647293.jpg",
},
{
id: "m2",
value: "5.0",
title: "Satisfaction",
description: "30+ avis clients Google",
imageSrc: "http://img.b2bpic.net/free-photo/tailor-woman-using-needle-thread-sew_23-2148827164.jpg",
},
{
id: "m3",
value: "Locaux",
title: "Proximité",
description: "Atelier à Lausanne",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-dress_1157-689.jpg",
},
]}
title="Pourquoi nous choisir"
description="L'excellence artisanale au service de votre identité."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "100%", title: "Qualité", description: "Finition haut de gamme", imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647293.jpg" },
{ id: "m2", value: "5.0", title: "Satisfaction", description: "30+ avis clients Google", imageSrc: "http://img.b2bpic.net/free-photo/tailor-woman-using-needle-thread-sew_23-2148827164.jpg" },
{ id: "m3", value: "Locaux", title: "Proximité", description: "Atelier à Lausanne", imageSrc: "http://img.b2bpic.net/free-photo/wedding-dress_1157-689.jpg" },
]}
title="Pourquoi nous choisir"
description="L'excellence artisanale au service de votre identité."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah D.",
date: "10/2023",
title: "Cliente fidèle",
quote: "Travail impeccable, grande écoute et résultats magnifiques.",
tag: "Haute couture",
avatarSrc: "http://img.b2bpic.net/free-photo/charming-ladies-black-white-outfits-smile-work-new-clothes-design_197531-24066.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414736.jpg?_wi=2",
imageAlt: "happy client professional fashion",
},
{
id: "2",
name: "Marie L.",
date: "09/2023",
title: "Mariage",
quote: "Une vraie professionnelle, précise et passionnée.",
tag: "Mariée",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746374.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273072.jpg?_wi=2",
imageAlt: "happy client professional fashion",
},
{
id: "3",
name: "Julie P.",
date: "08/2023",
title: "Retouche",
quote: "Une expertise rare, mes robes sont parfaitement ajustées.",
tag: "Retouche",
avatarSrc: "http://img.b2bpic.net/free-photo/browneyed-shorthaired-beautiful-woman-linen-red-dress-black-belt-smiles-widely-holds-coffee-cup-computer-tablet-lady-sits-chair-cozy-room_197531-27870.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-dress_23-2147990702.jpg?_wi=2",
imageAlt: "happy client professional fashion",
},
{
id: "4",
name: "Camille R.",
date: "07/2023",
title: "Soirée",
quote: "Je suis ravie de la transformation de ma robe.",
tag: "Transformation",
avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/essential-elements-fashion-design-studio_23-2150414747.jpg?_wi=2",
imageAlt: "happy client professional fashion",
},
{
id: "5",
name: "Sophie M.",
date: "06/2023",
title: "Sur mesure",
quote: "Magnifique création, exactement ce que je voulais.",
tag: "Sur mesure",
avatarSrc: "http://img.b2bpic.net/free-photo/shop-assistant-helping-female-customer-try-new-dress-woman-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11997.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop-alone_23-2148877376.jpg?_wi=2",
imageAlt: "happy client professional fashion",
},
]}
title="Avis de nos clientes"
description="Découvrez l'expérience Iba Haute Couture à travers les yeux de celles qui nous font confiance."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah D.", date: "10/2023", title: "Cliente fidèle", quote: "Travail impeccable, grande écoute et résultats magnifiques.", tag: "Haute couture", avatarSrc: "http://img.b2bpic.net/free-photo/charming-ladies-black-white-outfits-smile-work-new-clothes-design_197531-24066.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414736.jpg" },
{ id: "2", name: "Marie L.", date: "09/2023", title: "Mariage", quote: "Une vraie professionnelle, précise et passionnée.", tag: "Mariée", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746374.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273072.jpg" },
{ id: "3", name: "Julie P.", date: "08/2023", title: "Retouche", quote: "Une expertise rare, mes robes sont parfaitement ajustées.", tag: "Retouche", avatarSrc: "http://img.b2bpic.net/free-photo/browneyed-shorthaired-beautiful-woman-linen-red-dress-black-belt-smiles-widely-holds-coffee-cup-computer-tablet-lady-sits-chair-cozy-room_197531-27870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wedding-dress_23-2147990702.jpg" },
{ id: "4", name: "Camille R.", date: "07/2023", title: "Soirée", quote: "Je suis ravie de la transformation de ma robe.", tag: "Transformation", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg", imageSrc: "http://img.b2bpic.net/free-photo/essential-elements-fashion-design-studio_23-2150414747.jpg" },
{ id: "5", name: "Sophie M.", date: "06/2023", title: "Sur mesure", quote: "Magnifique création, exactement ce que je voulais.", tag: "Sur mesure", avatarSrc: "http://img.b2bpic.net/free-photo/shop-assistant-helping-female-customer-try-new-dress-woman-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11997.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-fashion-design-workshop-alone_23-2148877376.jpg" },
]}
title="Avis de nos clientes"
description="Découvrez l'expérience Iba Haute Couture à travers les yeux de celles qui nous font confiance."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "Où se situe l'atelier ?",
content: "Av. de Montchoisi 3, 1006 Lausanne Suisse.",
},
{
id: "faq2",
title: "Quels sont vos horaires ?",
content: "08:00 - 18:00, avec ou sans rendez-vous.",
},
{
id: "faq3",
title: "Comment prendre contact ?",
content: "Vous pouvez nous appeler au 079 715 98 30.",
},
]}
title="Infos Pratiques"
description="Tout ce qu'il faut savoir sur l'atelier à Lausanne."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[
{ id: "faq1", title: "Où se situe l'atelier ?", content: "Av. de Montchoisi 3, 1006 Lausanne Suisse." },
{ id: "faq2", title: "Quels sont vos horaires ?", content: "08:00 - 18:00, avec ou sans rendez-vous." },
{ id: "faq3", title: "Comment prendre contact ?", content: "Vous pouvez nous appeler au 079 715 98 30." },
]}
title="Infos Pratiques"
description="Tout ce qu'il faut savoir sur l'atelier à Lausanne."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "rotated-rays-static",
}}
tag="Contact"
title="Un projet couture ?"
description="Appelez-nous au 079 715 98 30 pour un rendez-vous personnalisé ou passez nous voir à l'atelier."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "rotated-rays-static" }}
tag="Contact"
title="Un projet couture ?"
description="Appelez-nous au 079 715 98 30 pour un rendez-vous personnalisé ou passez nous voir à l'atelier."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Iba Haute Couture"
columns={[
{
title: "Atelier",
items: [
{
label: "Adresse",
href: "#",
},
{
label: "Horaires",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Sur mesure",
href: "#features",
},
{
label: "Retouches",
href: "#features",
},
],
},
{
title: "Contact",
items: [
{
label: "079 715 98 30",
href: "tel:0797159830",
},
],
},
]}
copyrightText="© 2024 Iba Haute Couture - Lausanne."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Iba Haute Couture"
columns={[
{ title: "Atelier", items: [{ label: "Adresse", href: "#" }, { label: "Horaires", href: "#" }] },
{ title: "Services", items: [{ label: "Sur mesure", href: "#features" }, { label: "Retouches", href: "#features" }] },
{ title: "Contact", items: [{ label: "079 715 98 30", href: "tel:0797159830" }] },
]}
copyrightText="© 2024 Iba Haute Couture - Lausanne."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}