diff --git a/src/app/page.tsx b/src/app/page.tsx index 93831b9..466cb1b 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 ( scrollToSection('products') }} - navItems={[ - { name: "Home", id: "hero" }, - { name: "Why Edgetabs", id: "about" }, - { name: "Features", id: "features" }, - { name: "Products", id: "products" }, - { name: "Testimonials", id: "testimonials" }, - { name: "FAQ", id: "faq" }, - { name: "Contact", id: "contact" } - ]} /> @@ -53,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" @@ -96,7 +94,7 @@ export default function LandingPage() { animationType="slide-up" buttons={[ { - text: "Learn More", href: "products" + text: "Learn More", href: "products", onClick: () => scrollToSection('products') } ]} features={[ @@ -154,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: [ @@ -168,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: [ @@ -182,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: [