Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -13,6 +13,34 @@ import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { Activity, Mail, Target, Trophy, Zap } from "lucide-react";
 
 export default function LandingPage() {
+  const handleTipsClick = () => {
+    const element = document.getElementById("tips");
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+
+  const handleOddsClick = () => {
+    const element = document.getElementById("odds");
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+
+  const handleAnalysisClick = () => {
+    const element = document.getElementById("tips");
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+
+  const handleContactClick = () => {
+    const element = document.getElementById("contact");
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
@@ -35,7 +63,7 @@ export default function LandingPage() {
             { name: "Analysis", id: "analysis" },
             { name: "Stats", id: "metrics" }
           ]}
-          button={{ text: "Get Started", href: "#contact" }}
+          button={{ text: "Get Started", onClick: handleContactClick }}
           animateOnLoad={true}
           className="bg-background border border-accent/20"
         />
@@ -53,8 +81,8 @@ export default function LandingPage() {
           showBlur={true}
           showDimOverlay={true}
           buttons={[
-            { text: "Start Predicting", href: "#tips" },
-            { text: "View Odds", href: "#odds" }
+            { text: "Start Predicting", onClick: handleTipsClick },
+            { text: "View Odds", onClick: handleOddsClick }
           ]}
           tagAnimation="slide-up"
           buttonAnimation="slide-up"
@@ -82,7 +110,7 @@ export default function LandingPage() {
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "Learn More", href: "#analysis" }]}
+          buttons={[{ text: "Learn More", onClick: handleAnalysisClick }]}
         />
       </div>
 
@@ -118,21 +146,21 @@ export default function LandingPage() {
           plans={[
             {
               id: "decimal",              badge: "Standard",              badgeIcon: Activity,
-              price: "1.50 - 3.50",              subtitle: "Decimal odds format",              buttons: [{ text: "Place Bet", href: "#contact" }],
+              price: "1.50 - 3.50",              subtitle: "Decimal odds format",              buttons: [{ text: "Place Bet", onClick: handleContactClick }],
               features: [
                 "Easy to calculate returns",                "Shows total payout amount",                "Most popular format",                "Real-time updates"
               ]
             },
             {
               id: "fractional",              badge: "Traditional",              badgeIcon: Target,
-              price: "1/2 - 7/2",              subtitle: "Fractional odds format",              buttons: [{ text: "Place Bet", href: "#contact" }],
+              price: "1/2 - 7/2",              subtitle: "Fractional odds format",              buttons: [{ text: "Place Bet", onClick: handleContactClick }],
               features: [
                 "Classic betting format",                "Shows profit ratio",                "Popular in UK",                "Risk/reward visible"
               ]
             },
             {
               id: "combo",              badge: "Advanced",              badgeIcon: Zap,
-              price: "1.85 - 4.20",              subtitle: "Combination bets",              buttons: [{ text: "Place Bet", href: "#contact" }],
+              price: "1.85 - 4.20",              subtitle: "Combination bets",              buttons: [{ text: "Place Bet", onClick: handleContactClick }],
               features: [
                 "Multiple match selections",                "Higher potential returns",                "Accumulator bets",                "Expert combinations"
               ]
@@ -210,10 +238,10 @@ export default function LandingPage() {
           columns={[
             {
               title: "Platform",              items: [
-                { label: "Tips", href: "#tips" },
-                { label: "Odds", href: "#odds" },
-                { label: "Analysis", href: "#analysis" },
-                { label: "Statistics", href: "#metrics" }
+                { label: "Tips", href: "tips" },
+                { label: "Odds", href: "odds" },
+                { label: "Analysis", href: "analysis" },
+                { label: "Statistics", href: "metrics" }
               ]
             },
             {
@@ -229,7 +257,7 @@ export default function LandingPage() {
                 { label: "Privacy Policy", href: "#" },
                 { label: "Terms of Service", href: "#" },
                 { label: "Responsible Gambling", href: "#" },
-                { label: "Contact", href: "#contact" }
+                { label: "Contact", href: "contact" }
               ]
             }
           ]}