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:57:24 +00:00
parent be82339cc9
commit 75504b6743
1 changed files with 13 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/app/page.tsx
View File

@@ -1,7 +1,7 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars'; import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import TagAbout from '@/components/sections/about/TagAbout'; import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen'; import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
@@ -14,13 +14,6 @@ import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap, CheckCircle, Sparkles, Award, Crown } from "lucide-react"; import { Zap, CheckCircle, Sparkles, Award, Crown } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
const scrollToSection = (sectionId: string) => {
const element = document.getElementById(sectionId);
if (element) {
element.scrollIntoView({ behavior: 'smooth' });
}
};
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="expand-hover" defaultButtonVariant="expand-hover"
@@ -35,7 +28,7 @@ export default function LandingPage() {
headingFontWeight="extrabold" headingFontWeight="extrabold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleFullscreen
navItems={[ navItems={[
{ name: "Hero", id: "hero" }, { name: "Hero", id: "hero" },
{ name: "About", id: "about" }, { name: "About", id: "about" },
@@ -43,10 +36,9 @@ export default function LandingPage() {
{ name: "Products", id: "products" }, { name: "Products", id: "products" },
{ name: "Pricing", id: "pricing" } { name: "Pricing", id: "pricing" }
]} ]}
button={{
text: "Shop Now", href: "products", onClick: () => scrollToSection('products')
}}
brandName="Edgetabs" brandName="Edgetabs"
bottomLeftText="Global Community"
bottomRightText="hello@edgetabs.com"
/> />
</div> </div>
@@ -58,10 +50,10 @@ export default function LandingPage() {
tagIcon={Zap} tagIcon={Zap}
buttons={[ buttons={[
{ {
text: "Shop Now and Power Your Day", href: "products", onClick: () => scrollToSection('products') text: "Shop Now and Power Your Day", href: "products"
}, },
{ {
text: "Learn More", href: "about", onClick: () => scrollToSection('about') text: "Learn More", href: "about"
} }
]} ]}
imageSrc="https://img.b2bpic.net/free-photo/traditional-italian-dessert-tiramisu-glasses-top-view_114579-9837.jpg" imageSrc="https://img.b2bpic.net/free-photo/traditional-italian-dessert-tiramisu-glasses-top-view_114579-9837.jpg"
@@ -97,7 +89,7 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
buttons={[ buttons={[
{ {
text: "Learn More", href: "products", onClick: () => scrollToSection('products') text: "Learn More", href: "products"
} }
]} ]}
features={[ features={[
@@ -155,10 +147,10 @@ export default function LandingPage() {
id: "starter", badge: "Starter", badgeIcon: Sparkles, id: "starter", badge: "Starter", badgeIcon: Sparkles,
price: "$14.99", subtitle: "Perfect for first-time energy seekers", buttons: [ price: "$14.99", subtitle: "Perfect for first-time energy seekers", buttons: [
{ {
text: "Get Started", href: "products", onClick: () => scrollToSection('products') text: "Get Started", href: "products"
}, },
{ {
text: "Learn More", href: "features", onClick: () => scrollToSection('features') text: "Learn More", href: "features"
} }
], ],
features: [ features: [
@@ -169,10 +161,10 @@ export default function LandingPage() {
id: "pro", badge: "🏆 MOST POPULAR", badgeIcon: Crown, id: "pro", badge: "🏆 MOST POPULAR", badgeIcon: Crown,
price: "$27.99", subtitle: "Ideal for daily energy consumers", buttons: [ price: "$27.99", subtitle: "Ideal for daily energy consumers", buttons: [
{ {
text: "Save 7%", href: "products", onClick: () => scrollToSection('products') text: "Save 7%", href: "products"
}, },
{ {
text: "Learn More", href: "features", onClick: () => scrollToSection('features') text: "Learn More", href: "features"
} }
], ],
features: [ features: [
@@ -183,10 +175,10 @@ export default function LandingPage() {
id: "ultimate", badge: "Ultimate", badgeIcon: Zap, id: "ultimate", badge: "Ultimate", badgeIcon: Zap,
price: "$39.99", subtitle: "Maximum savings for committed users", buttons: [ price: "$39.99", subtitle: "Maximum savings for committed users", buttons: [
{ {
text: "Save 13%", href: "products", onClick: () => scrollToSection('products') text: "Save 13%", href: "products"
}, },
{ {
text: "Learn More", href: "features", onClick: () => scrollToSection('features') text: "Learn More", href: "features"
} }
], ],
features: [ features: [