Update src/app/page.tsx
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
"use client";
|
||||
|
||||
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 TagAbout from '@/components/sections/about/TagAbout';
|
||||
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";
|
||||
|
||||
export default function LandingPage() {
|
||||
const scrollToSection = (sectionId: string) => {
|
||||
const element = document.getElementById(sectionId);
|
||||
if (element) {
|
||||
element.scrollIntoView({ behavior: 'smooth' });
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -35,7 +28,7 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Hero", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
@@ -43,10 +36,9 @@ export default function LandingPage() {
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" }
|
||||
]}
|
||||
button={{
|
||||
text: "Shop Now", href: "products", onClick: () => scrollToSection('products')
|
||||
}}
|
||||
brandName="Edgetabs"
|
||||
bottomLeftText="Global Community"
|
||||
bottomRightText="hello@edgetabs.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,10 +50,10 @@ export default function LandingPage() {
|
||||
tagIcon={Zap}
|
||||
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"
|
||||
@@ -97,7 +89,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More", href: "products", onClick: () => scrollToSection('products')
|
||||
text: "Learn More", href: "products"
|
||||
}
|
||||
]}
|
||||
features={[
|
||||
@@ -155,10 +147,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", onClick: () => scrollToSection('products')
|
||||
text: "Get Started", href: "products"
|
||||
},
|
||||
{
|
||||
text: "Learn More", href: "features", onClick: () => scrollToSection('features')
|
||||
text: "Learn More", href: "features"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
@@ -169,10 +161,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", onClick: () => scrollToSection('products')
|
||||
text: "Save 7%", href: "products"
|
||||
},
|
||||
{
|
||||
text: "Learn More", href: "features", onClick: () => scrollToSection('features')
|
||||
text: "Learn More", href: "features"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
@@ -183,10 +175,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", onClick: () => scrollToSection('products')
|
||||
text: "Save 13%", href: "products"
|
||||
},
|
||||
{
|
||||
text: "Learn More", href: "features", onClick: () => scrollToSection('features')
|
||||
text: "Learn More", href: "features"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
|
||||
Reference in New Issue
Block a user