diff --git a/src/app/page.tsx b/src/app/page.tsx
index 799a8c1..bbb8e47 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,8 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 
 export default function LandingPage() {
+  const addToCart = (productName: string) => () => alert(`Added ${productName} to cart!`);
+
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -24,34 +26,27 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+  <div id="nav" data-section="nav" className="relative z-50">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Burgers",          id: "#burgers"},
-        {
-          name: "Pizza",          id: "#pizza"},
-        {
-          name: "Drinks",          id: "#drinks"},
-        {
-          name: "Deals",          id: "#deals"},
+        { name: "Burgers", id: "#burgers" },
+        { name: "Pizza", id: "#pizza" },
+        { name: "Drinks", id: "#drinks" },
+        { name: "Deals", id: "#deals" },
       ]}
       brandName="Desert Bite"
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" className="relative z-10">
       <HeroSplitDualMedia
-      background={{
-        variant: "radial-gradient"}}
+      background={{ variant: "radial-gradient" }}
       title="Welcome to Desert Bite"
       description="Authentic flavors delivered right to you in Sharjah."
       tag="Sharjah's Finest Burgers"
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868220.jpg",          imageAlt: "Desert Bite Hero Image 1"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-copy-space_23-2148678844.jpg",          imageAlt: "Desert Bite Hero Image 2"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868220.jpg", imageAlt: "Desert Bite Hero Image 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-copy-space_23-2148678844.jpg", imageAlt: "Desert Bite Hero Image 2" },
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
@@ -59,181 +54,116 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="burgers" data-section="burgers">
+  <div id="burgers" data-section="burgers" className="relative z-20">
       <ProductCardThree
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
       products={[
-        {
-          id: "b1",          name: "Spicy Burger",          price: "18 AED",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-black-burger-fries-wooden-board_23-2148238520.jpg",          imageAlt: "Spicy Burger"},
-        {
-          id: "b2",          name: "Classic Tomato Burger",          price: "15 AED",          imageSrc: "http://img.b2bpic.net/free-photo/making-homemade-burger-ingredients-cooking-wooden-tabletop-view-flat-lay-copy-space_127032-3012.jpg",          imageAlt: "Classic Tomato Burger"},
-        {
-          id: "b3",          name: "Cheese Loaded Burger",          price: "20 AED",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-with-tomato-onion-fries-generative-ai_188544-36987.jpg",          imageAlt: "Cheese Loaded Burger"},
-        {
-          id: "b4",          name: "Crispy Zinger Burger",          price: "17 AED",          imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-chicken-nuggets-tomatoes-with-stem-pepper-wooden-board-sauce-ketchup-dark-blue-surface_179666-42693.jpg",          imageAlt: "Crispy Zinger Burger"},
+        { id: "b1", name: "Spicy Burger", price: "18 AED", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-black-burger-fries-wooden-board_23-2148238520.jpg", onProductClick: addToCart("Spicy Burger") },
+        { id: "b2", name: "Classic Tomato Burger", price: "15 AED", imageSrc: "http://img.b2bpic.net/free-photo/making-homemade-burger-ingredients-cooking-wooden-tabletop-view-flat-lay-copy-space_127032-3012.jpg", onProductClick: addToCart("Classic Tomato Burger") },
+        { id: "b3", name: "Cheese Loaded Burger", price: "20 AED", imageSrc: "http://img.b2bpic.net/free-photo/grilled-cheeseburger-with-tomato-onion-fries-generative-ai_188544-36987.jpg", onProductClick: addToCart("Cheese Loaded Burger") },
+        { id: "b4", name: "Crispy Zinger Burger", price: "17 AED", imageSrc: "http://img.b2bpic.net/free-photo/knife-tasty-meat-sandwich-chicken-nuggets-tomatoes-with-stem-pepper-wooden-board-sauce-ketchup-dark-blue-surface_179666-42693.jpg", onProductClick: addToCart("Crispy Zinger Burger") },
       ]}
       title="Signature Burgers"
       description="Juicy, fresh, and loaded with flavor."
     />
   </div>
 
-  <div id="pizza" data-section="pizza">
+  <div id="pizza" data-section="pizza" className="relative z-20">
       <ProductCardThree
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Pepperoni Pizza",          price: "25 AED",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-pizza-wooden-cutting-board-left-side-dark-blue-surface-with-free-space_179666-42379.jpg",          imageAlt: "Pepperoni Pizza"},
-        {
-          id: "p2",          name: "Veggie Pizza",          price: "22 AED",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-concept_23-2148643464.jpg",          imageAlt: "Veggie Pizza"},
-        {
-          id: "p3",          name: "Margherita",          price: "20 AED",          imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-wooden-board-with-glass-cocktail_114579-2669.jpg",          imageAlt: "Margherita"},
-        {
-          id: "p4",          name: "BBQ Chicken",          price: "28 AED",          imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-table_140725-8752.jpg",          imageAlt: "BBQ Chicken"},
-        {
-          id: "p5",          name: "Meat Feast",          price: "30 AED",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-salami-pizza-stand-with-knife-tomatoes-olives-bell-pepper-black-table_141793-13186.jpg",          imageAlt: "Meat Feast"},
-        {
-          id: "p6",          name: "Hawaiian",          price: "24 AED",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-pizza_23-2151946420.jpg",          imageAlt: "Hawaiian"},
+        { id: "p1", name: "Pepperoni Pizza", price: "25 AED", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-pizza-wooden-cutting-board-left-side-dark-blue-surface-with-free-space_179666-42379.jpg", onProductClick: addToCart("Pepperoni Pizza") },
+        { id: "p2", name: "Veggie Pizza", price: "22 AED", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-concept_23-2148643464.jpg", onProductClick: addToCart("Veggie Pizza") },
+        { id: "p3", name: "Margherita", price: "20 AED", imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-wooden-board-with-glass-cocktail_114579-2669.jpg", onProductClick: addToCart("Margherita") },
+        { id: "p4", name: "BBQ Chicken", price: "28 AED", imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-table_140725-8752.jpg", onProductClick: addToCart("BBQ Chicken") },
+        { id: "p5", name: "Meat Feast", price: "30 AED", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salami-pizza-stand-with-knife-tomatoes-olives-bell-pepper-black-table_141793-13186.jpg", onProductClick: addToCart("Meat Feast") },
+        { id: "p6", name: "Hawaiian", price: "24 AED", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-pizza_23-2151946420.jpg", onProductClick: addToCart("Hawaiian") },
       ]}
       title="Fresh Pizza"
       description="Hand-tossed and oven-baked goodness."
     />
   </div>
 
-  <div id="drinks" data-section="drinks">
+  <div id="drinks" data-section="drinks" className="relative z-20">
       <ProductCardThree
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
       products={[
-        {
-          id: "d1",          name: "Coca-Cola",          price: "5 AED",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cold-drink-cola-with-ice-cubes_1150-26260.jpg",          imageAlt: "Coca-Cola"},
-        {
-          id: "d2",          name: "Fresh Orange Juice",          price: "10 AED",          imageSrc: "http://img.b2bpic.net/free-photo/detox-drink-with-orange-slices_23-2148683613.jpg",          imageAlt: "Orange Juice"},
-        {
-          id: "d3",          name: "Water",          price: "2 AED",          imageSrc: "http://img.b2bpic.net/free-photo/iced-cola-table_1339-8470.jpg",          imageAlt: "Water"},
-        {
-          id: "d4",          name: "Iced Tea",          price: "8 AED",          imageSrc: "http://img.b2bpic.net/free-photo/coke-glass_74190-4442.jpg",          imageAlt: "Iced Tea"},
-        {
-          id: "d5",          name: "Lemonade",          price: "7 AED",          imageSrc: "http://img.b2bpic.net/free-photo/smoothie-fruits-wooden-tabletop_23-2147778323.jpg",          imageAlt: "Lemonade"},
-        {
-          id: "d6",          name: "Energy Drink",          price: "12 AED",          imageSrc: "http://img.b2bpic.net/free-photo/glass-coke-with-ice-cubes_181624-31300.jpg",          imageAlt: "Energy Drink"},
+        { id: "d1", name: "Coca-Cola", price: "5 AED", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cold-drink-cola-with-ice-cubes_1150-26260.jpg", onProductClick: addToCart("Coca-Cola") },
+        { id: "d2", name: "Fresh Orange Juice", price: "10 AED", imageSrc: "http://img.b2bpic.net/free-photo/detox-drink-with-orange-slices_23-2148683613.jpg", onProductClick: addToCart("Fresh Orange Juice") },
+        { id: "d3", name: "Water", price: "2 AED", imageSrc: "http://img.b2bpic.net/free-photo/iced-cola-table_1339-8470.jpg", onProductClick: addToCart("Water") },
+        { id: "d4", name: "Iced Tea", price: "8 AED", imageSrc: "http://img.b2bpic.net/free-photo/coke-glass_74190-4442.jpg", onProductClick: addToCart("Iced Tea") },
+        { id: "d5", name: "Lemonade", price: "7 AED", imageSrc: "http://img.b2bpic.net/free-photo/smoothie-fruits-wooden-tabletop_23-2147778323.jpg", onProductClick: addToCart("Lemonade") },
+        { id: "d6", name: "Energy Drink", price: "12 AED", imageSrc: "http://img.b2bpic.net/free-photo/glass-coke-with-ice-cubes_181624-31300.jpg", onProductClick: addToCart("Energy Drink") },
       ]}
       title="Drinks & Refreshments"
       description="Stay cool in the desert heat."
     />
   </div>
 
-  <div id="desserts" data-section="desserts">
+  <div id="desserts" data-section="desserts" className="relative z-20">
       <ProductCardThree
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
       products={[
-        {
-          id: "s1",          name: "Chocolate Cake",          price: "12 AED",          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-with-copy-space_23-2148485332.jpg",          imageAlt: "Chocolate Cake"},
-        {
-          id: "s2",          name: "Ice Cream",          price: "8 AED",          imageSrc: "http://img.b2bpic.net/free-photo/caramel-ring-milkshake-wooden-plate-marble-table_114579-24202.jpg",          imageAlt: "Ice Cream"},
-        {
-          id: "s3",          name: "Kunafa",          price: "15 AED",          imageSrc: "http://img.b2bpic.net/free-photo/variety-sweet-cakes-wooden-piece-high-quality-photo_114579-68015.jpg",          imageAlt: "Kunafa"},
-        {
-          id: "s4",          name: "Cheesecake",          price: "14 AED",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-concept_23-2148769216.jpg",          imageAlt: "Cheesecake"},
-        {
-          id: "s5",          name: "Brownie",          price: "10 AED",          imageSrc: "http://img.b2bpic.net/free-photo/assortment-pieces-cake_114579-30737.jpg",          imageAlt: "Brownie"},
-        {
-          id: "s6",          name: "Fruit Salad",          price: "9 AED",          imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-balls-served-cup_140725-6229.jpg",          imageAlt: "Fruit Salad"},
+        { id: "s1", name: "Chocolate Cake", price: "12 AED", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-with-copy-space_23-2148485332.jpg", onProductClick: addToCart("Chocolate Cake") },
+        { id: "s2", name: "Ice Cream", price: "8 AED", imageSrc: "http://img.b2bpic.net/free-photo/caramel-ring-milkshake-wooden-plate-marble-table_114579-24202.jpg", onProductClick: addToCart("Ice Cream") },
+        { id: "s3", name: "Kunafa", price: "15 AED", imageSrc: "http://img.b2bpic.net/free-photo/variety-sweet-cakes-wooden-piece-high-quality-photo_114579-68015.jpg", onProductClick: addToCart("Kunafa") },
+        { id: "s4", name: "Cheesecake", price: "14 AED", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-concept_23-2148769216.jpg", onProductClick: addToCart("Cheesecake") },
+        { id: "s5", name: "Brownie", price: "10 AED", imageSrc: "http://img.b2bpic.net/free-photo/assortment-pieces-cake_114579-30737.jpg", onProductClick: addToCart("Brownie") },
+        { id: "s6", name: "Fruit Salad", price: "9 AED", imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-balls-served-cup_140725-6229.jpg", onProductClick: addToCart("Fruit Salad") },
       ]}
       title="Sweet Treats"
       description="The perfect ending to your meal."
     />
   </div>
 
-  <div id="deals" data-section="deals">
+  <div id="deals" data-section="deals" className="relative z-20">
       <PricingCardEight
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
       plans={[
-        {
-          id: "deal1",          badge: "Hot",          price: "25 AED",          subtitle: "Spicy Burger + Fries + Drink",          buttons: [
-            {
-              text: "Add to Cart"},
-          ],
-          features: [
-            "Quick",            "Delicious"],
-        },
-        {
-          id: "deal2",          badge: "Hot",          price: "50 AED",          subtitle: "2 Burgers + 2 Drinks + 1 Pizza",          buttons: [
-            {
-              text: "Add to Cart"},
-          ],
-          features: [
-            "Family Friendly",            "Big Saving"],
-        },
-        {
-          id: "deal3",          badge: "Hot",          price: "20 AED",          subtitle: "Any Burger + Drink",          buttons: [
-            {
-              text: "Add to Cart"},
-          ],
-          features: [
-            "Student Saver",            "Satisfying"],
-        },
+        { id: "deal1", badge: "Hot", price: "25 AED", subtitle: "Spicy Burger + Fries + Drink", buttons: [{ text: "Add to Cart", onClick: addToCart("Deal 1") }], features: ["Quick", "Delicious"] },
+        { id: "deal2", badge: "Hot", price: "50 AED", subtitle: "2 Burgers + 2 Drinks + 1 Pizza", buttons: [{ text: "Add to Cart", onClick: addToCart("Deal 2") }], features: ["Family Friendly", "Big Saving"] },
+        { id: "deal3", badge: "Hot", price: "20 AED", subtitle: "Any Burger + Drink", buttons: [{ text: "Add to Cart", onClick: addToCart("Deal 3") }], features: ["Student Saver", "Satisfying"] },
       ]}
       title="Limited Time Deals"
       description="Unbeatable combos you shouldn't miss."
     />
   </div>
 
-  <div id="contact" data-section="contact">
+  <div id="contact" data-section="contact" className="relative z-10">
       <ContactSplitForm
       useInvertedBackground={false}
       title="Get in Touch"
       description="We are located in Sharjah. Contact us for delivery."
       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: "Order special requests..."}}
+      textarea={{ name: "message", placeholder: "Order special requests..." }}
       imageSrc="http://img.b2bpic.net/free-photo/table-with-food-thanksgiving-day-event_23-2148632534.jpg"
       mediaPosition="right"
     />
   </div>
 
-  <div id="footer" data-section="footer">
+  <div id="footer" data-section="footer" className="relative z-10">
       <FooterMedia
       imageSrc="http://img.b2bpic.net/free-photo/front-view-meat-burger-with-fries-ketchup-mayonnaise-stand-with-knife_141793-12201.jpg"
       logoText="Desert Bite"
       columns={[
-        {
-          title: "Links",          items: [
-            {
-              label: "Menu",              href: "#burgers"},
-            {
-              label: "Deals",              href: "#deals"},
-          ],
-        },
-        {
-          title: "Social",          items: [
-            {
-              label: "Instagram",              href: "#"},
-            {
-              label: "Twitter",              href: "#"},
-          ],
-        },
+        { title: "Links", items: [{ label: "Menu", href: "#burgers" }, { label: "Deals", href: "#deals" }] },
+        { title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file