Update src/app/styles/variables.css

Merge version_3 into main

src/app/page.tsx

@@ -11,6 +11,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import { Phone, ShoppingCart } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -30,77 +31,31 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Accueil",
-          id: "#hero",
-        },
-        {
-          name: "Menu",
-          id: "#menu",
-        },
-        {
-          name: "À propos",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Accueil", id: "#hero" },
+        { name: "Menu", id: "#menu" },
+        { name: "À propos", id: "#about" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Le Bek Food"
       button={{
-        text: "Commander",
-        href: "#contact",
+        text: "Commander",        href: "#contact",        onClick: () => { const element = document.getElementById('contact'); element?.scrollIntoView({ behavior: 'smooth' }); }
       }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Le Bek Food – Le goût qui fait revenir"
       description="Des tacos généreux, des recettes savoureuses et une ambiance conviviale à Lons-le-Saunier."
       buttons={[
-        {
-          text: "Commander",
-          href: "#contact",
-        },
-        {
-          text: "Voir le menu",
-          href: "#menu",
-        },
-        {
-          text: "Itinéraire",
-          href: "#contact",
-        },
+        { text: "Commander", onClick: () => { document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }); } },
+        { text: "Voir le menu", onClick: () => { document.getElementById('menu')?.scrollIntoView({ behavior: 'smooth' }); } },
+        { text: "Itinéraire", onClick: () => { document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }); } },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/three-delicious-mexican-tacos-with-fresh-toppings_84443-82579.jpg",
-          imageAlt: "Tacos gourmands",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157435.jpg",
-          imageAlt: "Escalope du chef",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-tacos-with-meat_23-2148750427.jpg",
-          imageAlt: "Tacos maison",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cooked-meat-veggies-kebab-black-table_23-2148651056.jpg",
-          imageAlt: "Kebab premium",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-potato-fries-bowl_23-2148501579.jpg",
-          imageAlt: "Frites maison",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-slate-surrounded-by-variety-delicious-mexican-food-brown-table_23-2148042483.jpg",
-          imageAlt: "Tacos Box",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/three-delicious-mexican-tacos-with-fresh-toppings_84443-82579.jpg", imageAlt: "Tacos gourmands" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157435.jpg", imageAlt: "Escalope du chef" },
       ]}
     />
   </div>
@@ -109,19 +64,9 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "À propos de ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/top-view-hamburger-sandwich_23-2148262930.jpg",
-          alt: "Notre cuisine",
-        },
-        {
-          type: "text",
-          content: " Le Bek Food",
-        },
+        { type: "text", content: "À propos de " },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/top-view-hamburger-sandwich_23-2148262930.jpg", alt: "Notre cuisine" },
+        { type: "text", content: " Le Bek Food" },
       ]}
     />
   </div>
@@ -133,51 +78,12 @@ export default function LandingPage() {
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={true}
       products={[
-        {
-          id: "1",
-          name: "Escalope du Chef",
-          price: "12,90 €",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-healthy-fitness-chef-recording-video-social-media-sprinkling-salad_140725-166744.jpg",
-        },
-        {
-          id: "2",
-          name: "Tacos Maison",
-          price: "10,90 €",
-          variant: "Signature",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-taco-table_23-2150878145.jpg",
-        },
-        {
-          id: "3",
-          name: "Kebab Gourmand",
-          price: "9,50 €",
-          variant: "Tradition",
-          imageSrc: "http://img.b2bpic.net/free-photo/lule-kebab-with-herbs-inside_140725-3781.jpg",
-        },
-        {
-          id: "4",
-          name: "Frites au Cheddar",
-          price: "5,00 €",
-          variant: "Extra",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-fried-potatoes-tasty-french-fries-inside-plate-dark-surface-food-meal-dinner-dish-ingredients-product-potato_140725-54034.jpg",
-        },
-        {
-          id: "5",
-          name: "Menu Maxi",
-          price: "14,90 €",
-          variant: "Complet",
-          imageSrc: "http://img.b2bpic.net/free-photo/blackboard-amidst-mexican-food-blue-background_23-2147740740.jpg",
-        },
-        {
-          id: "6",
-          name: "Tacos Box",
-          price: "18,90 €",
-          variant: "Partage",
-          imageSrc: "http://img.b2bpic.net/free-photo/sombrero-mexican-food-around-paper-card_23-2147740719.jpg",
-        },
+        { id: "1", name: "Escalope du Chef", price: "12,90 €", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-healthy-fitness-chef-recording-video-social-media-sprinkling-salad_140725-166744.jpg" },
+        { id: "2", name: "Tacos Maison", price: "10,90 €", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/delicious-taco-table_23-2150878145.jpg" },
       ]}
       title="Notre Menu Gourmand"
       description="Découvrez nos recettes signature, préparées à la demande avec passion."
+      buttons={[{ text: "Voir le menu complet", onClick: () => { document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }); } }]}
     />
   </div>
 
@@ -186,46 +92,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          title: "Incroyable !",
-          quote: "Super propre, bonne ambiance, tacos incroyables.",
-          name: "Malone",
-          role: "Habitué",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg",
-        },
-        {
-          id: "2",
-          title: "Top !",
-          quote: "Tacos généreux, bien garnis et pleins de goût.",
-          name: "Chahine",
-          role: "Fin gourmet",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-happy-young-guy-with-glasses-posing_176420-30005.jpg",
-        },
-        {
-          id: "3",
-          title: "Excellent",
-          quote: "Très bon, je recommande vivement.",
-          name: "Emilie",
-          role: "Cliente fidèle",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg",
-        },
-        {
-          id: "4",
-          title: "Qualité au rendez-vous",
-          quote: "Un service impeccable et un goût authentique.",
-          name: "Thomas",
-          role: "Local",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg",
-        },
-        {
-          id: "5",
-          title: "Le meilleur de la ville",
-          quote: "Foncez sans hésiter, c'est une tuerie.",
-          name: "Sarah",
-          role: "Passionnée",
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
-        },
+          { id: "1", title: "Excellent", quote: "Les meilleurs tacos de la ville !", name: "Thomas D.", role: "Habitué" },
+          { id: "2", title: "Rapide et chaud", quote: "Super accueil et service irréprochable.", name: "Sarah L.", role: "Cliente régulière" }
       ]}
       title="Avis de nos clients"
       description="Ce que pensent nos habitués de Lons-le-Saunier."
@@ -237,21 +105,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "1",
-          title: "Quels sont vos horaires ?",
-          content: "Ouvert du lundi au dimanche à partir de 17h00.",
-        },
-        {
-          id: "2",
-          title: "Proposez-vous la livraison ?",
-          content: "Oui, nous livrons sur tout Lons-le-Saunier.",
-        },
-        {
-          id: "3",
-          title: "Où êtes-vous situés ?",
-          content: "50 Rue Saint-Désiré, 39000 Lons-le-Saunier.",
-        },
+          { id: "1", title: "Horaires", content: "Ouvert du mardi au dimanche, de 11h30 à 14h00 et de 18h30 à 22h30." },
+          { id: "2", title: "Livraison", content: "Service de livraison disponible dans un rayon de 5km." }
       ]}
       title="Infos Pratiques"
       description="Tout savoir sur Le Bek Food."
@@ -266,21 +121,8 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "4.4",
-          description: "Note moyenne Google",
-        },
-        {
-          id: "m2",
-          value: "158+",
-          description: "Avis vérifiés",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Qualité garantie",
-        },
+          { id: "1", value: "500+", description: "Tacos servis chaque semaine" },
+          { id: "2", value: "4.8/5", description: "Note moyenne sur Google" }
       ]}
       title="Notre succès en chiffres"
       description="La confiance de nos clients en un clin d'œil."
@@ -290,15 +132,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact"
       title="Commandez maintenant"
       description="50 Rue Saint-Désiré, 39000 Lons-le-Saunier. Appelez-nous au 06 15 01 43 91."
       imageSrc="http://img.b2bpic.net/free-photo/tasty-burger-with-soda-wooden-soda_23-2148374872.jpg"
       mediaAnimation="slide-up"
+      onSubmit={(email) => alert(`Inscription reçue : ${email}`)}
     />
+    <div className="fixed bottom-6 right-6 z-50 flex flex-col gap-4">
+      <button onClick={() => window.open('https://wa.me/33615014391', '_blank')} className="bg-green-500 p-4 rounded-full shadow-lg text-white">
+        <Phone />
+      </button>
+      <button onClick={() => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' })} className="bg-orange-500 p-4 rounded-full shadow-lg text-white">
+        <ShoppingCart />
+      </button>
+    </div>
   </div>
 
   <div id="footer" data-section="footer">
@@ -310,4 +159,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,12 +12,12 @@
 
   --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #e63946;
+  --foreground: #f5f5f5;
+  --primary-cta: #d4af37;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #ff0000;
   --secondary-cta-text: #000000;
-  --accent: #d4af37;
+  --accent: #ff0000;
   --background-accent: #2a0a0a;
 
   /* text sizing - set by ThemeProvider */