diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5fb8891..daad5e1 100644
--- a/src/app/page.tsx
+++ b/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"
@@ -87,7 +94,7 @@ export default function LandingPage() {
           animationType="slide-up"
           buttons={[
             {
-              text: "Learn More",              href: "#products"
+              text: "Learn More",              onClick: () => scrollToSection('products')
             }
           ]}
           features={[