Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import AboutMetric from '@/components/sections/about/AboutMetric';
-import { CheckCircle } from "lucide-react";
+import { Star, CheckCircle, Award, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,282 +27,93 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Présentation", id: "about" },
-          name: "Présentation",
+        { name: "Menu", id: "menu" },
-          id: "about",
+        { name: "Avis", id: "reviews" },
-        },
+        { name: "Contact", id: "contact" }
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Avis",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Taj Restaurant"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitKpi
+      <HeroSplit
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="Authentic Indian Cuisine in Muscat"
       description="Taj Restaurant | مطعم تاج offers a cozy dining experience, authentic flavors, and impeccable service in the heart of Al Ghubrah."
-      kpis={[
+      buttons={[{ text: "Reserve a Table", href: "#contact" }]}
-        {
-          value: "4.6",
-          label: "Google Rating",
-        },
-        {
-          value: "556+",
-          label: "Customer Reviews",
-        },
-        {
-          value: "2-4 OMR",
-          label: "Price Per Person",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Reserve a Table",
-          href: "#contact",
-        },
-      ]}
       mediaAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=1"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006701.jpg",
-          alt: "Diner 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20500.jpg",
-          alt: "Diner 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg",
-          alt: "Diner 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-eating-chocolate-muffin-paper-holder_23-2147974666.jpg",
-          alt: "Diner 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
-          alt: "Diner 5",
-        },
-      ]}
-      avatarText="Join 500+ happy guests"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Authentic Spices",
-        },
-        {
-          type: "text",
-          text: "Family Friendly",
-        },
-        {
-          type: "text",
-          text: "Outdoor Terrace",
-        },
-        {
-          type: "text",
-          text: "Private Dining",
-        },
-        {
-          type: "text-icon",
-          text: "Halal Certified",
-          icon: CheckCircle,
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextSplitAbout
+      <AboutMetric
-      useInvertedBackground={false}
+      title="Our Commitment to Excellence"
-      title="Présentation"
+      metrics={[
-      description={[
+        { icon: Award, label: "Years of Flavor", value: "10+" },
-        "Welcome to Taj Restaurant | مطعم تاج. We pride ourselves on offering the most authentic Indian dining experience in Muscat.",
+        { icon: Users, label: "Happy Guests", value: "5000+" },
-        "Enjoy our diverse buffet options, terrace seating for relaxing evenings, or book our private dining rooms for special occasions.",
+        { icon: Star, label: "Google Rating", value: "4.6" }
-        "Visit us near Indian School Al Ghubrah, Muscat 130. We are open daily until midnight.",
       ]}
+      metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardFour
+      <ProductCardOne
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Butter Chicken",
-          price: "3.5 OMR",
-          variant: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Biryani Special",
-          price: "4.0 OMR",
-          variant: "Signature",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=3",
-        },
-        {
-          id: "3",
-          name: "Paneer Tikka",
-          price: "2.5 OMR",
-          variant: "Vegetarian",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=4",
-        },
-        {
-          id: "4",
-          name: "Naan Basket",
-          price: "1.0 OMR",
-          variant: "Side",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=5",
-        },
-        {
-          id: "5",
-          name: "Dal Makhani",
-          price: "2.0 OMR",
-          variant: "Vegetarian",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=6",
-        },
-        {
-          id: "6",
-          name: "Tandoori Platter",
-          price: "4.5 OMR",
-          variant: "Mixed",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=7",
-        },
-      ]}
       title="Our Signature Menu"
       description="Explore our wide variety of authentic Indian dishes prepared by expert chefs."
+      products={[
+        { id: "1", name: "Butter Chicken", price: "3.5 OMR", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=2" },
+        { id: "2", name: "Biryani Special", price: "4.0 OMR", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=3" },
+        { id: "3", name: "Paneer Tikka", price: "2.5 OMR", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=4" }
+      ]}
     />
   </div>
 
   <div id="reviews" data-section="reviews">
-      <TestimonialCardSix
+      <TestimonialCardThirteen
+      showRating={true}
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Ahmed",
-          handle: "@sarah",
-          testimonial: "Great food and excellent service! Truly authentic taste.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006701.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "Best Indian restaurant in Muscat! Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20500.jpg",
-        },
-        {
-          id: "3",
-          name: "Fatima Al-Said",
-          handle: "@fatima",
-          testimonial: "Affordable and delicious meals. The buffet is fantastic.",
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg",
-        },
-        {
-          id: "4",
-          name: "John Doe",
-          handle: "@jdoe",
-          testimonial: "Wonderful atmosphere and lovely terrace seating.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-eating-chocolate-muffin-paper-holder_23-2147974666.jpg",
-        },
-        {
-          id: "5",
-          name: "Ahmed Rashid",
-          handle: "@arashid",
-          testimonial: "A staple in Muscat. Always consistent quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
-        },
-      ]}
       title="What Our Guests Say"
       description="Read authentic reviews from our satisfied diners in Muscat."
+      testimonials={[
+        { id: "1", name: "Sarah Ahmed", handle: "@sarah", testimonial: "Great food and excellent service! Truly authentic taste.", rating: 5 },
+        { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Best Indian restaurant in Muscat! Highly recommended.", rating: 5 }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCTA
-      useInvertedBackground={true}
+      tag="Contact Us"
-      background={{
-        variant: "plain",
-      }}
-      tag="Get In Touch"
       title="Reserve Your Table"
-      description="Have questions or want to book a table? Contact us via phone, WhatsApp, or order online directly."
+      description="We're ready to serve you. Book your table or reach out for inquiries."
-      mediaAnimation="slide-up"
+      buttons={[{ text: "Call Us Now", href: "tel:+96878006100" }]}
-      buttonText="Order Online"
+      background={{ variant: "plain" }}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=8"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterBaseCard
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-dark-desk-potato-dinner-cooking-meal-dish_140725-102131.jpg?_wi=9"
       logoText="Taj Restaurant | مطعم تاج"
       columns={[
-        {
+        { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "#menu" }] },
-          title: "Information",
+        { title: "Contact", items: [{ label: "WhatsApp", href: "https://wa.me/96878006100" }] }
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/96878006100",
-            },
-            {
-              label: "Reservations",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Terms & Privacy",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      copyrightText="© 2026 Taj Restaurant | مطعم تاج - All Rights Reserved"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #ffffff;
-  --card: #dad6cd;
+  --card: #f9f9f9;
-  --foreground: #2a2928;
+  --foreground: #000612e6;
-  --primary-cta: #8B0000;
+  --primary-cta: #15479c;
-  --primary-cta-text: #f5f4ef;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #2a2928;
+  --secondary-cta-text: #000612e6;
-  --accent: #ffffff;
+  --accent: #e2e2e2;
-  --background-accent: #c6b180;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);