Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -27,69 +27,38 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Mystery Box",
-          id: "mystery-box",
-        },
-        {
-          name: "Jewelry",
-          id: "jewelry",
-        },
-        {
-          name: "Eyewear",
-          id: "eyewear",
-        },
-        {
-          name: "Perfumes",
-          id: "perfumes",
-        },
-        {
-          name: "Accessories",
-          id: "accessories",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Mystery Box", id: "mystery-box" },
+        { name: "Jewelry", id: "jewelry" },
+        { name: "Eyewear", id: "eyewear" },
+        { name: "Perfumes", id: "perfumes" },
+        { name: "Accessories", id: "accessories" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "footer" }
       ]}
-      brandName="A&B Vision"
-      bottomLeftText="Discover True Elegance"
-      bottomRightText="hello@abvision.com"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="A&B Vision: Discover True Elegance"
       description="Unveiling the art of mystery and modern luxury. Each piece is an invitation to express your unique style."
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2059.jpg",
-          imageAlt: "Elegant woman wearing sophisticated jewelry",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2059.jpg",          imageAlt: "Elegant woman wearing sophisticated jewelry"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-silver-wedding-rings-black-wall_140725-12919.jpg",
-          imageAlt: "Glamorous fashion model with mysterious expression",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-silver-wedding-rings-black-wall_140725-12919.jpg",          imageAlt: "Glamorous fashion model with mysterious expression"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-blond-woman-model-with-fresh-daily-makeup-with-purple-lips-color-clean-healthy-skin-glasses_158538-10431.jpg",
-          imageAlt: "Golden jewelry and luxury eyewear",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-blond-woman-model-with-fresh-daily-makeup-with-purple-lips-color-clean-healthy-skin-glasses_158538-10431.jpg",          imageAlt: "Golden jewelry and luxury eyewear"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-nail-polish_23-2147710612.jpg",
-          imageAlt: "Luxury perfume bottle with elegant shadow",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/blue-nail-polish_23-2147710612.jpg",          imageAlt: "Luxury perfume bottle with elegant shadow"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-beautiful-girl-lies-bathroom_1157-18493.jpg",
-          imageAlt: "Luxury brand jewelry photography",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/stylish-beautiful-girl-lies-bathroom_1157-18493.jpg",          imageAlt: "Luxury brand jewelry photography"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-background-with-dew-drops-shining-sun-spider-web_169016-14242.jpg",
-          imageAlt: "Luxurious handbag and accessories",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-background-with-dew-drops-shining-sun-spider-web_169016-14242.jpg",          imageAlt: "Luxurious handbag and accessories"},
       ]}
       mediaAnimation="opacity"
     />
@@ -103,17 +72,11 @@ export default function LandingPage() {
       description="A&B Vision transcende la simple boutique pour offrir une véritable expérience. Chaque produit raconte une histoire, chaque boîte cache une surprise, vous invitant à découvrir et à affirmer votre élégance unique avec nos accessoires de mode et de beauté haut de gamme."
       bulletPoints={[
         {
-          title: "Élégance Redéfinie",
-          description: "Nos collections incarnent la sophistication et le raffinement, avec un design moderne et intemporel.",
-        },
+          title: "Élégance Redéfinie",          description: "Nos collections incarnent la sophistication et le raffinement, avec un design moderne et intemporel."},
         {
-          title: "Le Frisson de la Découverte",
-          description: "Chaque article est une invitation au mystère, promettant une surprise exceptionnelle à chaque déballage.",
-        },
+          title: "Le Frisson de la Découverte",          description: "Chaque article est une invitation au mystère, promettant une surprise exceptionnelle à chaque déballage."},
         {
-          title: "Style Personnalisé",
-          description: "Nous célébrons l'individualité, vous aidant à trouver des pièces qui résonnent avec votre identité.",
-        },
+          title: "Style Personnalisé",          description: "Nous célébrons l'individualité, vous aidant à trouver des pièces qui résonnent avec votre identité."},
       ]}
       imageSrc="http://img.b2bpic.net/free-vector/realistic-happy-new-year-2021-night-event-poster-with-golden-texture-bokeh_1361-3166.jpg"
       imageAlt="Elegant golden clock on dark background, symbolizing mystery and luxury"
@@ -129,12 +92,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "mystery-box-product",
-          name: "Mystery Box d'Élégance",
-          price: "€120",
-          imageSrc: "http://img.b2bpic.net/free-photo/big-gift-boxes-with-spangles-table_23-2147988519.jpg?_wi=1",
-          imageAlt: "Luxury mystery box opening with gold ribbon",
-        },
+          id: "mystery-box-product",          name: "Mystery Box d'Élégance",          price: "€120",          imageSrc: "http://img.b2bpic.net/free-photo/big-gift-boxes-with-spangles-table_23-2147988519.jpg?_wi=1",          imageAlt: "Luxury mystery box opening with gold ribbon"},
       ]}
       title="La Mystery Box A&B Vision"
       description="L'expérience phare de notre univers. Chaque boîte est une promesse de surprise, d'une valeur supérieure au prix payé, et une collection variée de bijoux, lunettes, parfums et accessoires. On ne sait jamais ce qu'on va recevoir… mais c'est toujours exceptionnel."
@@ -149,12 +107,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "mystery-box-product",
-          name: "Mystery Box d'Élégance",
-          price: "€120",
-          imageSrc: "http://img.b2bpic.net/free-photo/big-gift-boxes-with-spangles-table_23-2147988519.jpg?_wi=2",
-          imageAlt: "Luxury mystery box opening with gold ribbon",
-        },
+          id: "mystery-box-product",          name: "Mystery Box d'Élégance",          price: "€120",          imageSrc: "http://img.b2bpic.net/free-photo/big-gift-boxes-with-spangles-table_23-2147988519.jpg?_wi=2",          imageAlt: "Luxury mystery box opening with gold ribbon"},
       ]}
       title="La Mystery Box A&B Vision"
       description="L'expérience phare de notre univers. Chaque boîte est une promesse de surprise, d'une valeur supérieure au prix payé, et une collection variée de bijoux, lunettes, parfums et accessoires. On ne sait jamais ce qu'on va recevoir… mais c'est toujours exceptionnel."
@@ -169,12 +122,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "mystery-box-product",
-          name: "Mystery Box d'Élégance",
-          price: "€120",
-          imageSrc: "http://img.b2bpic.net/free-photo/big-gift-boxes-with-spangles-table_23-2147988519.jpg?_wi=3",
-          imageAlt: "Luxury mystery box opening with gold ribbon",
-        },
+          id: "mystery-box-product",          name: "Mystery Box d'Élégance",          price: "€120",          imageSrc: "http://img.b2bpic.net/free-photo/big-gift-boxes-with-spangles-table_23-2147988519.jpg?_wi=3",          imageAlt: "Luxury mystery box opening with gold ribbon"},
       ]}
       title="La Mystery Box A&B Vision"
       description="L'expérience phare de notre univers. Chaque boîte est une promesse de surprise, d'une valeur supérieure au prix payé, et une collection variée de bijoux, lunettes, parfums et accessoires. On ne sait jamais ce qu'on va recevoir… mais c'est toujours exceptionnel."
@@ -189,12 +137,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "mystery-box-product",
-          name: "Mystery Box d'Élégance",
-          price: "€120",
-          imageSrc: "http://img.b2bpic.net/free-photo/big-gift-boxes-with-spangles-table_23-2147988519.jpg?_wi=4",
-          imageAlt: "Luxury mystery box opening with gold ribbon",
-        },
+          id: "mystery-box-product",          name: "Mystery Box d'Élégance",          price: "€120",          imageSrc: "http://img.b2bpic.net/free-photo/big-gift-boxes-with-spangles-table_23-2147988519.jpg?_wi=4",          imageAlt: "Luxury mystery box opening with gold ribbon"},
       ]}
       title="La Mystery Box A&B Vision"
       description="L'expérience phare de notre univers. Chaque boîte est une promesse de surprise, d'une valeur supérieure au prix payé, et une collection variée de bijoux, lunettes, parfums et accessoires. On ne sait jamais ce qu'on va recevoir… mais c'est toujours exceptionnel."
@@ -209,12 +152,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "mystery-box-product",
-          name: "Mystery Box d'Élégance",
-          price: "€120",
-          imageSrc: "http://img.b2bpic.net/free-photo/big-gift-boxes-with-spangles-table_23-2147988519.jpg?_wi=5",
-          imageAlt: "Luxury mystery box opening with gold ribbon",
-        },
+          id: "mystery-box-product",          name: "Mystery Box d'Élégance",          price: "€120",          imageSrc: "http://img.b2bpic.net/free-photo/big-gift-boxes-with-spangles-table_23-2147988519.jpg?_wi=5",          imageAlt: "Luxury mystery box opening with gold ribbon"},
       ]}
       title="La Mystery Box A&B Vision"
       description="L'expérience phare de notre univers. Chaque boîte est une promesse de surprise, d'une valeur supérieure au prix payé, et une collection variée de bijoux, lunettes, parfums et accessoires. On ne sait jamais ce qu'on va recevoir… mais c'est toujours exceptionnel."
@@ -229,45 +167,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Elara Dubois",
-          role: "Fashionista",
-          company: "Influencer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-girl-dressed-white-shirt-posing-studio-isolated-dark-background_613910-6361.jpg",
-        },
+          id: "1",          name: "Elara Dubois",          role: "Fashionista",          company: "Influencer",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-girl-dressed-white-shirt-posing-studio-isolated-dark-background_613910-6361.jpg"},
         {
-          id: "2",
-          name: "Gabriel Moreau",
-          role: "Art Director",
-          company: "Creative Agency",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg",
-        },
+          id: "2",          name: "Gabriel Moreau",          role: "Art Director",          company: "Creative Agency",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg"},
         {
-          id: "3",
-          name: "Léa Chevalier",
-          role: "Entrepreneur",
-          company: "Startup Luxe",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-feedback-landing-page-template_23-2148954420.jpg",
-        },
+          id: "3",          name: "Léa Chevalier",          role: "Entrepreneur",          company: "Startup Luxe",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-vector/flat-feedback-landing-page-template_23-2148954420.jpg"},
         {
-          id: "4",
-          name: "Hugo Lambert",
-          role: "Designer",
-          company: "Haute Couture",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12702.jpg",
-        },
+          id: "4",          name: "Hugo Lambert",          role: "Designer",          company: "Haute Couture",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12702.jpg"},
         {
-          id: "5",
-          name: "Sophie Martin",
-          role: "Styliste",
-          company: "Luxury Magazine",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holds-cup-coffe-kitchen_158538-14823.jpg",
-        },
+          id: "5",          name: "Sophie Martin",          role: "Styliste",          company: "Luxury Magazine",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holds-cup-coffe-kitchen_158538-14823.jpg"},
       ]}
       title="Ce que nos clients disent"
       description="L'expérience A&B Vision racontée par ceux qui ont découvert leur élégance unique."
@@ -278,54 +191,33 @@ export default function LandingPage() {
       <FooterBaseReveal
       columns={[
         {
-          title: "A&B Vision",
-          items: [
+          title: "A&B Vision",          items: [
             {
-              label: "L'Art du Mystère",
-              href: "#about",
-            },
+              label: "L'Art du Mystère",              href: "#about"},
             {
-              label: "Découvrir la Box",
-              href: "#mystery-box",
-            },
+              label: "Découvrir la Box",              href: "#mystery-box"},
             {
-              label: "Nos Collections",
-              href: "#jewelry",
-            },
+              label: "Nos Collections",              href: "#jewelry"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contactez-nous",
-              href: "#contact",
-            },
+              label: "Contactez-nous",              href: "#contact"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Retours",
-              href: "#",
-            },
+              label: "Retours",              href: "#"},
           ],
         },
         {
-          title: "Légal",
-          items: [
+          title: "Légal",          items: [
             {
-              label: "Mentions Légales",
-              href: "#",
-            },
+              label: "Mentions Légales",              href: "#"},
             {
-              label: "Politique de Confidentialité",
-              href: "#",
-            },
+              label: "Politique de Confidentialité",              href: "#"},
             {
-              label: "Conditions Générales",
-              href: "#",
-            },
+              label: "Conditions Générales",              href: "#"},
           ],
         },
       ]}
@@ -335,4 +227,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,11 +12,11 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
+  --secondary-cta-text: #000f06e6;
   --accent: #e2e2e2;
   --background-accent: #c4c4c4;