Update src/app/page.tsx

src/app/page.tsx

@@ -14,6 +14,13 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import { Zap, CheckCircle, Sparkles, Award, Crown } from "lucide-react";
 
 export default function LandingPage() {
+  const scrollToSection = (sectionId: string) => {
+    const element = document.getElementById(sectionId);
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -31,7 +38,7 @@ export default function LandingPage() {
         <NavbarStyleMinimal
           brandName="Edgetabs"
           button={{
-            text: "Shop Now",            href: "#products"
+            text: "Shop Now",            href: "products",            onClick: () => scrollToSection('products')
           }}
         />
       </div>
@@ -44,10 +51,10 @@ export default function LandingPage() {
           tagIcon={Zap}
           buttons={[
             {
-              text: "Shop Now and Power Your Day",              href: "#products"
+              text: "Shop Now and Power Your Day",              href: "products",              onClick: () => scrollToSection('products')
             },
             {
-              text: "Learn More",              href: "#about"
+              text: "Learn More",              href: "about",              onClick: () => scrollToSection('about')
             }
           ]}
           imageSrc="https://img.b2bpic.net/free-photo/traditional-italian-dessert-tiramisu-glasses-top-view_114579-9837.jpg"
@@ -87,7 +94,7 @@ export default function LandingPage() {
           animationType="slide-up"
           buttons={[
             {
-              text: "Shop",              href: "#products"
+              text: "Learn More",              href: "products",              onClick: () => scrollToSection('products')
             }
           ]}
           features={[
@@ -120,10 +127,10 @@ export default function LandingPage() {
           gridVariant="three-columns-all-equal-width"
           products={[
             {
-              id: "single",              name: "Single Tin (10 Strips)",              price: "$14.99",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-nuts-milk-carton-arrangement_23-2149139375.jpg",              imageAlt: "Edgetabs single tin with 10 strips",              initialQuantity: 1
+              id: "bundle2x",              name: "Bundle 2x (20 Strips) 🏆 BEST SELLER",              price: "$27.99",              imageSrc: "https://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-36418.jpg",              imageAlt: "Edgetabs 2x bundle with 20 strips - most popular choice",              initialQuantity: 1
             },
             {
-              id: "bundle2x",              name: "Bundle 2x (20 Strips) 🏆 BEST SELLER",              price: "$27.99",              imageSrc: "https://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-36418.jpg",              imageAlt: "Edgetabs 2x bundle with 20 strips - most popular choice",              initialQuantity: 1
+              id: "single",              name: "Single Tin (10 Strips)",              price: "$14.99",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-nuts-milk-carton-arrangement_23-2149139375.jpg",              imageAlt: "Edgetabs single tin with 10 strips",              initialQuantity: 1
             },
             {
               id: "bundle3x",              name: "Bundle 3x (30 Strips)",              price: "$39.99",              imageSrc: "https://img.b2bpic.net/free-photo/view-arrangement-with-pills-marble-table_23-2148427763.jpg",              imageAlt: "Edgetabs 3x bundle with 30 strips",              initialQuantity: 1
@@ -145,10 +152,10 @@ export default function LandingPage() {
               id: "starter",              badge: "Starter",              badgeIcon: Sparkles,
               price: "$14.99",              subtitle: "Perfect for first-time energy seekers",              buttons: [
                 {
-                  text: "Get Started",                  href: "#products"
+                  text: "Get Started",                  href: "products",                  onClick: () => scrollToSection('products')
                 },
                 {
-                  text: "Learn More",                  href: "#features"
+                  text: "Learn More",                  href: "features",                  onClick: () => scrollToSection('features')
                 }
               ],
               features: [
@@ -159,10 +166,10 @@ export default function LandingPage() {
               id: "pro",              badge: "🏆 MOST POPULAR",              badgeIcon: Crown,
               price: "$27.99",              subtitle: "Ideal for daily energy consumers",              buttons: [
                 {
-                  text: "Save 7%",                  href: "#products"
+                  text: "Save 7%",                  href: "products",                  onClick: () => scrollToSection('products')
                 },
                 {
-                  text: "Learn More",                  href: "#features"
+                  text: "Learn More",                  href: "features",                  onClick: () => scrollToSection('features')
                 }
               ],
               features: [
@@ -173,10 +180,10 @@ export default function LandingPage() {
               id: "ultimate",              badge: "Ultimate",              badgeIcon: Zap,
               price: "$39.99",              subtitle: "Maximum savings for committed users",              buttons: [
                 {
-                  text: "Save 13%",                  href: "#products"
+                  text: "Save 13%",                  href: "products",                  onClick: () => scrollToSection('products')
                 },
                 {
-                  text: "Learn More",                  href: "#features"
+                  text: "Learn More",                  href: "features",                  onClick: () => scrollToSection('features')
                 }
               ],
               features: [
@@ -272,26 +279,26 @@ export default function LandingPage() {
             {
               title: "Products",              items: [
                 {
-                  label: "Single Tin",                  href: "#products"
+                  label: "Single Tin",                  href: "products"
                 },
                 {
-                  label: "2x Bundle",                  href: "#products"
+                  label: "2x Bundle",                  href: "products"
                 },
                 {
-                  label: "3x Bundle",                  href: "#products"
+                  label: "3x Bundle",                  href: "products"
                 }
               ]
             },
             {
               title: "Company",              items: [
                 {
-                  label: "About Us",                  href: "#about"
+                  label: "About Us",                  href: "about"
                 },
                 {
                   label: "Blog",                  href: "#blog"
                 },
                 {
-                  label: "Contact",                  href: "#contact"
+                  label: "Contact",                  href: "contact"
                 }
               ]
             },