Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,13 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import { Zap, Clock, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Menu", id: "menu" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="La Table d’Atlas"
     />
@@ -53,258 +42,81 @@ export default function LandingPage() {
       <HeroOverlayTestimonial
       title="Experience Fine Dining & Café Culture in Casablanca"
       description="Fresh pastries, refined cuisine, and a welcoming atmosphere."
-      testimonials={[
+      testimonials={[]}
-        {
-          name: "Amal K.",
-          handle: "@CasablancaFoodie",
-          testimonial: "Un service trop professionnel, une qualité de haut niveau… absolument inoubliable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg",
-        },
-        {
-          name: "Youssef M.",
-          handle: "@LocalGuide",
-          testimonial: "La meilleure pâtisserie de Casablanca, une ambiance parfaite pour travailler ou se détendre.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/group-happy-young-people-having-dinner-together-dining-table-focus-is-redhead-woman-taking-food-from-her-friend_637285-3752.jpg",
-        },
-        {
-          name: "Sarah R.",
-          handle: "@FoodLover",
-          testimonial: "Cadre magnifique, cuisine fine et raffinée. J'adore l'atmosphère.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-pottery-illustration_23-2151813453.jpg",
-        },
-        {
-          name: "Karim B.",
-          handle: "@CasablancaVisitor",
-          testimonial: "Un accueil chaleureux dans un cadre sublime. Très belle expérience culinaire.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
-        },
-        {
-          name: "Fatima Z.",
-          handle: "@RestoCritic",
-          testimonial: "Une qualité constante et une finesse dans chaque assiette. Adresse recommandée.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
-        },
-      ]}
       buttons={[
-        {
+        { text: "Call Now", href: "tel:+212522000000" },
-          text: "Call Now",
+        { text: "Reserve a Table", href: "#contact" },
-          href: "tel:+212522000000",
-        },
-        {
-          text: "Reserve a Table",
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg",
-          alt: "Amal K.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/group-happy-young-people-having-dinner-together-dining-table-focus-is-redhead-woman-taking-food-from-her-friend_637285-3752.jpg",
-          alt: "Youssef M.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/digital-art-style-pottery-illustration_23-2151813453.jpg",
-          alt: "Sarah R.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
-          alt: "Karim B.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
-          alt: "Fatima Z.",
-        },
-      ]}
-      avatarText="Loved by 500+ guests"
     />
   </div>
 
   <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
+      <MediaAbout
+      title="The Story of Atlas Restaurant"
+      description="Located in the heart of Casablanca, La Table d’Atlas invites you to explore a harmonious blend of refined culinary craft and warm hospitality. Our passion for quality ingredients and authentic flavours defines every moment we share with our guests."
+      imageSrc="http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=1"
       useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "The Story of Atlas Restaurant",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg",
-        },
-        {
-          type: "text",
-          content: "Located in the heart of Casablanca, La Table d’Atlas invites you to explore a harmonious blend of refined culinary craft and warm hospitality. Our passion for quality ingredients and authentic flavours defines every moment we share with our guests.",
-        },
-      ]}
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardTwo
+      <ProductCardThree
+      title="Our Culinary Selection"
+      description="Discover our curated selections of breakfast, main dishes, and signature pastries."
+      gridVariant="bento-grid"
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "m1", name: "Atlas Continental Breakfast", price: "85 MAD", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=2" },
-          id: "m1",
+        { id: "m2", name: "Grilled Sea Bass", price: "145 MAD", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=3" },
-          brand: "Breakfast",
+        { id: "m3", name: "Atlas Signature Burger", price: "110 MAD", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=4" }
-          name: "Atlas Continental Breakfast",
-          price: "85 MAD",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=1",
-        },
-        {
-          id: "m2",
-          brand: "Main",
-          name: "Grilled Sea Bass",
-          price: "145 MAD",
-          rating: 4,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=2",
-        },
-        {
-          id: "m3",
-          brand: "Burger",
-          name: "Atlas Signature Burger",
-          price: "110 MAD",
-          rating: 5,
-          reviewCount: "200",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=3",
-        },
-        {
-          id: "m4",
-          brand: "Pastry",
-          name: "Signature Almond Croissant",
-          price: "35 MAD",
-          rating: 5,
-          reviewCount: "350",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=4",
-        },
-        {
-          id: "m5",
-          brand: "Drinks",
-          name: "Atlas Special Coffee",
-          price: "25 MAD",
-          rating: 4,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=5",
-        },
-        {
-          id: "m6",
-          brand: "Dessert",
-          name: "Chocolate Lava Cake",
-          price: "55 MAD",
-          rating: 5,
-          reviewCount: "90",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=6",
-        },
       ]}
-      title="Our Menu"
-      description="Discover our curated selections of breakfast, main dishes, and signature pastries."
     />
   </div>
 
   <div id="metric" data-section="metric">
-      <MetricCardTwo
+      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
       title="Why Atlas Restaurant"
       description="Our commitment to quality and service excellence in Casablanca."
+      gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
       metrics={[
-        {
+        { id: "1", value: "10+", title: "Experience", description: "Years of Culinary Passion", icon: Zap },
-          id: "1",
+        { id: "2", value: "5000+", title: "Guests", description: "Happy Guests Served", icon: Clock },
-          value: "10+",
+        { id: "3", value: "4.8", title: "Rating", description: "Guest Satisfaction", icon: Star },
-          description: "Years of Culinary Passion",
-        },
-        {
-          id: "2",
-          value: "5000+",
-          description: "Happy Guests Served",
-        },
-        {
-          id: "3",
-          value: "4.8/5",
-          description: "Guest Satisfaction Rating",
-        },
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="Book Your Table"
-      background={{
+      description="We look forward to welcoming you to La Table d’Atlas."
-        variant: "gradient-bars",
+      inputs={[
-      }}
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-      text="Reserve your table today and experience the refined atmosphere of La Table d’Atlas."
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
-      buttons={[
+        { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
-        {
-          text: "Book via WhatsApp",
-          href: "https://wa.me/212600000000",
-        },
-        {
-          text: "Call Now",
-          href: "tel:+212522000000",
-        },
       ]}
+      textarea={{ name: "message", placeholder: "Special requests or reservations notes", rows: 4 }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterLogoEmphasis
       logoText="La Table d’Atlas"
       columns={[
-        {
+        { items: [{ label: "Address: Casablanca, Morocco" }, { label: "Phone: +212 522 00 00 00" }] },
-          title: "Information",
+        { items: [{ label: "Everyday: 08:00 - 23:00" }] },
-          items: [
+        { items: [{ label: "Instagram" }, { label: "Facebook" }] }
-            {
-              label: "Address: Casablanca, Morocco",
-              href: "#",
-            },
-            {
-              label: "Phone: +212 522 00 00 00",
-              href: "tel:+212522000000",
-            },
-          ],
-        },
-        {
-          title: "Opening Hours",
-          items: [
-            {
-              label: "Everyday: 08:00 - 23:00",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "https://instagram.com",
-            },
-            {
-              label: "Facebook",
-              href: "https://facebook.com",
-            },
-          ],
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}