development/da6334b0-559d-4ce9-8dd9-b172e4c4d9a3
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
development
2026-01-08 15:44:37 +00:00
parent 43e429a852
commit 5f61e07578
1 changed files with 22 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/page.tsx
View File

@@ -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"
@@ -30,18 +37,19 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleMinimal
brandName="Edgetabs"
button={{
text: "Shop Now", href: "products"
}}
links={[
navItems={[
{ name: "Home", id: "hero" },
{ name: "Why Edgetabs", id: "about" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
button={{
text: "Shop Now", href: "products", onClick: () => scrollToSection('products')
}}
/>
</div>
@@ -53,10 +61,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 +104,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 +162,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 +176,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 +190,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: [