Initial commit
This commit is contained in:
290
src/app/page.tsx
Normal file
290
src/app/page.tsx
Normal file
@@ -0,0 +1,290 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { AlertCircle, Sparkles, Award, TrendingUp, Instagram, Twitter, Linkedin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="dotGrid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="outline"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Edgetabs"
|
||||
navItems={[
|
||||
{ name: "Why Edgetabs", id: "about" },
|
||||
{ name: "Benefits", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
button={{
|
||||
text: "Buy Now",
|
||||
href: "pricing"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Unlock Peak Performance. Reclaim Your Edge."
|
||||
description="Advanced nootropic supplement designed for sustained focus, energy, and mental clarity. Trusted by 2,000+ high-performers."
|
||||
tag="LOW ON STOCK"
|
||||
tagIcon={AlertCircle}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548313614-6wubqh5c.jpg"
|
||||
imageAlt="Edgetabs premium supplement product"
|
||||
textPosition="center"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
buttons={[
|
||||
{ text: "Get Edge Now", href: "pricing" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaSplitTabsAbout
|
||||
title="Why Athletes & Professionals Choose Edgetabs"
|
||||
description="Science-backed formulation meets premium quality."
|
||||
tabs={[
|
||||
{
|
||||
id: "formula",
|
||||
label: "Proven Formula",
|
||||
description: "Every ingredient is precisely dosed to optimize cognitive function and sustained energy without crashes. Clinically validated at therapeutic levels."
|
||||
},
|
||||
{
|
||||
id: "benefits",
|
||||
label: "Real Results",
|
||||
description: "Users report 40% faster mental processing, 3+ hours of sustained energy, and improved decision-making under pressure. Results visible within 2 weeks."
|
||||
},
|
||||
{
|
||||
id: "purity",
|
||||
label: "100% Clean",
|
||||
description: "No fillers, no crash-inducing stimulants, no synthetic additives. Third-party tested for purity and potency. Non-GMO, vegan-friendly."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548555812-77uz93py.jpg"
|
||||
imageAlt="Athlete experiencing peak performance"
|
||||
imagePosition="right"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
title="The Science Behind Your Edge"
|
||||
description="Three core benefits that set Edgetabs apart from the competition."
|
||||
features={[
|
||||
{
|
||||
id: "01",
|
||||
title: "Laser Focus",
|
||||
description: "Proprietary blend of L-theanine and Alpha-GPC sharpens mental clarity and eliminates distractions. Stay locked in for hours.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548557065-ccwaelak.jpg",
|
||||
imageAlt: "Mental clarity and focus illustration"
|
||||
},
|
||||
{
|
||||
id: "02",
|
||||
title: "Clean Energy",
|
||||
description: "Natural caffeine from green tea extract delivers sustained energy without jitters or afternoon crashes. Smooth, predictable performance.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548556607-jll8003d.jpg",
|
||||
imageAlt: "Energy boost and vitality"
|
||||
},
|
||||
{
|
||||
id: "03",
|
||||
title: "Endurance",
|
||||
description: "Rhodiola and bacopa reduce mental fatigue, allowing you to maintain peak performance throughout demanding days. Work smarter, longer.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548314237-asndkjzr.jpg",
|
||||
imageAlt: "Premium ingredients and formulation"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
title="Choose Your Performance Plan"
|
||||
description="Single purchase or subscription – flexible options to match your needs."
|
||||
tag="Premium Pricing"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
plans={[
|
||||
{
|
||||
id: "single-tin",
|
||||
badge: "Single Purchase",
|
||||
price: "$49.99",
|
||||
subtitle: "Try it out, risk-free",
|
||||
buttons: [
|
||||
{ text: "Buy Single Tin", href: "#checkout" },
|
||||
{ text: "Learn More", href: "#faq" }
|
||||
],
|
||||
features: [
|
||||
"30 daily servings",
|
||||
"30-day money-back guarantee",
|
||||
"Free shipping on orders $50+",
|
||||
"Standard processing"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "double-tin",
|
||||
badge: "Save 15%",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$84.99",
|
||||
subtitle: "Stock up and save",
|
||||
buttons: [
|
||||
{ text: "Buy 2 Tins", href: "#checkout" },
|
||||
{ text: "Learn More", href: "#faq" }
|
||||
],
|
||||
features: [
|
||||
"60 daily servings (2 months)",
|
||||
"Save $15 vs. single purchase",
|
||||
"Free priority shipping",
|
||||
"30-day guarantee on each tin"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "triple-tin",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Award,
|
||||
price: "$119.99",
|
||||
subtitle: "Maximum savings and performance",
|
||||
buttons: [
|
||||
{ text: "Buy 3 Tins (Best Value)", href: "#checkout" },
|
||||
{ text: "Learn More", href: "#faq" }
|
||||
],
|
||||
features: [
|
||||
"90 daily servings (3 months)",
|
||||
"Save $30 vs. single purchase",
|
||||
"Free express shipping",
|
||||
"90-day satisfaction guarantee",
|
||||
"Bonus: Performance tracking guide"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "subscription",
|
||||
badge: "Save 25%",
|
||||
badgeIcon: TrendingUp,
|
||||
price: "$37.49",
|
||||
subtitle: "Monthly auto-delivery",
|
||||
buttons: [
|
||||
{ text: "Subscribe Monthly", href: "#checkout" },
|
||||
{ text: "How It Works", href: "#faq" }
|
||||
],
|
||||
features: [
|
||||
"30 daily servings per month",
|
||||
"25% discount on all orders",
|
||||
"Cancel anytime, no penalties",
|
||||
"Free priority shipping always",
|
||||
"Exclusive subscriber perks"
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Edgetabs completely transformed my work performance. I went from afternoon brain fog to sustained focus all day. This is the competitive edge I needed."
|
||||
rating={5}
|
||||
author="Alex Chen, Software Engineer"
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548560398-twfb8dkj.jpg", alt: "User avatar 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548561072-43094c4l.jpg", alt: "User avatar 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548561402-6ugg8m06.jpg", alt: "User avatar 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548561706-ydiypb7f.jpg", alt: "User avatar 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548562016-0eht9etv.jpg", alt: "User avatar 5" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548562232-qe4k1gmh.jpg", alt: "User avatar 6" }
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about Edgetabs and getting started."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How quickly will I feel the effects?",
|
||||
content: "Most users report noticing improved focus and energy within 30-45 minutes of the first dose. Peak effects (mental clarity, sustained energy) are typically felt within 1-2 weeks of consistent daily use as the formula accumulates in your system."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is it safe to use every day?",
|
||||
content: "Yes. Edgetabs is formulated for daily use with no habit-forming ingredients. All components are recognized as safe by the FDA and third-party tested. We recommend consulting with your physician if you have pre-existing medical conditions or take medications."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Will I get jittery or crash?",
|
||||
content: "No. Unlike energy drinks or high-caffeine supplements, Edgetabs uses a balanced blend designed to deliver smooth, sustained energy. The L-theanine content helps prevent jitters, and the formula has no sugar crash since it contains zero sugar and relies on sustained-release ingredients."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I stack this with other supplements?",
|
||||
content: "Edgetabs works well with most supplements. However, avoid combining with other high-caffeine products or strong nootropics without consulting your doctor. Our support team can provide personalized stacking recommendations—just reach out at support@edgetabs.com."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "How do I cancel my subscription?",
|
||||
content: "Cancel anytime with zero penalties. Log into your account dashboard, go to 'Subscriptions,' and select 'Cancel Subscription.' You'll receive your next shipment as scheduled; cancellation takes effect after that delivery. No questions asked."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "What's your return policy?",
|
||||
content: "We offer a 30-day money-back guarantee on all purchases. If you're not satisfied, contact our support team within 30 days of purchase with your order number. We'll process a full refund, no return shipping required."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to unlock your peak performance? Join 2,000+ high-performers who've made the switch to Edgetabs. Stock is limited—secure your supply today."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "pricing" },
|
||||
{ text: "Contact Support", href: "https://support.edgetabs.com" }
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Edgetabs"
|
||||
copyrightText="© 2025 Edgetabs. Performance redefined. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com/edgetabs", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "https://twitter.com/edgetabs", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com/company/edgetabs", ariaLabel: "LinkedIn" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user