Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
 export default function LandingPage() {
   return (
@@ -30,22 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Offers",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Menu", id: "menu" },
+        { name: "Offers", id: "features" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Raysab Place"
     />
@@ -53,18 +41,11 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Hotel Raysab Place"
-      description="Experience the authentic essence of Indian multi-cuisine. From traditional North Indian delights to savory street food, delivered with 3D-inspired passion."
-      buttons={[
-        {
-          text: "Order Now",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/indian-delicious-roti-with-copy-space_23-2149073332.jpg"
+      description="Experience the authentic essence of Indian multi-cuisine. We now feature a stunning 3D rotating Thali display to showcase our tradition!"
+      buttons={[{ text: "Order Now", href: "#menu" }]}
+      imageSrc="https://img.freepik.com/free-photo/thali-set-traditional-indian-food-gray-background_23-2148747715.jpg?t=st=1716380000~exp=1716383600~hmac=e20986161401f868297d264f3316e1050a4176d65f57a0740956272545802213" 
     />
   </div>
 
@@ -73,24 +54,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Street Flavors",
-          description: "Authentic street food recipes recreated.",
-          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-coffee-patties_2829-17907.jpg",
-          imageAlt: "Street Food",
-        },
-        {
-          title: "Sweets Paradise",
-          description: "Traditional desserts that melt away.",
-          imageSrc: "http://img.b2bpic.net/free-photo/small-colorful-chocolate-bowl-marble-table_114579-72541.jpg",
-          imageAlt: "Sweets",
-        },
-        {
-          title: "Signature Chai",
-          description: "Hand-brewed spices for your soul.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-cappuccino_1098-16954.jpg",
-          imageAlt: "Tea",
-        },
+        { title: "Street Flavors", description: "Authentic street food recipes recreated.", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-coffee-patties_2829-17907.jpg", imageAlt: "Street Food" },
+        { title: "Sweets Paradise", description: "Traditional desserts that melt away.", imageSrc: "http://img.b2bpic.net/free-photo/small-colorful-chocolate-bowl-marble-table_114579-72541.jpg", imageAlt: "Sweets" },
+        { title: "Signature Chai", description: "Hand-brewed spices for your soul.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-cappuccino_1098-16954.jpg", imageAlt: "Tea" },
       ]}
       title="Our Specialties"
       description="Discover flavors crafted to perfection."
@@ -104,81 +70,27 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Paneer Butter Masala",
-          price: "$12.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-indian-food-frame_23-2148747715.jpg",
-        },
-        {
-          id: "p2",
-          name: "Masala Dosa",
-          price: "$9.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086040.jpg",
-        },
-        {
-          id: "p3",
-          name: "Chicken Biryani",
-          price: "$15.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-indian-rice-dish_23-2148747676.jpg",
-        },
-        {
-          id: "p4",
-          name: "Garden Salad",
-          price: "$5.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-sliced-chopped-foods-marinated-olives_114579-19589.jpg",
-        },
-        {
-          id: "p5",
-          name: "Garlic Naan",
-          price: "$3.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pastry-tray_23-2149358092.jpg",
-        },
-        {
-          id: "p6",
-          name: "Mango Lassi",
-          price: "$4.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-dovga-salted-peppered-fresh-like-drink-with-greens-grey-background-soup-liquid_140725-15929.jpg",
-        },
+        { id: "p1", name: "North Indian: Butter Paneer", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-indian-food-frame_23-2148747715.jpg" },
+        { id: "p2", name: "South Indian: Masala Dosa", price: "₹249", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086040.jpg?_wi=1" },
+        { id: "p3", name: "Street Food: Spicy Chaat", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-indian-rice-dish_23-2148747676.jpg?_wi=1" },
+        { id: "p4", name: "Sweets: Gulab Jamun", price: "₹199", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-sliced-chopped-foods-marinated-olives_114579-19589.jpg" },
+        { id: "p5", name: "Beverage: Masala Chai", price: "₹99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pastry-tray_23-2149358092.jpg" },
+        { id: "p6", name: "Beverage: Mango Lassi", price: "₹149", imageSrc: "http://img.b2bpic.net/free-photo/front-view-dovga-salted-peppered-fresh-like-drink-with-greens-grey-background-soup-liquid_140725-15929.jpg" },
       ]}
       title="Our Menu"
-      description="Handpicked favorites from our kitchens."
+      description="Traditional flavors, local prices."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="depth-3d"
+      <MetricCardEleven
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          title: "Daily Orders",
-          items: [
-            "Delivering excellence",
-            "Fresh ingredients daily",
-          ],
-        },
-        {
-          id: "m2",
-          value: "12",
-          title: "Cuisine Types",
-          items: [
-            "Diverse regional menus",
-            "Authentic recipes",
-          ],
-        },
-        {
-          id: "m3",
-          value: "4.8",
-          title: "Rating",
-          items: [
-            "Loved by thousands",
-            "Rated globally",
-          ],
-        },
+        { id: "m1", value: "500+", title: "Daily Orders", description: "Delivering excellence with fresh ingredients daily.", imageSrc: "http://img.b2bpic.net/free-photo/indian-delicious-roti-with-copy-space_23-2149073332.jpg?_wi=2" },
+        { id: "m2", value: "12", title: "Cuisine Types", description: "Diverse regional menus with authentic recipes.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086040.jpg?_wi=2" },
+        { id: "m3", value: "4.8", title: "Rating", description: "Loved by thousands, rated globally.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-indian-rice-dish_23-2148747676.jpg?_wi=2" },
       ]}
       title="Serving Joy Daily"
       description="Our numbers tell a delicious story."
@@ -186,46 +98,12 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="depth-3d"
+      <TestimonialCardFive
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Ananya P.",
-          role: "Foodie",
-          testimonial: "The best Paneer I've had in years!",
-          imageSrc: "http://img.b2bpic.net/free-photo/human-happy-woman-clanging-glasses-wine-table-cafe_23-2148016789.jpg",
-        },
-        {
-          id: "2",
-          name: "Vikram S.",
-          role: "Regular",
-          testimonial: "Authentic and quick. The 3D menu is cool.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018818.jpg",
-        },
-        {
-          id: "3",
-          name: "Priya K.",
-          role: "Guest",
-          testimonial: "Love the South Indian selection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-holding-potato-cips-blue-wall-male-cinema-movie-film-theater_140725-71918.jpg",
-        },
-        {
-          id: "4",
-          name: "Rahul M.",
-          role: "Diner",
-          testimonial: "Everything was fresh and hot.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-beautiful-senior-woman-smiling_176420-31630.jpg",
-        },
-        {
-          id: "5",
-          name: "Sneha R.",
-          role: "Fan",
-          testimonial: "Mango Lassi is a must-try!",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-food-drinks-dinner-party_23-2150763405.jpg",
-        },
+        { id: "1", name: "Ananya P.", date: "2024-05-15", title: "Amazing food", quote: "The best Paneer I've had in years!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/human-happy-woman-clanging-glasses-wine-table-cafe_23-2148016789.jpg" },
+        { id: "2", name: "Vikram S.", date: "2024-06-02", title: "Great experience", quote: "Authentic and quick. The menu is great.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018818.jpg" }
       ]}
       title="What Guests Say"
       description="Real experiences from our community."
@@ -233,29 +111,18 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
       textboxLayout="split"
       useInvertedBackground={false}
+      mediaAnimation="blur-reveal"
+      faqsAnimation="blur-reveal"
       faqs={[
-        {
-          id: "q1",
-          title: "Do you deliver?",
-          content: "Yes, we offer doorstep delivery via our app.",
-        },
-        {
-          id: "q2",
-          title: "Are you open on Sundays?",
-          content: "We operate 7 days a week from 11 AM to 11 PM.",
-        },
-        {
-          id: "q3",
-          title: "Do you accept digital payments?",
-          content: "Absolutely, we support UPI, Cards, and COD.",
-        },
+        { id: "q1", title: "Do you deliver?", content: "Yes, we offer doorstep delivery via our app." },
+        { id: "q2", title: "Are you open on Sundays?", content: "We operate 7 days a week from 11 AM to 11 PM." },
+        { id: "q3", title: "Do you accept digital payments?", content: "Absolutely, we support UPI, Cards, and COD." },
       ]}
       title="Frequently Asked"
       description="Everything you need to know."
-      faqsAnimation="blur-reveal"
     />
   </div>
 
@@ -265,21 +132,10 @@ export default function LandingPage() {
       title="Get in Touch"
       description="Reserve a table or ask questions."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-        },
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "email", type: "email", placeholder: "Email" },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your request...",
-      }}
+      textarea={{ name: "message", placeholder: "Your request..." }}
       imageSrc="http://img.b2bpic.net/free-photo/unfocused-background-with-wooden-furniture_1203-1690.jpg"
     />
   </div>
@@ -288,36 +144,12 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Raysab Place"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#hero",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Help Center",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "#hero" }, { label: "Careers", href: "#" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Help Center", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}