Update src/app/page.tsx

src/app/page.tsx

@@ -20,27 +20,22 @@ export default function LandingPage() {
       defaultButtonVariant="icon-arrow"
       defaultTextAnimation="background-highlight"
       borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
             navItems={[
-        {
+              { name: "Home", id: "hero" },
-          name: "Home",
+              { name: "Menu", id: "menu" },
-          id: "hero",
+              { name: "About", id: "about" },
-        },
+              { name: "Contact", id: "contact" },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
             ]}
             brandName="Kake Di Hatti"
           />
@@ -48,17 +43,10 @@ export default function LandingPage() {
 
         <div id="hero" data-section="hero">
           <HeroBillboardScroll
-      background={{
+            background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
             title="Heritage in Every Bite"
             description="Authentic flavors of North India brought to life with premium ingredients and traditional techniques."
-      buttons={[
+            buttons={[{ text: "View Menu", href: "#menu" }]}
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-      ]}
             imageSrc="http://img.b2bpic.net/free-photo/top-close-up-view-orange-merji-soup-inside-brown-pot-along-with-sliced-lemons-bread-slices_140725-14284.jpg"
           />
         </div>
@@ -68,8 +56,7 @@ export default function LandingPage() {
             useInvertedBackground={true}
             title="The Kake Di Hatti Legacy"
             description={[
-        "Founded on the principles of authenticity and taste, we bring the true soul of traditional North Indian cuisine to Mohali.",
+              "Founded on the principles of authenticity and taste, we bring the true soul of traditional North Indian cuisine to Mohali.",              "Our recipes are passed down through generations, ensuring each dish maintains its historical depth."
-        "Our recipes are passed down through generations, ensuring each dish maintains its historical depth.",
             ]}
           />
         </div>
@@ -81,60 +68,12 @@ export default function LandingPage() {
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={false}
             products={[
-        {
+              { id: "1", name: "Signature Dal Makhani", price: "₹399", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/tasty-stew-goulash-with-vegetables-served-bowl_1220-7674.jpg", brand: "Signature" },
-          id: "1",
+              { id: "2", name: "Paneer Lababdar", price: "₹449", rating: 5, reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-lentil-soup-lentil-soup-bowls-spices-herbs-tomatoes_140725-72646.jpg", brand: "Specialty" },
-          name: "Signature Dal Makhani",
+              { id: "3", name: "Butter Naan Platter", price: "₹120", rating: 4, reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-indian-food-with-sauce_23-2148747684.jpg", brand: "Standard" },
-          price: "₹399",
+              { id: "4", name: "Stuffed Kulcha", price: "₹150", rating: 5, reviewCount: "670", imageSrc: "http://img.b2bpic.net/free-photo/mix-kutabs-with-greens-meat-pumpkin-side-view_141793-3771.jpg", brand: "Specialty" },
-          rating: 5,
+              { id: "5", name: "Veg Raita", price: "₹99", rating: 4, reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/wooden-cup-yogurt-soup-with-herbs_114579-19597.jpg", brand: "Side" },
-          reviewCount: "1.2k",
+              { id: "6", name: "Gulab Jamun", price: "₹180", rating: 5, reviewCount: "1.1k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bread-hot-tasty-fresh-sliced-inside-bread-bin-along-with-salt-pepper-pink_140725-24283.jpg", brand: "Dessert" },
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-stew-goulash-with-vegetables-served-bowl_1220-7674.jpg",
-          brand: "Signature",
-        },
-        {
-          id: "2",
-          name: "Paneer Lababdar",
-          price: "₹449",
-          rating: 5,
-          reviewCount: "890",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-lentil-soup-lentil-soup-bowls-spices-herbs-tomatoes_140725-72646.jpg",
-          brand: "Specialty",
-        },
-        {
-          id: "3",
-          name: "Butter Naan Platter",
-          price: "₹120",
-          rating: 4,
-          reviewCount: "2.1k",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-indian-food-with-sauce_23-2148747684.jpg",
-          brand: "Standard",
-        },
-        {
-          id: "4",
-          name: "Stuffed Kulcha",
-          price: "₹150",
-          rating: 5,
-          reviewCount: "670",
-          imageSrc: "http://img.b2bpic.net/free-photo/mix-kutabs-with-greens-meat-pumpkin-side-view_141793-3771.jpg",
-          brand: "Specialty",
-        },
-        {
-          id: "5",
-          name: "Veg Raita",
-          price: "₹99",
-          rating: 4,
-          reviewCount: "450",
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-cup-yogurt-soup-with-herbs_114579-19597.jpg",
-          brand: "Side",
-        },
-        {
-          id: "6",
-          name: "Gulab Jamun",
-          price: "₹180",
-          rating: 5,
-          reviewCount: "1.1k",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bread-hot-tasty-fresh-sliced-inside-bread-bin-along-with-salt-pepper-pink_140725-24283.jpg",
-          brand: "Dessert",
-        },
             ]}
             title="Signature Dishes"
             description="Experience our carefully crafted menu featuring North Indian specialties."
@@ -147,21 +86,9 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={true}
             features={[
-        {
+              { title: "Farm Fresh Produce", description: "Hand-picked vegetables daily.", imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028612.jpg" },
-          title: "Farm Fresh Produce",
+              { title: "Traditional Clay Oven", description: "Authentic tandoori flavors.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134281.jpg" },
-          description: "Hand-picked vegetables daily.",
+              { title: "Award-Winning Service", description: "Unmatched hospitality experience.", imageSrc: "http://img.b2bpic.net/free-photo/server-holding-bottle-champagne_23-2148244969.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028612.jpg",
-        },
-        {
-          title: "Traditional Clay Oven",
-          description: "Authentic tandoori flavors.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134281.jpg",
-        },
-        {
-          title: "Award-Winning Service",
-          description: "Unmatched hospitality experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/server-holding-bottle-champagne_23-2148244969.jpg",
-        },
             ]}
             title="Why Choose Us"
             description="Excellence defined by our standards."
@@ -174,24 +101,9 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             metrics={[
-        {
+              { id: "m1", title: "Satisfied Guests", value: "50k+", icon: Star },
-          id: "m1",
+              { id: "m2", title: "Years of Heritage", value: "20+", icon: Award },
-          title: "Satisfied Guests",
+              { id: "m3", title: "Signature Recipes", value: "100+", icon: Award },
-          value: "50k+",
-          icon: Star,
-        },
-        {
-          id: "m2",
-          title: "Years of Heritage",
-          value: "20+",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          title: "Signature Recipes",
-          value: "100+",
-          icon: Award,
-        },
             ]}
             title="Our Impact"
             description="Numbers speak louder than words."
@@ -205,26 +117,11 @@ export default function LandingPage() {
             rating={5}
             author="Ankit Sharma"
             avatars={[
-        {
+              { src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg", alt: "Ankit Sharma" },
-          src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg",
+              { src: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2510.jpg", alt: "Priya Verma" },
-          alt: "Ankit Sharma",
+              { src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg", alt: "Vikram Seth" },
-        },
+              { src: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117536.jpg", alt: "Rahul Gupta" },
-        {
+              { src: "http://img.b2bpic.net/free-photo/rice-dish-menu_23-2147681081.jpg", alt: "Sneha Reddy" },
-          src: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2510.jpg",
-          alt: "Priya Verma",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg",
-          alt: "Vikram Seth",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117536.jpg",
-          alt: "Rahul Gupta",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/rice-dish-menu_23-2147681081.jpg",
-          alt: "Sneha Reddy",
-        },
             ]}
             ratingAnimation="slide-up"
             avatarsAnimation="blur-reveal"
@@ -236,21 +133,9 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             faqs={[
-        {
+              { id: "q1", title: "Do you take reservations?", content: "Yes, we recommend booking in advance." },
-          id: "q1",
+              { id: "q2", title: "Are you pet friendly?", content: "Unfortunately, we are not pet friendly." },
-          title: "Do you take reservations?",
+              { id: "q3", title: "Do you offer catering?", content: "Yes, we provide catering for events." },
-          content: "Yes, we recommend booking in advance.",
-        },
-        {
-          id: "q2",
-          title: "Are you pet friendly?",
-          content: "Unfortunately, we are not pet friendly.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer catering?",
-          content: "Yes, we provide catering for events.",
-        },
             ]}
             imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-chef-man-black-uniform-holding-pencil-while-looking-notebook-green-wall_141793-32558.jpg"
             mediaAnimation="slide-up"
@@ -263,16 +148,9 @@ export default function LandingPage() {
         <div id="contact" data-section="contact">
           <ContactText
             useInvertedBackground={true}
-      background={{
+            background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
             text="Book your table today and taste heritage."
-      buttons={[
+            buttons={[{ text: "Contact Us", href: "tel:+919876543210" }]}
-        {
-          text: "Contact Us",
-          href: "tel:+919876543210",
-        },
-      ]}
           />
         </div>
 
@@ -281,26 +159,13 @@ export default function LandingPage() {
             logoText="Kake Di Hatti Mohali"
             columns={[
               {
-          title: "Navigation",
+                title: "Navigation",                items: [
-          items: [
+                  { label: "Menu", href: "#menu" },
-            {
+                  { label: "About", href: "#about" },
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
                 ],
               },
               {
-          title: "Legal",
+                title: "Legal",                items: [{ label: "Privacy Policy", href: "#" }],
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
               },
             ]}
           />