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"
@@ -87,7 +94,7 @@ export default function LandingPage() {
           animationType="slide-up"
           buttons={[
             {
-              text: "Shop",              href: "#products"
+              text: "Learn More",              onClick: () => scrollToSection('products')
             }
           ]}
           features={[
@@ -259,7 +266,7 @@ export default function LandingPage() {
           text="Ready to experience clean energy without the crash?"
           animationType="entrance-slide"
           inputPlaceholder="Enter your email for exclusive deals"
-          buttonText="Join Our Energy Community"
+          buttonText="Join Community"
           useInvertedBackground="invertCard"
         />
       </div>