Update src/app/menu/page.tsx

Merge version_6 into main

src/app/menu/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered navItems={[{ name: "Retour Accueil", id: "/" }]} brandName="KOLLA" />
+        <div className="pt-32 pb-16">
+          <ProductCardTwo
+            title="Carte Complète KOLLA"
+            description="Découvrez nos spécialités coréennes : entrées, crêpes, bibimbap, grillades et menus midi."
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", brand: "Entrées", name: "Raviolis Mandu", price: "9€", rating: 4, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/fried-pork-topped-with-sesame-placed-black-dish_1150-23120.jpg" },
+              { id: "2", brand: "Crêpes", name: "Kimchijeon", price: "12€", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-candies-with-cake-inside-plate-dark-background-tea-biscuit-candy-cake-sweet_140725-116350.jpg" },
+              { id: "3", brand: "Bibimbap", name: "Bibimbap Traditionnel", price: "18€", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/sukiyaki-seafood-served-with-suki-spicy-sauce_1150-27335.jpg" },
+              { id: "4", brand: "Kimbap", name: "Kimbap Boeuf", price: "10€", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-fried-meat-potato-black-tray_181624-28399.jpg" },
+              { id: "5", brand: "Grillades", name: "Bulgogi", price: "24€", rating: 5, reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-kung-bowl-with-tomato-chili-lemongrass-garlic-lemon-kaffir-lime-leaves_1150-25787.jpg" },
+              { id: "6", brand: "Boissons", name: "Soju Traditionnel", price: "15€", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/healthy-chinese-cabbage-salad-plate-wooden-table_123827-21097.jpg" }
+            ]}
+          />
+          <div className="max-w-4xl mx-auto p-12 bg-card rounded-lg mt-8">
+            <h2 className="text-2xl font-bold mb-4">Infos Pratiques</h2>
+            <p><strong>Paiement :</strong> Espèces, Cartes Bancaires, Titres Restaurant.</p>
+            <p><strong>Livraison :</strong> Disponible via nos partenaires habituels.</p>
+          </div>
+        </div>
+        <FooterMedia
+          logoText="KOLLA Grill Coréen"
+          videoSrc="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
+          columns={[{ title: "Liens", items: [{ label: "Accueil", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -12,8 +12,10 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import { useRouter } from "next/navigation";
 
 export default function LandingPage() {
+  const router = useRouter();
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -33,7 +35,7 @@ export default function LandingPage() {
       navItems={[
         { name: "Accueil", id: "hero" },
         { name: "Notre Histoire", id: "about" },
-        { name: "Menu", id: "products" },
+        { name: "Menu", id: "/menu" },
         { name: "Avis", id: "testimonials" },
         { name: "Contact", id: "contact" }
       ]}
@@ -46,7 +48,7 @@ export default function LandingPage() {
       background={{
         variant: "gradient-bars"}}
       title="L'Authentique Grill Coréen à Bussy-Saint-Georges"
-      description="Vivez une expérience culinaire immersive où la tradition rencontre la modernité. Viandes grillées, saveurs authentiques et ambiance conviviale vous attendent chez KOLLA."
+      description="Laissez vos papilles voyager en Corée du Sud avec nos raviolis fondantset nos vermicelles sautés au bœuf aux saveurs intenses."
       testimonials={[
         { name: "Rodriguez Cindy", handle: "@rodriguez", testimonial: "Une très belle découverte ! Cela m’a rappelé mon voyage en Corée.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-japanese-street-food_23-2149410185.jpg" },
         { name: "Nicole Lina", handle: "@nicole", testimonial: "Trop bon ce resto. Les serveuses sont aux petits soins.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg" },
@@ -56,7 +58,7 @@ export default function LandingPage() {
       ]}
       buttons={[
         { text: "Réserver une table", href: "#contact" },
-        { text: "Voir le Menu", href: "#products" }
+        { text: "Voir le Menu", onClick: () => router.push("/menu") }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/decoration-bean-old-closeup-aroma_1203-5601.jpg"
       imageAlt="authentic korean barbecue restaurant interior"
@@ -109,15 +111,16 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        { id: "p1", brand: "Spécialité", name: "Bibimbap", price: "18€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/fried-pork-topped-with-sesame-placed-black-dish_1150-23120.jpg" },
+        { id: "p1", brand: "Entrées", name: "Raviolis Coréens", price: "9€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/fried-pork-topped-with-sesame-placed-black-dish_1150-23120.jpg" },
-        { id: "p2", brand: "Grill", name: "Barbecue Mix", price: "28€", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-candies-with-cake-inside-plate-dark-background-tea-biscuit-candy-cake-sweet_140725-116350.jpg" },
+        { id: "p2", brand: "Crépes", name: "Kimchijeon", price: "12€", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-candies-with-cake-inside-plate-dark-background-tea-biscuit-candy-cake-sweet_140725-116350.jpg" },
-        { id: "p3", brand: "Plat", name: "Kimchi Jjigae", price: "16€", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/sukiyaki-seafood-served-with-suki-spicy-sauce_1150-27335.jpg" },
+        { id: "p3", brand: "Bibimbap", name: "Bibimbap Boeuf", price: "18€", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/sukiyaki-seafood-served-with-suki-spicy-sauce_1150-27335.jpg" },
-        { id: "p4", brand: "Entrée", name: "Mochi Thé Vert", price: "6€", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-fried-meat-potato-black-tray_181624-28399.jpg" },
+        { id: "p4", brand: "Kimbap", name: "Kimbap Classique", price: "10€", rating: 4, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-fried-meat-potato-black-tray_181624-28399.jpg" },
-        { id: "p5", brand: "Plat", name: "Bulgogi", price: "22€", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-kung-bowl-with-tomato-chili-lemongrass-garlic-lemon-kaffir-lime-leaves_1150-25787.jpg" },
+        { id: "p5", brand: "Grills", name: "Bulgogi", price: "24€", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-kung-bowl-with-tomato-chili-lemongrass-garlic-lemon-kaffir-lime-leaves_1150-25787.jpg" },
-        { id: "p6", brand: "Boisson", name: "Thé Maison", price: "4€", rating: 4, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/healthy-chinese-cabbage-salad-plate-wooden-table_123827-21097.jpg" }
+        { id: "p6", brand: "Grills", name: "Galbi", price: "28€", rating: 5, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/healthy-chinese-cabbage-salad-plate-wooden-table_123827-21097.jpg" }
       ]}
-      title="Notre Menu Découverte"
+      title="Menu Signature KOLLA"
-      description="Barbecue coréen traditionnel et spécialités emblématiques."
+      description="Une sélection riche des meilleures spécialités coréennes, de nos entrées croustillantes jusqu'à nos grills au charbon."
+      buttons={[{ text: "Voir Tout le Menu", onClick: () => router.push("/menu") }]}
     />
   </div>
 
@@ -187,18 +190,19 @@ export default function LandingPage() {
       columns={[
         {
           title: "Adresse",          items: [
-            { label: "1 Pl. Jacques Prévert", href: "#" },
+            { label: "1 Place Jacques Prévert", href: "#" },
-            { label: "77600 Bussy", href: "#" }
+            { label: "77600 Bussy Saint Georges", href: "#" }
           ]
         },
         {
           title: "Horaires",          items: [
-            { label: "18:30 - 22:00", href: "#" }
+            { label: "7/7: 12h00-15h00, 18h30-22h30", href: "#" }
           ]
         },
         {
           title: "Contact",          items: [
-            { label: "06 72 69 56 50", href: "#" }
+            { label: "01 60 03 33 06", href: "tel:0160033306" },
+            { label: "06 72 69 56 59", href: "tel:0672695659" }
           ]
         }
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
+  --background: #0a0a0a;
-  --card: #ffffff;
+  --card: #1a1a1a;
-  --foreground: #1a1a1a;
+  --foreground: #ffffffe6;
-  --primary-cta: #2c2c2c;
+  --primary-cta: #e6e6e6;
-  --primary-cta-text: #f5f4f0;
+  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #f5f4f0;
+  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #1a1a1a;
+  --secondary-cta-text: #ffffffe6;
-  --accent: #8a8a8a;
+  --accent: #737373;
-  --background-accent: #e8e6e1;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);