Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -31,30 +31,18 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Accueil",          id: "#hero"},
         {
-          name: "About Us",
-          id: "#about",
-        },
+          name: "À Propos",          id: "#about"},
         {
-          name: "Menu",
-          id: "#menu",
-        },
+          name: "Menu",          id: "#menu"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Témoignages",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       button={{
-        text: "Reserve Your Table",
-        href: "#contact",
-      }}
+        text: "Réservez Votre Table",        href: "#contact"}}
       brandName="Melo Dakar"
     />
   </div>
@@ -62,18 +50,16 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       logoText="Melo Dakar"
-      description="Experience refined elegance, generous portions, and impeccable service in our thoughtfully curated brunch sanctuary. From signature American brunches to artisanal pastries, every moment is crafted for you."
+      logoClassName="text-[#008B8B]"
+      description="Découvrez l'élégance raffinée, les portions généreuses et le service impeccable dans notre sanctuaire de brunch soigneusement conçu. Des brunchs américains signature aux pâtisseries artisanales, chaque instant est pensé pour vous."
       buttons={[
         {
-          text: "Reserve Your Table Now",
-          href: "#contact",
-        },
+          text: "Réservez Votre Table Maintenant",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/white-nature-hotel-travel-beautiful_1203-4841.jpg"
-      imageAlt="Elegant luxury restaurant interior during brunch"
+      imageAlt="Intérieur élégant d'un restaurant de luxe pendant le brunch"
       mediaAnimation="slide-up"
     />
   </div>
@@ -81,7 +67,7 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={true}
-      title="Our Story & Vision"
+      title="Notre Histoire & Vision"
     />
   </div>
 
@@ -91,26 +77,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Artisanal Cocktails",
-          description: "Our mixologists craft signature cocktails, blending local flavors with international spirits for a refreshing twist.",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185358.jpg",
-          imageAlt: "Artisanal brunch cocktail",
-        },
+          title: "Cocktails Artisanaux",          description: "Nos mixologues créent des cocktails signature, mélangeant des saveurs locales avec des spiritueux internationaux pour une touche rafraîchissante.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185358.jpg",          imageAlt: "Cocktail artisanal pour le brunch"},
         {
-          title: "Gourmet Pastries",
-          description: "Indulge in our selection of freshly baked artisanal pastries, from flaky croissants to decadent tarts, all made in-house.",
-          imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-tasty-dessert-close-up_23-2148516919.jpg",
-          imageAlt: "Assorted gourmet pastries",
-        },
+          title: "Pâtisseries Gourmandes",          description: "Laissez-vous tenter par notre sélection de pâtisseries artisanales fraîchement préparées, des croissants feuilletés aux tartes décadentes, toutes faites maison.",          imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-tasty-dessert-close-up_23-2148516919.jpg",          imageAlt: "Assortiment de pâtisseries gourmandes"},
         {
-          title: "Impeccable Service",
-          description: "Our dedicated team provides attentive and personalized service, ensuring every visit is seamless and memorable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-silver-cutlery-wooden-wall_140725-12960.jpg",
-          imageAlt: "Elegant table setting",
-        },
+          title: "Service Impeccable",          description: "Notre équipe dévouée offre un service attentif et personnalisé, assurant que chaque visite soit fluide et mémorable.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-silver-cutlery-wooden-wall_140725-12960.jpg",          imageAlt: "Table élégamment dressée"},
       ]}
-      title="A Brunch Experience Beyond Compare"
-      description="Discover what makes Melo Dakar the premier destination for discerning diners and social epicures alike."
+      title="Une Expérience Brunch Inégalée"
+      description="Découvrez ce qui fait de Melo Dakar la première destination pour les gourmets avertis et les épicuriens sociaux."
     />
   </div>
 
@@ -122,56 +96,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "dish-1",
-          name: "Eggs Benedict Royale",
-          price: "$25",
-          variant: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/marble-plate-with-boiled-egg-toast-high-quality-photo_114579-26212.jpg",
-          imageAlt: "Eggs Benedict with hollandaise sauce",
-        },
+          id: "dish-1",          name: "Œufs Bénédicte Royale",          price: "$25",          variant: "Classique",          imageSrc: "http://img.b2bpic.net/free-photo/marble-plate-with-boiled-egg-toast-high-quality-photo_114579-26212.jpg",          imageAlt: "Œufs Bénédicte avec sauce hollandaise"},
         {
-          id: "dish-2",
-          name: "Melo's Fluffy Pancakes",
-          price: "$22",
-          variant: "Sweet",
-          imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-stack-pancakes-with-red-berries-plate-near-tea-pitcher_181624-2196.jpg",
-          imageAlt: "Stack of fluffy pancakes with berries",
-        },
+          id: "dish-2",          name: "Pancakes Moelleux de Melo",          price: "$22",          variant: "Sucré",          imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-stack-pancakes-with-red-berries-plate-near-tea-pitcher_181624-2196.jpg",          imageAlt: "Pile de pancakes moelleux avec des baies"},
         {
-          id: "dish-3",
-          name: "Smoked Salmon Bagel",
-          price: "$28",
-          variant: "Savory",
-          imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-bruschetta-with-avocado-served-with-lemon_140725-1621.jpg",
-          imageAlt: "Smoked salmon bagel with cream cheese",
-        },
+          id: "dish-3",          name: "Bagel au Saumon Fumé",          price: "$28",          variant: "Salé",          imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-bruschetta-with-avocado-served-with-lemon_140725-1621.jpg",          imageAlt: "Bagel au saumon fumé avec fromage frais"},
         {
-          id: "dish-4",
-          name: "Avocado Toast with Poached Egg",
-          price: "$20",
-          variant: "Healthy",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-arrangement_23-2149186014.jpg",
-          imageAlt: "Avocado toast with a perfectly poached egg",
-        },
+          id: "dish-4",          name: "Toast à l'Avocat et Œuf Poché",          price: "$20",          variant: "Sain",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-arrangement_23-2149186014.jpg",          imageAlt: "Toast à l'avocat avec un œuf parfaitement poché"},
         {
-          id: "dish-5",
-          name: "Steak & Eggs",
-          price: "$35",
-          variant: "Hearty",
-          imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-vegetables-sour-cream_7502-7084.jpg",
-          imageAlt: "Grilled steak with sunny-side-up eggs",
-        },
+          id: "dish-5",          name: "Steak & Œufs",          price: "$35",          variant: "Copieux",          imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-vegetables-sour-cream_7502-7084.jpg",          imageAlt: "Steak grillé avec œufs au plat"},
         {
-          id: "dish-6",
-          name: "Exotic Fruit Platter",
-          price: "$18",
-          variant: "Fresh",
-          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-figs-bowl-with-strawberries_176474-28142.jpg",
-          imageAlt: "Colorful platter of exotic fruits",
-        },
+          id: "dish-6",          name: "Plat de Fruits Exotiques",          price: "$18",          variant: "Frais",          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-figs-bowl-with-strawberries_176474-28142.jpg",          imageAlt: "Plateau coloré de fruits exotiques"},
       ]}
-      title="Our Exquisite Brunch Menu"
-      description="Explore our diverse culinary offerings, from classic brunch favorites to unique, artisanal creations."
+      title="Notre Menu Brunch Exquis"
+      description="Explorez nos diverses offres culinaires, des classiques du brunch aux créations uniques et artisanales."
     />
   </div>
 
@@ -182,48 +120,18 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Aïsha Diallo",
-          handle: "@AishaDakar",
-          testimonial: "Melo Dakar is an absolute gem! The ambiance, the service, and especially the food are simply divine. The best brunch spot in Dakar, hands down.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-coat-sitting-outside-cafe-reading-magazine_1303-19470.jpg",
-          imageAlt: "Aïsha Diallo portrait",
-        },
+          id: "t1",          name: "Aïsha Diallo",          handle: "@AishaDakar",          testimonial: "Melo Dakar est un vrai bijou ! L'ambiance, le service et surtout la nourriture sont tout simplement divins. Le meilleur endroit pour le brunch à Dakar, sans aucun doute.",          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-coat-sitting-outside-cafe-reading-magazine_1303-19470.jpg",          imageAlt: "Portrait d'Aïsha Diallo"},
         {
-          id: "t2",
-          name: "Omar Ndiaye",
-          handle: "@OmarFoodie",
-          testimonial: "Every dish is a masterpiece. I brought my family for a weekend brunch, and everyone loved their meal. The portions are generous, and the quality is outstanding.",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-standing-blue-background-with-hands-together-crossed-fingers-smiling-relaxed-cheerful-success-optimistic_839833-16124.jpg",
-          imageAlt: "Omar Ndiaye portrait",
-        },
+          id: "t2",          name: "Omar Ndiaye",          handle: "@OmarFoodie",          testimonial: "Chaque plat est un chef-d'œuvre. J'ai emmené ma famille pour un brunch le week-end, et tout le monde a adoré son repas. Les portions sont généreuses et la qualité est exceptionnelle.",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-standing-blue-background-with-hands-together-crossed-fingers-smiling-relaxed-cheerful-success-optimistic_839833-16124.jpg",          imageAlt: "Portrait d'Omar Ndiaye"},
         {
-          id: "t3",
-          name: "Fatou Sow",
-          handle: "@FatouLifestyle",
-          testimonial: "A truly elegant experience! Perfect for business brunches or a luxurious treat. The attention to detail is remarkable, and the coffee is superb.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4006.jpg",
-          imageAlt: "Fatou Sow portrait",
-        },
+          id: "t3",          name: "Fatou Sow",          handle: "@FatouLifestyle",          testimonial: "Une expérience vraiment élégante ! Parfait pour les brunchs d'affaires ou un plaisir luxueux. L'attention aux détails est remarquable, et le café est superbe.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4006.jpg",          imageAlt: "Portrait de Fatou Sow"},
         {
-          id: "t4",
-          name: "Dr. Ben Traoré",
-          handle: "@DrBenDakar",
-          testimonial: "As a busy professional, efficiency and quality are paramount. Melo Dakar consistently delivers both with an exquisite menu and flawless service. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2738.jpg",
-          imageAlt: "Dr. Ben Traoré portrait",
-        },
+          id: "t4",          name: "Dr. Ben Traoré",          handle: "@DrBenDakar",          testimonial: "En tant que professionnel occupé, l'efficacité et la qualité sont primordiales. Melo Dakar offre constamment les deux avec un menu exquis et un service impeccable. Fortement recommandé.",          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2738.jpg",          imageAlt: "Portrait du Dr. Ben Traoré"},
         {
-          id: "t5",
-          name: "Nafissatou Fall",
-          handle: "@NafisFall",
-          testimonial: "The atmosphere is so welcoming, and the food is incredibly photogenic! I love sharing my Melo Dakar moments with my followers. It’s always a delightful visit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-black-girl_641386-521.jpg",
-          imageAlt: "Nafissatou Fall portrait",
-        },
+          id: "t5",          name: "Nafissatou Fall",          handle: "@NafisFall",          testimonial: "L'ambiance est si accueillante, et la nourriture est incroyablement photogénique ! J'adore partager mes moments Melo Dakar avec mes abonnés. C'est toujours une visite délicieuse.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-black-girl_641386-521.jpg",          imageAlt: "Portrait de Nafissatou Fall"},
       ]}
-      title="What Our Guests Say"
-      description="Hear from our cherished patrons about their unforgettable experiences at Melo Dakar."
+      title="Ce que disent nos hôtes"
+      description="Écoutez nos chers clients parler de leurs expériences inoubliables chez Melo Dakar."
     />
   </div>
 
@@ -232,16 +140,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Dakar Culinary",
-        "Luxury Living Magazine",
-        "Dakar Lifestyle Blog",
-        "Gourmet Africa",
-        "The Brunch Connoisseur",
-        "Hotel Excellence",
-        "Senegal Tourism Board",
-      ]}
-      title="Trusted by Patrons and Partners"
-      description="Our commitment to excellence has earned us recognition and strong relationships within the community, fostering a reputation for quality and luxury."
+        "Dakar Culinaire",        "Magazine Vie de Luxe",        "Blog Lifestyle de Dakar",        "Gourmet Afrique",        "Le Connaisseur de Brunch",        "Excellence Hôtelière",        "Office du Tourisme du Sénégal"]}
+      title="Approuvé par nos Clients et Partenaires"
+      description="Notre engagement envers l'excellence nous a valu la reconnaissance et des relations solides au sein de la communauté, forgeant une réputation de qualité et de luxe."
     />
   </div>
 
@@ -249,18 +150,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready to Indulge? Reserve Your Table Today."
+        variant: "sparkles-gradient"}}
+      text="Prêt à vous Faire Plaisir ? Réservez Votre Table Aujourd'hui."
       buttons={[
         {
-          text: "Make a Reservation",
-          href: "mailto:reservations@melodakar.com",
-        },
+          text: "Faire une Réservation",          href: "mailto:reservations@melodakar.com"},
         {
-          text: "View Location",
-          href: "https://maps.google.com/?q=Melo+Dakar+Restaurant",
-        },
+          text: "Voir la Localisation",          href: "https://maps.google.com/?q=Melo+Dakar+Restaurant"},
       ]}
     />
   </div>
@@ -269,59 +165,38 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Melo Dakar",
-          items: [
+          title: "Melo Dakar",          items: [
             {
-              label: "Our Story",
-              href: "#about",
-            },
+              label: "Notre Histoire",              href: "#about"},
             {
-              label: "Menu",
-              href: "#menu",
-            },
+              label: "Menu",              href: "#menu"},
             {
-              label: "Reservations",
-              href: "#contact",
-            },
+              label: "Réservations",              href: "#contact"},
           ],
         },
         {
-          title: "Follow Us",
-          items: [
+          title: "Suivez-nous",          items: [
             {
-              label: "Instagram",
-              href: "https://instagram.com/melodakar",
-            },
+              label: "Instagram",              href: "https://instagram.com/melodakar"},
             {
-              label: "Facebook",
-              href: "https://facebook.com/melodakar",
-            },
+              label: "Facebook",              href: "https://facebook.com/melodakar"},
             {
-              label: "Twitter",
-              href: "https://twitter.com/melodakar",
-            },
+              label: "Twitter",              href: "https://twitter.com/melodakar"},
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "info@melodakar.com",
-              href: "mailto:info@melodakar.com",
-            },
+              label: "info@melodakar.com",              href: "mailto:info@melodakar.com"},
             {
-              label: "+221 33 000 0000",
-              href: "tel:+221330000000",
-            },
+              label: "+221 33 000 0000",              href: "tel:+221330000000"},
             {
-              label: "123 Elegance Avenue, Dakar",
-              href: "https://maps.google.com/?q=123+Elegance+Avenue,+Dakar",
-            },
+              label: "123 Avenue de l'Élégance, Dakar",              href: "https://maps.google.com/?q=123+Elegance+Avenue,+Dakar"},
           ],
         },
       ]}
-      bottomLeftText="© 2024 Melo Dakar. All rights reserved."
-      bottomRightText="Privacy Policy"
+      bottomLeftText="© 2024 Melo Dakar. Tous droits réservés."
+      bottomRightText="Politique de Confidentialité"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f8f8f8;
+  --background: #f9f9f9;
+  --card: #ffffff;
   --foreground: #1a1a1a;
-  --primary-cta: #3A938C;
+  --primary-cta: #008B8B;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #E0E0E0;
-  --secondary-cta-text: #1A1A1A;
-  --accent: #3A938C;
-  --background-accent: #3A938C;
+  --secondary-cta: #e0e0e0;
+  --secondary-cta-text: #1a1a1a;
+  --accent: #008B8B;
+  --background-accent: #a8e8e8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);