331 lines
14 KiB
TypeScript
331 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import PricingCardFour from '@/components/sections/pricing/PricingCardFour';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
|
import { Star, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="solid-accent"
|
|
primaryButtonStyle="outline"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Edgetabs"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Benefits", id: "features" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Get Edge", href: "pricing" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Unlock Your Edge. Pure Focus. Pure Energy."
|
|
description="Edgetabs delivers clinically-dosed performance supplements in a convenient tin. Rated 4.8★ by 2,000+ customers who demand results."
|
|
tag="LOW ON STOCK"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546571-39ecp4cp.jpg",
|
|
imageAlt: "Edgetabs supplement tin product"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548723578-w60m1lng.jpg",
|
|
imageAlt: "Athlete using Edgetabs for peak performance"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548555812-77uz93py.jpg",
|
|
imageAlt: "Focus and concentration with Edgetabs"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Get Edge Now", href: "pricing" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<ParallaxAbout
|
|
title="Why Athletes Choose Edgetabs"
|
|
description="Engineered for performance. No fillers. No compromises. Just the edge you need to dominate your day—whether in the gym, at your desk, or on the field."
|
|
tag="The Edge Difference"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546071-wp7uovv5.jpg"
|
|
imageAlt="Edgetabs premium supplement tin packaging"
|
|
buttons={[
|
|
{ text: "View All Benefits", href: "features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
title="What Makes Edgetabs Different"
|
|
description="Designed for peak performance. Every ingredient chosen for efficacy, every dosage optimized for results."
|
|
tag="Performance Science"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: "01",
|
|
title: "Clinical Dosing",
|
|
description: "Each ingredient dosed at levels shown to deliver real results in peer-reviewed studies.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546571-39ecp4cp.jpg",
|
|
imageAlt: "Clinical dosing"
|
|
},
|
|
{
|
|
id: "02",
|
|
title: "Fast-Acting Formula",
|
|
description: "Feel the difference in 20 minutes. Sustained energy and focus for up to 6 hours.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548555812-77uz93py.jpg",
|
|
imageAlt: "Fast-acting formula"
|
|
},
|
|
{
|
|
id: "03",
|
|
title: "Premium Quality",
|
|
description: "No artificial colors, no mystery ingredients. Third-party tested. GMP certified.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546071-wp7uovv5.jpg",
|
|
imageAlt: "Premium quality"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFour
|
|
title="Choose Your Pack"
|
|
tag="Bundle & Save"
|
|
tagIcon={Sparkles}
|
|
ctaCards={[
|
|
{
|
|
title: "Questions?",
|
|
description: "Chat with our team about your performance goals and we'll recommend the perfect plan.",
|
|
href: "contact"
|
|
},
|
|
{
|
|
title: "Subscribe & Save",
|
|
description: "Lock in 10% off with auto-delivery. Cancel anytime, no questions asked.",
|
|
href: "pricing"
|
|
}
|
|
]}
|
|
plans={[
|
|
{
|
|
id: "one-tin",
|
|
name: "One Tin",
|
|
price: "$39.99",
|
|
subtitle: "Get started with Edgetabs—30 servings of pure edge.",
|
|
features: [
|
|
"30 servings per tin",
|
|
"Clinical-dose energy blend",
|
|
"Free shipping on orders $50+"
|
|
]
|
|
},
|
|
{
|
|
id: "two-tins",
|
|
name: "Two Tins",
|
|
price: "$74.99",
|
|
subtitle: "Save $5 with our 2-pack. Stack your edge.",
|
|
features: [
|
|
"60 servings total",
|
|
"Save $5 (12% off)",
|
|
"Free shipping included",
|
|
"Stagger delivery option"
|
|
]
|
|
},
|
|
{
|
|
id: "three-tins",
|
|
name: "Three Tins Bundle",
|
|
price: "$99.99",
|
|
subtitle: "Best Value—save $20 and never run out of your edge.",
|
|
features: [
|
|
"90 servings total",
|
|
"Save $20 (25% off)",
|
|
"Free priority shipping",
|
|
"VIP bundle pricing lock"
|
|
]
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Trusted by 2,000+ Performance Athletes"
|
|
description="Real people. Real results. Read why Edgetabs is the go-to supplement for anyone serious about their edge."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Marcus R.",
|
|
handle: "Gym owner, Boston MA",
|
|
testimonial: "First tin and I felt the difference immediately. My gym members noticed my workouts got more intense. Now we're buying Edgetabs in bulk.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548724608-9531nwz5.jpg",
|
|
imageAlt: "Marcus R. testimonial"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Sarah Chen",
|
|
handle: "Founder, Tech startup",
|
|
testimonial: "As someone who runs on coffee and ambition, Edgetabs gives me clean, sustained focus without the crash. Essential for back-to-back meetings.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548724920-41vl8kxp.jpg",
|
|
imageAlt: "Sarah Chen testimonial"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "James T.",
|
|
handle: "Competitive cyclist",
|
|
testimonial: "Been using Edgetabs for 6 months. Better endurance, sharper mental clarity on long rides. This is the only supplement I trust.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548725248-4vwztkdd.jpg",
|
|
imageAlt: "James T. testimonial"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Alex P.",
|
|
handle: "Personal trainer",
|
|
testimonial: "I recommend Edgetabs to every client. No jitters, no crash, just pure performance. The quality is unmatched at this price.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548725564-j48d73y0.jpg",
|
|
imageAlt: "Alex P. testimonial"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jordan M.",
|
|
handle: "College athlete",
|
|
testimonial: "Edgetabs helped me crush my PRs this season. Clean energy, zero bloat, totally reliable. Already on my second bundle.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548574598-qrzp73sr.jpg",
|
|
imageAlt: "Jordan M. testimonial"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Nina S.",
|
|
handle: "Fitness influencer",
|
|
testimonial: "I've tried everything. Edgetabs is the real deal. My followers ask about it daily. Transparency and results—that's why I recommend it.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378010628-m83xd3m3.jpg",
|
|
imageAlt: "Nina S. testimonial"
|
|
}
|
|
]}
|
|
speed={30}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Common Questions About Edgetabs"
|
|
sideDescription="Everything you need to know before placing your order."
|
|
textPosition="left"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How long does it take to feel the effects?",
|
|
content: "Most users report noticing increased energy and focus within 20-30 minutes of taking Edgetabs. Peak effects occur around 45-60 minutes and last 5-6 hours on average."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Can I take Edgetabs every day?",
|
|
content: "Yes, Edgetabs is formulated for daily use. Many customers take one tin per month as part of their routine. We recommend not exceeding 2 servings per day."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What if I don't like it?",
|
|
content: "We offer a 30-day money-back guarantee, no questions asked. If Edgetabs doesn't deliver your edge, we'll refund your entire purchase."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "How does subscription work?",
|
|
content: "Subscribe to auto-delivery and save 10% on every order. We'll ship a fresh tin every month on your schedule. Cancel anytime—no penalty, no hassle."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Is Edgetabs safe?",
|
|
content: "Edgetabs is GMP certified, third-party tested, and contains only clinically-studied ingredients. All components are listed transparently. Not for persons under 18."
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Will I build a tolerance?",
|
|
content: "Edgetabs works differently than stimulant-based supplements. Many users report consistent results over months. Some take 'tolerance breaks' monthly to reset."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Performance Tips"
|
|
title="Get Your Edge Newsletter"
|
|
description="Weekly strategies, supplement science, and exclusive member-only discounts. Join 2,000+ athletes optimizing their performance."
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548723966-qf6sb2wu.jpg"
|
|
imageAlt="Edgetabs newsletter signup"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Subscribe Now"
|
|
termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive marketing emails from Edgetabs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548726139-i437wvk0.jpg"
|
|
imageAlt="Edgetabs footer background"
|
|
logoText="Edgetabs"
|
|
copyrightText="© 2025 Edgetabs. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Product",
|
|
items: [
|
|
{ label: "Pricing", href: "pricing" },
|
|
{ label: "Benefits", href: "features" },
|
|
{ label: "Reviews", href: "testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "FAQ", href: "faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#privacy" },
|
|
{ label: "Terms of Service", href: "#terms" },
|
|
{ label: "Shipping & Returns", href: "#shipping" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |