Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
 export default function LandingPage() {
   return (
@@ -25,95 +25,94 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+          <NavbarStyleFullscreen
-      navItems={[
+            navItems={[
-        { name: "Home", id: "hero" },
+              { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
+              { name: "About", id: "about" },
-        { name: "Menu", id: "menu" },
+              { name: "Menu", id: "menu" },
-        { name: "FAQ", id: "faq" },
+              { name: "FAQ", id: "faq" },
-        { name: "Contact", id: "contact" },
+              { name: "Contact", id: "contact" },
-      ]}
+            ]}
-      brandName="Tharka"
+            brandName="Tharka"
-    />
+          />
-  </div>
+        </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
+          <HeroSplitTestimonial
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
+            background={{ variant: "gradient-bars" }}
-      title="Taste the Royal Essence of Jaipur"
+            title="Taste the Royal Essence of Jaipur"
-      description="Experience authentic Indian flavors in a refined, luxury setting at Tharka Restaurant & Cafe. Open daily for your culinary pleasure."
+            description="Experience authentic Indian flavors in a refined, luxury setting at Tharka Restaurant & Cafe. Open daily for your culinary pleasure."
-      testimonials={[
+            testimonials={[
-        { name: "Ananya Sharma", handle: "@ananyas", testimonial: "The best dining experience in Jaipur!", rating: 5 },
+              { name: "Ananya Sharma", handle: "@ananyas", testimonial: "The best dining experience in Jaipur!", rating: 5 },
-        { name: "Rahul Verma", handle: "@rahulv", testimonial: "Authentic flavors and top-tier hospitality.", rating: 5 },
+              { name: "Rahul Verma", handle: "@rahulv", testimonial: "Authentic flavors and top-tier hospitality.", rating: 5 },
-        { name: "Priya Gupta", handle: "@priyag", testimonial: "The navy and gold interior gives it such a premium vibe.", rating: 5 }
+              { name: "Priya Gupta", handle: "@priyag", testimonial: "The navy and gold interior gives it such a premium vibe.", rating: 5 }
-      ]}
+            ]}
-      buttons={[{ text: "Book a Table", href: "#contact" }, { text: "View Menu", href: "#menu" }]}
+            buttons={[{ text: "Book a Table", href: "#contact" }, { text: "View Menu", href: "#menu" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
+            imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
-      mediaAnimation="slide-up"
+            mediaAnimation="slide-up"
-    />
+          />
-  </div>
+        </div>
 
-  <div id="about" data-section="about">
+        <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
+          <InlineImageSplitTextAbout
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      heading={[
+            heading={[
-        { type: "text", content: "Crafting Culinary Traditions" },
+              { type: "text", content: "Crafting Culinary Traditions" },
-        { type: "image", src: "http://img.b2bpic.net/free-photo/female-chef-carefully-pouring-sauce-dish_23-2148763167.jpg", alt: "Chef at work" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/female-chef-carefully-pouring-sauce-dish_23-2148763167.jpg", alt: "Chef at work" },
-        { type: "text", content: "at Tharka" },
+              { type: "text", content: "at Tharka" },
-      ]}
+            ]}
-      buttons={[{ text: "Learn More", href: "#about" }]}
+            buttons={[{ text: "Learn More", href: "#about" }]}
-    />
+          />
-  </div>
+        </div>
 
-  <div id="menu" data-section="menu">
+        <div id="menu" data-section="menu">
-      <ProductCardFour
+          <ProductCardTwo
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="split"
+            textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
+            gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      title="Our Special Menu"
+            title="Our Special Menu"
-      description="Explore our curated selection of signature dishes inspired by the royal kitchens of India."
+            description="A collection of fine dishes prepared with secret recipes from our kitchen."
-      products={[
+            products={[
-        { id: "1", name: "Paneer Delight", price: "₹499", variant: "Veg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DqOLDSU5wvRnblPX5vCeyUd65f/uploaded-1779006460584-ihf4si3q.png" },
+              { id: "1", brand: "Classic", name: "Shahi Paneer", price: "₹499", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/shahi-paneer.jpg" },
-        { id: "2", name: "Mughlai Special", price: "₹699", variant: "Non-Veg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DqOLDSU5wvRnblPX5vCeyUd65f/uploaded-1779006460584-sw46han2.png" },
+              { id: "2", brand: "Traditional", name: "Murgh Makhani", price: "₹699", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/murgh-makhani.jpg" },
-        { id: "3", name: "Naan Basket", price: "₹199", variant: "Sides", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DqOLDSU5wvRnblPX5vCeyUd65f/uploaded-1779006460584-39cl03nc.png" },
+              { id: "3", brand: "Bread", name: "Butter Naan", price: "₹199", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/butter-naan.jpg" },
-        { id: "4", name: "Gulab Jamun", price: "₹249", variant: "Dessert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DqOLDSU5wvRnblPX5vCeyUd65f/uploaded-1779006460584-l937ev5g.png" },
+              { id: "4", brand: "Sweet", name: "Gulab Jamun", price: "₹249", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/gulab-jamun.jpg" }
-        { id: "5", name: "Mint Cooler", price: "₹150", variant: "Drink", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DqOLDSU5wvRnblPX5vCeyUd65f/uploaded-1779006460584-1b1wvwhb.png" }
+            ]}
-      ]}
+          />
-    />
+        </div>
-  </div>
 
-  <div id="faq" data-section="faq">
+        <div id="faq" data-section="faq">
-      <FaqBase
+          <FaqBase
-      textboxLayout="split"
+            textboxLayout="split"
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      faqsAnimation="slide-up"
+            faqsAnimation="slide-up"
-      faqs={[
+            faqs={[
-        { id: "1", title: "Operating hours?", content: "10:30 am to 10:30 pm daily." },
+              { id: "1", title: "Operating hours?", content: "10:30 am to 10:30 pm daily." },
-        { id: "2", title: "Location?", content: "Plot No. 08 R.K. Nagar, Jaipur." }
+              { id: "2", title: "Location?", content: "Plot No. 08 R.K. Nagar, Jaipur." }
-      ]}
+            ]}
-      title="Common Questions"
+            title="Common Questions"
-      description="Find answers to your queries about our restaurant and services."
+            description="Find answers to your queries about our restaurant and services."
-    />
+          />
-  </div>
+        </div>
 
-  <div id="contact" data-section="contact">
+        <div id="contact" data-section="contact">
-      <ContactText
+          <ContactText
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      background={{ variant: "canvas-reveal" }}
+            background={{ variant: "canvas-reveal" }}
-      text="Book your table via WhatsApp at 09309434993."
+            text="Book your table via WhatsApp at 09309434993."
-      buttons={[{ text: "WhatsApp Us", href: "https://wa.me/919309434993" }]}
+            buttons={[{ text: "WhatsApp Us", href: "https://wa.me/919309434993" }]}
-    />
+          />
-  </div>
+        </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterBaseReveal
+          <FooterBaseReveal
-      logoText="Tharka Restaurant"
+            logoText="Tharka Restaurant"
-      columns={[{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] }]}
+            columns={[{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] }]}
-    />
+          />
-  </div>
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );