Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -9,10 +9,10 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Building2, Coffee, Heart } from "lucide-react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { ChefHat, Palmtree, UtensilsCrossed } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,7 +30,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarStyleApple
       navItems={[
         { name: "Home", id: "hero" },
         { name: "Our Story", id: "about" },
@@ -66,14 +66,14 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardTwo
+      <ProductCardThree
       animationType="slide-up"
       textboxLayout="split-description"
       gridVariant="uniform-all-items-equal"
       products={[
-        { id: "1", brand: "Signature", name: "Authentic Mint Tea", price: "$4.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/arabic-tea-glasses-with-cups-tray_23-2148088508.jpg" },
-        { id: "2", brand: "Classic", name: "Brik à l'œuf", price: "$8.00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-cooked-eggs-along-with-red-tomatoes-inside-metallic-pan-brown-wooden-desk_140725-14226.jpg" },
-        { id: "3", brand: "Dessert", name: "Assorted Makroud", price: "$6.00", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/turkish-delights-raisins-wooden-plate-marble-surface_114579-83670.jpg" }
+        { id: "1", name: "Authentic Mint Tea", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/arabic-tea-glasses-with-cups-tray_23-2148088508.jpg" },
+        { id: "2", name: "Brik à l'œuf", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-cooked-eggs-along-with-red-tomatoes-inside-metallic-pan-brown-wooden-desk_140725-14226.jpg" },
+        { id: "3", name: "Assorted Makroud", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/turkish-delights-raisins-wooden-plate-marble-surface_114579-83670.jpg" }
       ]}
       title="Our Specialties"
       description="Explore our curated menu of authentic Tunisian favorites."
@@ -86,12 +86,12 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       features={[
-        { icon: Coffee, title: "Traditional Brewing", description: "Authentic methods handed down by generations." },
-        { icon: Building2, title: "Cozy Atmosphere", description: "Inspired by Tunisian riads, rich with warmth." },
-        { icon: Heart, title: "Tunisian Hospitality", description: "We treat every guest like family." },
+        { icon: ChefHat, title: "Artisan Culinary Techniques", description: "Slow-cooked stews and hand-rolled semolina crafted using ancestral Tunisian methods." },
+        { icon: Palmtree, title: "Mediterranean Sourcing", description: "We use premium olive oils and sun-ripened spices imported directly from Tunisian groves." },
+        { icon: UtensilsCrossed, title: "Traditional Dining Culture", description: "Recreating the warmth of a Tunisian family gathering where meals are a celebration of community." },
       ]}
       title="Why Cafe Tunis?"
-      description="Discover what makes us the preferred choice."
+      description="Authenticity in every bite, grounded in heritage."
       useInvertedBackground={false}
     />
   </div>
@@ -110,15 +110,14 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split-description"
+      <TestimonialCardTwelve
+      cardAnimation="slide-up"
       testimonials={[
-        { id: "1", name: "Sarah Ahmed", role: "Food Blogger", testimonial: "The mint tea is truly exceptional." },
-        { id: "2", name: "Marc Dubois", role: "Architect", testimonial: "Stunning interior, feels like a genuine riad." }
+        { id: "1", name: "Sarah Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg?_wi=1" },
+        { id: "2", name: "Marc Dubois", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-tablet-coffee-shop_23-2149927581.jpg" }
       ]}
-      title="Voices of Our Guests"
-      description="Hear from our community."
+      cardTitle="Voices of Our Guests"
+      cardTag="Testimonials"
       useInvertedBackground={false}
     />
   </div>
@@ -126,12 +125,12 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqBase
       faqs={[
-        { id: "f1", title: "Do you offer vegan options?", content: "Yes, we have several vegan-friendly traditional dishes." },
-        { id: "f2", title: "Can I reserve a table?", content: "Yes, we accept reservations via phone or email." },
-        { id: "f3", title: "Are you open on weekends?", content: "Open 8 AM - 10 PM daily." },
+        { id: "f1", title: "Is your Brik authentic?", content: "Yes, we prepare our Brik with traditional thin dough, fresh parsley, and perfectly cooked eggs to ensure the authentic Tunisian taste." },
+        { id: "f2", title: "Do you use real Mediterranean spices?", content: "Absolutely, we source our Harissa, cumin, and coriander directly from producers in Tunisia to maintain depth of flavor." },
+        { id: "f3", title: "What makes your mint tea special?", content: "We serve our mint tea with fresh Tunisian mint and pine nuts, prepared according to classic North African traditions." },
       ]}
       title="Commonly Asked"
-      description="Quick answers to questions."
+      description="Learn more about our culinary traditions and service."
       faqsAnimation="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
@@ -148,7 +147,7 @@ export default function LandingPage() {
       ]}
       textarea={{ name: "message", placeholder: "Your message here", rows: 4 }}
       mediaPosition="left"
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg?_wi=2"
       useInvertedBackground={false}
     />
   </div>
@@ -166,4 +165,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}