Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -43,26 +43,13 @@ export default function LandingPage() {
 
         <div id="hero" data-section="hero">
           <HeroOverlayTestimonial
-            title="Authentic Taste of Morocco"
-            description="Experience the warmth of traditional tagine, prepared with fresh ingredients and authentic spices. Welcome to Dar Tajine."
-            testimonials={[
-              { name: "Ahmed", handle: "@ahmedfood", testimonial: "The best tajine I've ever had, brings back memories of home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-eating-fresh-cheese_52683-110414.jpg" },
-              { name: "Sarah", handle: "@sarah_eats", testimonial: "Authentic flavors and beautiful presentation. Absolutely delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24360.jpg" },
-              { name: "Marc", handle: "@marc_d", testimonial: "A true gem! The lamb tagine is perfectly spiced and tender.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
-              { name: "Elena", handle: "@elena_g", testimonial: "Cozy atmosphere and the freshest ingredients. My new favorite spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg" },
-              { name: "Youssef", handle: "@youssef_k", testimonial: "Truly captures the essence of Moroccan cooking. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182456.jpg" },
-            ]}
-            buttons={[{ text: "View Our Menu", href: "#menu" }]}
+            title="Authentic Taste of Morocco / Goûts authentiques du Maroc"
+            description="Experience the warmth of traditional tagine, prepared with fresh ingredients and authentic spices. Welcome to Dar Tajine. / Vivez la chaleur du tajine traditionnel, préparé avec des ingrédients frais et des épices authentiques. Bienvenue chez Dar Tajine."
+            testimonials={[]}
+            buttons={[{ text: "View Our Menu / Voir notre menu", href: "#menu" }]}
             imageSrc="http://img.b2bpic.net/free-photo/side-view-stuffed-vegetables-with-meat-rice-clay-bowl_140725-12055.jpg"
             imageAlt="authentic moroccan tajine dish"
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg", alt: "Medium shot man eating salmon bowl" },
-              { src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5052.jpg", alt: "Beautiful African-American woman in cafe" },
-              { src: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22516.jpg", alt: "Healthy woman with tan" },
-              { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg", alt: "Medium shot smiley man with food" },
-              { src: "http://img.b2bpic.net/free-photo/beautiful-woman-pajamas-with-gift-box_1153-4231.jpg", alt: "Beautiful woman in pajamas" },
-            ]}
-            avatarText="Join 5,000+ satisfied food lovers"
+            avatarText="Join 5,000+ satisfied food lovers / Rejoignez plus de 5 000 amoureux de la cuisine"
           />
         </div>
 
@@ -70,9 +57,8 @@ export default function LandingPage() {
           <InlineImageSplitTextAbout
             useInvertedBackground={false}
             heading={[
-              { type: "text", content: "Our Story & " },
+              { type: "text", content: "Our Story & Traditions / Notre histoire et nos traditions" },
               { type: "image", src: "http://img.b2bpic.net/free-photo/delicious-indian-food-arrangement_23-2148747691.jpg", alt: "fresh moroccan ingredients spices" },
-              { type: "text", content: " Traditions" },
             ]}
           />
         </div>
@@ -83,12 +69,11 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={true}
             features={[
-              { id: "f1", title: "Fresh Ingredients", description: "We source the freshest local vegetables and premium spices.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/top-fresh-herbs-wooden-cutting-board-grey_140725-12360.jpg" },
-              { id: "f2", title: "Authentic Atmosphere", description: "Step into our cozy space designed to reflect true Moroccan charm.", tag: "Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg" },
-              { id: "f3", title: "Exceptional Service", description: "Hospitality is at the heart of everything we serve.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-drinks_23-2149182212.jpg" },
+              { id: "f1", title: "Fresh Ingredients / Ingrédients frais", description: "We source the freshest local vegetables and premium spices. / Nous sélectionnons les légumes locaux les plus frais et des épices de qualité.", tag: "Quality / Qualité", imageSrc: "http://img.b2bpic.net/free-photo/top-fresh-herbs-wooden-cutting-board-grey_140725-12360.jpg" },
+              { id: "f2", title: "Authentic Atmosphere / Ambiance authentique", description: "Step into our cozy space designed to reflect true Moroccan charm. / Entrez dans notre espace chaleureux conçu pour refléter le véritable charme marocain.", tag: "Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg" },
             ]}
-            title="Why Choose Dar Tajine"
-            description="Everything we do is guided by tradition, flavor, and hospitality."
+            title="Why Choose Dar Tajine / Pourquoi choisir Dar Tajine"
+            description="Everything we do is guided by tradition, flavor, and hospitality. / Tout ce que nous faisons est guidé par la tradition, la saveur et l'hospitalité."
           />
         </div>
 
@@ -99,15 +84,11 @@ export default function LandingPage() {
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={false}
             products={[
-              { id: "p1", name: "Lamb Tajine", price: "$22", variant: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/copper-pan-with-sauteed-bell-peppers-chicken-garnished-with-herbs_141793-2084.jpg" },
-              { id: "p2", name: "Chicken Tagine", price: "$19", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/brown-green-dry-anise-seeds-wooden-cups_114579-70030.jpg" },
-              { id: "p3", name: "Couscous Royal", price: "$24", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/traditional-eastern-desserts-wooden-background_93675-131676.jpg" },
-              { id: "p4", name: "Merguez Platter", price: "$18", variant: "Spicy", imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-sandwich-called-doner-with-meat-sliced-vegetables-inside-along-with-yoghurt-brown-wooden-surface_140725-14246.jpg" },
-              { id: "p5", name: "Vegetable Tajine", price: "$17", variant: "Vegan", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-vegetables-arrangement_23-2149388118.jpg" },
-              { id: "p6", name: "Mint Tea & Pastries", price: "$8", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-potatoes-greens-dark-desk_140725-76539.jpg" },
+              { id: "p1", name: "Lamb Tajine / Tajine d'agneau", price: "$22", variant: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/copper-pan-with-sauteed-bell-peppers-chicken-garnished-with-herbs_141793-2084.jpg" },
+              { id: "p2", name: "Chicken Tagine / Tajine de poulet", price: "$19", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/brown-green-dry-anise-seeds-wooden-cups_114579-70030.jpg" },
             ]}
-            title="Our Signature Dishes"
-            description="A curated selection of our most loved traditional meals."
+            title="Our Signature Dishes / Nos plats signatures"
+            description="A curated selection of our most loved traditional meals. / Une sélection de nos repas traditionnels les plus appréciés."
           />
         </div>
 
@@ -118,29 +99,10 @@ export default function LandingPage() {
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={true}
             testimonials={[
-              { id: "t1", name: "Ahmed", role: "Foodie", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-glad-carefree-dark-skinned-female-recreate-cozy-cafeteria-tastes-delicious-exotic-cocktail-smiles-happily-as-being-satisfied-with-everything-has-specific-attractive-appearance_273609-2094.jpg" },
-              { id: "t2", name: "Sarah", role: "Customer", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-black-sign-with-bowl-pink-wall-service-delivery-uniform-company_140725-42978.jpg" },
-              { id: "t3", name: "Marc", role: "Blogger", company: "Local Eat", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg" },
-              { id: "t4", name: "Elena", role: "Customer", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg" },
-              { id: "t5", name: "Youssef", role: "Customer", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/retro-interior-design-table-with-food_23-2150595531.jpg" },
+              { id: "t1", name: "Ahmed", role: "Customer / Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-glad-carefree-dark-skinned-female-recreate-cozy-cafeteria-tastes-delicious-exotic-cocktail-smiles-happily-as-being-satisfied-with-everything-has-specific-attractive-appearance_273609-2094.jpg" },
             ]}
-            title="What Our Guests Say"
-            description="Hear from our happy diners who enjoy our authentic Moroccan cuisine."
-          />
-        </div>
-
-        <div id="metrics" data-section="metrics">
-          <MetricCardSeven
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            metrics={[
-              { id: "m1", value: "15+", title: "Years Cooking", items: ["Established in 2008", "Deep roots", "Culinary passion"] },
-              { id: "m2", value: "5000+", title: "Tajines Served", items: ["Freshly prepared", "Quality guaranteed", "Loved daily"] },
-              { id: "m3", value: "20+", title: "Authentic Spices", items: ["Sourced traditionally", "Hand-ground", "Secret mixes"] },
-            ]}
-            title="Our Culinary Impact"
-            description="Numbers behind our passion."
+            title="What Our Guests Say / Ce que disent nos clients"
+            description="Hear from our happy diners who enjoy our authentic Moroccan cuisine. / Écoutez nos clients satisfaits qui apprécient notre cuisine marocaine authentique."
           />
         </div>
 
@@ -149,12 +111,10 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={true}
             faqs={[
-              { id: "q1", title: "Do you offer vegetarian options?", content: "Yes, we have a delicious vegetable tajine option daily." },
-              { id: "q2", title: "Can I book a table?", content: "Yes, we recommend reservations for weekends." },
-              { id: "q3", title: "Is takeout available?", content: "Absolutely! Enjoy Dar Tajine at home." },
+              { id: "q1", title: "Do you offer vegetarian options? / Offrez-vous des options végétariennes ?", content: "Yes, we have a delicious vegetable tajine option daily. / Oui, nous avons une délicieuse option de tajine aux légumes tous les jours." },
             ]}
-            title="Frequently Asked"
-            description="Have questions about Dar Tajine?"
+            title="Frequently Asked / Questions fréquentes"
+            description="Have questions about Dar Tajine? / Des questions sur Dar Tajine ?"
             faqsAnimation="slide-up"
           />
         </div>
@@ -163,9 +123,9 @@ export default function LandingPage() {
           <ContactSplit
             useInvertedBackground={false}
             background={{ variant: "plain" }}
-            tag="Visit Us"
-            title="Book Your Table"
-            description="Join us for an authentic Moroccan meal. Contact us to reserve your spot."
+            tag="Visit Us / Visitez-nous"
+            title="Book Your Table / Réservez votre table"
+            description="Join us for an authentic Moroccan meal. Contact us to reserve your spot. / Rejoignez-nous pour un repas marocain authentique. Contactez-nous pour réserver votre place."
             imageSrc="http://img.b2bpic.net/free-photo/mangal-salad-with-bread-vegetables_140725-2144.jpg"
             mediaAnimation="slide-up"
           />
@@ -175,10 +135,10 @@ export default function LandingPage() {
           <FooterBaseReveal
             logoText="Dar Tajine"
             columns={[
-              { title: "Explore", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
-              { title: "Contact", items: [{ label: "Call Us", href: "#" }, { label: "Reservations", href: "#contact" }] },
+              { title: "Explore / Explorer", items: [{ label: "Menu", href: "#menu" }, { label: "About / À propos", href: "#about" }] },
+              { title: "Contact", items: [{ label: "Reservations", href: "#contact" }] },
             ]}
-            copyrightText="© 2024 Dar Tajine. All rights reserved."
+            copyrightText="© 2024 Dar Tajine. All rights reserved / Tous droits réservés."
           />
         </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --foreground: #120a00e6;
+  --primary-cta: #FF7B05;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
+  --secondary-cta-text: #120a00e6;
   --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background-accent: #FF7B05;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);