From 432fd464e921949232b2fb071162271d2eacb571 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 19:12:20 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 380 +++++++++++++++--------------------------------
 1 file changed, 122 insertions(+), 258 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a52fa9d..eaaec8f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,273 +18,137 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="entrance-slide"
         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">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "L'Atelier",
-          id: "about",
-        },
-        {
-          name: "Nos Pièces",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="L'Etincelle"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Accueil", id: "hero" },
+              { name: "L'Atelier", id: "about" },
+              { name: "Nos Pièces", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="L'Etincelle"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="L'Etincelle"
-      description="L'Art de la fusion du verre, transformé en bijoux uniques, poétiques et intempore et intemporels."
-      buttons={[
-        {
-          text: "Découvrir la collection",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/closeup-sparkling-pearl-earring-lying-mint-paper_8353-668.jpg?_wi=1"
-      imageAlt="Bijoux en verre fusionné"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="L'Etincelle"
+            description="L'Art de la fusion du verre, transformé en bijoux uniques, poétiques et intemporels."
+            buttons={[{ text: "Découvrir la collection", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/closeup-sparkling-pearl-earring-lying-mint-paper_8353-668.jpg"
+            imageAlt="Bijoux en verre fusionné"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="L'âme du Verre"
-      description="Chaque pièce est née d'une rencontre entre la chaleur du four et la précision artistique. Nous transformons le verre en bijoux qui racontent une histoire de lumière et de transparence."
-      metrics={[
-        {
-          value: "100%",
-          title: "Fait main",
-        },
-        {
-          value: "Unique",
-          title: "Créations originales",
-        },
-        {
-          value: "15+",
-          title: "Années de passion",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-reaching-cupboard_23-2147782474.jpg"
-      imageAlt="Atelier de création de bijoux"
-      mediaAnimation="slide-up"
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="L'âme du Verre"
+            description="Chaque pièce est née d'une rencontre entre la chaleur du four et la précision artistique. Nous transformons le verre en bijoux qui racontent une histoire de lumière et de transparence."
+            metrics={[
+              { value: "100%", title: "Fait main" },
+              { value: "Unique", title: "Créations originales" },
+              { value: "15+", title: "Années de passion" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/woman-reaching-cupboard_23-2147782474.jpg"
+            imageAlt="Atelier de création de bijoux"
+            mediaAnimation="slide-up"
+            metricsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "feat1",
-          title: "Fusion précise",
-          description: "Une maîtrise parfaite des températures de cuisson pour des bijoux éclatants.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-asmr-recording-marbles_23-2149313917.jpg",
-            imageAlt: "Processus de fusion",
-          },
-          items: [
-            {
-              icon: Sparkles,
-              text: "Verre de haute qualité",
-            },
-            {
-              icon: CheckCircle,
-              text: "Finition à la main",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-sparkling-pearl-earring-lying-mint-paper_8353-668.jpg?_wi=2",
-          imageAlt: "glass fusion jewelry close up",
-        },
-      ]}
-      title="Un processus méticuleux"
-      description="De la sélection du verre à la cuisson finale, chaque étape est maîtrisée pour sublimer les textures et les couleurs."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "feat1",                title: "Fusion précise",                description: "Une maîtrise parfaite des températures de cuisson pour des bijoux éclatants.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-asmr-recording-marbles_23-2149313917.jpg", imageAlt: "Processus de fusion" },
+                items: [
+                  { icon: Sparkles, text: "Verre de haute qualité" },
+                  { icon: CheckCircle, text: "Finition à la main" },
+                ],
+                reverse: false
+              },
+            ]}
+            title="Un processus méticuleux"
+            description="De la sélection du verre à la cuisson finale, chaque étape est maîtrisée pour sublimer les textures et les couleurs."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Pendentif 'Aube'",
-          price: "45€",
-          variant: "Bleu profond",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649122.jpg",
-          imageAlt: "Pendentif en verre fusionné",
-        },
-        {
-          id: "p2",
-          name: "Bague 'Lueur'",
-          price: "38€",
-          variant: "Doré",
-          imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-displayed-white-coral-background_23-2150347052.jpg",
-          imageAlt: "Bague artisanale",
-        },
-        {
-          id: "p3",
-          name: "Boucles 'Éclat'",
-          price: "52€",
-          variant: "Multicolore",
-          imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17738.jpg",
-          imageAlt: "Boucles d'oreilles fusion",
-        },
-      ]}
-      title="Nos Créations"
-      description="Découvrez notre sélection de bijoux artisanaux, où chaque pièce fusionnée exprime sa propre élégance."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Pendentif 'Aube'", price: "45€", variant: "Bleu profond", imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649122.jpg", imageAlt: "Pendentif en verre fusionné" },
+              { id: "p2", name: "Bague 'Lueur'", price: "38€", variant: "Doré", imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-displayed-white-coral-background_23-2150347052.jpg", imageAlt: "Bague artisanale" },
+              { id: "p3", name: "Boucles 'Éclat'", price: "52€", variant: "Multicolore", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17738.jpg", imageAlt: "Boucles d'oreilles fusion" },
+            ]}
+            title="Nos Créations"
+            description="Découvrez notre sélection de bijoux artisanaux, où chaque pièce fusionnée exprime sa propre élégance."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Clara M.",
-          role: "Cliente",
-          company: "Passionnée",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
-        },
-        {
-          id: "2",
-          name: "Sophie P.",
-          role: "Cliente",
-          company: "Fidèle",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pleasant-looking-afro-american-female-with-broad-smile-holds-mug-coffee-tea-enjoys-break-after-hard-working-day_273609-3085.jpg",
-        },
-        {
-          id: "3",
-          name: "Julie L.",
-          role: "Cliente",
-          company: "Design",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-pleased-brunette-woman-blur-city-shot-caucasian-enchanting-girl-with-trendy-haircut_197531-11295.jpg",
-        },
-        {
-          id: "4",
-          name: "Marie R.",
-          role: "Cliente",
-          company: "Artisanat",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stunning-woman-with-trendy-make-up-holding-glass-wine-touching-her-blonde-hair-outdoor-portrait-glamorous-female-model-with-goblet-champagne_197531-4293.jpg?_wi=1",
-        },
-        {
-          id: "5",
-          name: "Thomas G.",
-          role: "Client",
-          company: "Collectionneur",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stunning-woman-with-trendy-make-up-holding-glass-wine-touching-her-blonde-hair-outdoor-portrait-glamorous-female-model-with-goblet-champagne_197531-4293.jpg?_wi=2",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "500+",
-          label: "Bijoux créés",
-        },
-        {
-          value: "4.9/5",
-          label: "Note moyenne",
-        },
-        {
-          value: "100%",
-          label: "Satisfaction",
-        },
-      ]}
-      title="Témoignages"
-      description="La satisfaction de ceux qui portent L'Etincelle au quotidien."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Clara M.", role: "Cliente", company: "Passionnée", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg" },
+              { id: "2", name: "Sophie P.", role: "Cliente", company: "Fidèle", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleasant-looking-afro-american-female-with-broad-smile-holds-mug-coffee-tea-enjoys-break-after-hard-working-day_273609-3085.jpg" },
+              { id: "3", name: "Julie L.", role: "Cliente", company: "Design", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-pleased-brunette-woman-blur-city-shot-caucasian-enchanting-girl-with-trendy-haircut_197531-11295.jpg" },
+              { id: "4", name: "Marie R.", role: "Cliente", company: "Artisanat", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stunning-woman-with-trendy-make-up-holding-glass-wine-touching-her-blonde-hair-outdoor-portrait-glamorous-female-model-with-goblet-champagne_197531-4293.jpg" },
+              { id: "5", name: "Thomas G.", role: "Client", company: "Collectionneur", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stunning-woman-with-trendy-make-up-holding-glass-wine-touching-her-blonde-hair-outdoor-portrait-glamorous-female-model-with-goblet-champagne_197531-4293.jpg" },
+            ]}
+            kpiItems={[
+              { value: "500+", label: "Bijoux créés" },
+              { value: "4.9/5", label: "Note moyenne" },
+              { value: "100%", label: "Satisfaction" },
+            ]}
+            title="Témoignages"
+            description="La satisfaction de ceux qui portent L'Etincelle au quotidien."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Contactez l'Atelier"
-      description="Une question, une commande personnalisée ? Écrivez-nous, nous serons ravis de répondre à toutes vos envies."
-      inputs={[
-        {
-          name: "Nom",
-          type: "text",
-          placeholder: "Votre nom",
-          required: true,
-        },
-        {
-          name: "Email",
-          type: "email",
-          placeholder: "Votre email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "Message",
-        placeholder: "Votre message",
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-vector/artistic-golden-round-swirl-background-wedding-invitation_1017-62110.jpg?_wi=1"
-      imageAlt="Logo L'Etincelle"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Contactez l'Atelier"
+            description="Une question, une commande personnalisée ? Écrivez-nous, nous serons ravis de répondre à toutes vos envies."
+            inputs={[
+              { name: "Nom", type: "text", placeholder: "Votre nom", required: true },
+              { name: "Email", type: "email", placeholder: "Votre email", required: true },
+            ]}
+            textarea={{ name: "Message", placeholder: "Votre message", required: true }}
+            imageSrc="http://img.b2bpic.net/free-vector/artistic-golden-round-swirl-background-wedding-invitation_1017-62110.jpg"
+            imageAlt="Logo L'Etincelle"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-vector/artistic-golden-round-swirl-background-wedding-invitation_1017-62110.jpg?_wi=2"
-      columns={[
-        {
-          title: "L'Etincelle",
-          items: [
-            {
-              label: "À propos",
-              href: "#about",
-            },
-            {
-              label: "Boutique",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Service",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Mentions Légales",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-vector/artistic-golden-round-swirl-background-wedding-invitation_1017-62110.jpg"
+            columns={[
+              { title: "L'Etincelle", items: [{ label: "À propos", href: "#about" }, { label: "Boutique", href: "#products" }] },
+              { title: "Service", items: [{ label: "Contact", href: "#contact" }, { label: "Mentions Légales", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );