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:47:16 +00:00
parent a9818f772d
commit 5373b53fd8
1 changed files with 35 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/app/page.tsx
View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -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,46 +37,51 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleMinimal
brandName="Edgetabs"
button={{
text: "Shop Now", href: "products"
}}
links={[
{ label: "Home", href: "hero" },
{ label: "Why Edgetabs", href: "about" },
{ label: "About", href: "about" },
{ label: "Features", href: "features" },
{ label: "Products", href: "products" },
{ label: "Pricing", href: "pricing" },
{ label: "Testimonials", href: "testimonials" },
{ label: "FAQ", href: "faq" },
{ label: "Contact", href: "contact" }
]}
button={{
text: "Shop Now", href: "products", onClick: () => scrollToSection('products')
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitAvatars
<HeroBillboardMetrics
title="Edgetabs: Clean Energy Without the Jitters"
description="50mg Caffeine + 30mg L-Theanine for a Smooth, Focused Boost. Feel the difference with our premium caffeine strips designed for sustained energy and mental clarity."
tag="Premium Supplement"
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"
imageAlt="Edgetabs caffeine supplement strip packaging"
imagePosition="right"
avatars={[
{ src: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", alt: "Professional user 1" },
{ src: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Professional user 2" },
{ src: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", alt: "Professional user 3" },
{ src: "https://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", alt: "Professional user 4" },
{ src: "https://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg", alt: "Professional user 5" }
frameStyle="card"
metricsLabel="Trusted by professionals, fitness enthusiasts, and students worldwide"
metrics={[
{
id: "1", value: "50mg", label: "Caffeine Per Strip"
},
{
id: "2", value: "30mg", label: "L-Theanine for Smoothness"
},
{
id: "3", value: "0 Jitters", label: "Clean Energy Promise"
}
]}
avatarText="Join 1,000+ professionals experiencing clean energy"
/>
</div>
@@ -92,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={[
@@ -150,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: [
@@ -164,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: [
@@ -178,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: [