405 lines
14 KiB
TypeScript
405 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
|
|
import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
|
|
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import ProductCardFive from '@/components/sections/product/ProductCardFive';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="gradient-subtle"
|
|
primaryButtonStyle="outline"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Edgotabs"
|
|
button={{
|
|
text: "Shop Now",
|
|
href: "#pricing"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoCarousel
|
|
logoText="Edgotabs"
|
|
description="Premium energy & wellness tabs. Feel the difference with every dose."
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450503456-n755hzev.jpg",
|
|
imageAlt: "Edgotabs premium product bottle"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450503983-u2vstpoh.jpg",
|
|
imageAlt: "Edgotabs herbal supplement tin"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630861346-zs6rp46h.jpg",
|
|
imageAlt: "Edgotabs wellness product packaging"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630861625-yypcsgpn.jpg",
|
|
imageAlt: "Edgotabs supplement container"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501963-tpqqsdz5.jpg",
|
|
imageAlt: "Edgotabs natural health product"
|
|
}
|
|
]}
|
|
logoLineHeight={1.1}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFive
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "10k+",
|
|
description: "Customers enjoying premium wellness tabs monthly"
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "98%",
|
|
description: "Positive reviews from verified purchasers"
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "3x",
|
|
description: "More energy per dose vs. leading competitors"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
title="Why Edgotabs Wins"
|
|
description="Trusted by thousands seeking real results"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEighteen
|
|
title="Feel the Difference"
|
|
description="See how Edgotabs transforms your daily energy and wellness routine."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
negativeCard={{
|
|
title: "Without Edgotabs",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630862198-z73p8m94.jpg",
|
|
imageAlt: "Low energy without supplement",
|
|
items: [
|
|
"Afternoon energy crashes",
|
|
"Brain fog and fatigue",
|
|
"Inconsistent wellness support",
|
|
"No real results"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
title: "With Edgotabs",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630862609-wdfq5mwk.jpg",
|
|
imageAlt: "High energy with Edgotabs",
|
|
items: [
|
|
"Sustained energy all day",
|
|
"Sharp mental clarity",
|
|
"Consistent daily wellness",
|
|
"Real, noticeable results"
|
|
]
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Choose Your Bundle"
|
|
description="Stock up and save more. All plans include fast shipping and 30-day guarantee."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
plans={[
|
|
{
|
|
id: "1",
|
|
price: "$24.99",
|
|
name: "Single Tin",
|
|
buttons: [
|
|
{
|
|
text: "Add to Cart",
|
|
href: "#"
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "#"
|
|
}
|
|
],
|
|
features: [
|
|
"30 servings per tin",
|
|
"Premium formula",
|
|
"Free shipping on orders $50+",
|
|
"30-day money-back guarantee"
|
|
]
|
|
},
|
|
{
|
|
id: "2",
|
|
price: "$47.99",
|
|
name: "Duo Bundle",
|
|
buttons: [
|
|
{
|
|
text: "Add to Cart",
|
|
href: "#"
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "#"
|
|
}
|
|
],
|
|
features: [
|
|
"2 tins (save 4%)",
|
|
"60 total servings",
|
|
"Premium formula",
|
|
"Free expedited shipping",
|
|
"30-day guarantee"
|
|
]
|
|
},
|
|
{
|
|
id: "3",
|
|
badge: "Best Value",
|
|
badgeIcon: Sparkles,
|
|
price: "$64.99",
|
|
name: "Triple Power",
|
|
buttons: [
|
|
{
|
|
text: "Add to Cart",
|
|
href: "#"
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "#"
|
|
}
|
|
],
|
|
features: [
|
|
"3 tins (save 12%)",
|
|
"90 total servings",
|
|
"Premium formula",
|
|
"Free priority shipping",
|
|
"60-day guarantee",
|
|
"Exclusive perks"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="subscription" data-section="subscription">
|
|
<ProductCardFive
|
|
title="Subscribe & Save 10%"
|
|
description="Never run out. Get Edgotabs delivered automatically, cancel anytime."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "sub-monthly",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450503456-n755hzev.jpg",
|
|
imageAlt: "Monthly subscription",
|
|
button: {
|
|
text: "Subscribe Monthly"
|
|
}
|
|
},
|
|
{
|
|
id: "sub-quarterly",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630861346-zs6rp46h.jpg",
|
|
imageAlt: "Quarterly subscription",
|
|
button: {
|
|
text: "Subscribe Quarterly"
|
|
}
|
|
},
|
|
{
|
|
id: "sub-annual",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501963-tpqqsdz5.jpg",
|
|
imageAlt: "Annual subscription",
|
|
button: {
|
|
text: "Subscribe Yearly"
|
|
}
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="★★★★★ Loved by Thousands"
|
|
description="Real customers, real results. See why Edgotabs is the #1 choice for wellness."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson",
|
|
handle: "@sarahwellness",
|
|
testimonial: "Finally found a product that actually works. My energy levels are incredible, and I love the convenience of the tabs. Highly recommend!",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548855749-1s9q3nay.jpg"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen",
|
|
handle: "@mikehealth",
|
|
testimonial: "Been using Edgotabs for 3 months. The results speak for themselves. No crash, no jitters, just pure sustained energy. Life-changing.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630863150-2bk258kg.jpg"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez",
|
|
handle: "@emilyactive",
|
|
testimonial: "Perfect for my busy lifestyle. I take Edgotabs before my workout and the boost is noticeable. Better than any other supplement I've tried.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767457181837-ubk7965l.jpg"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
handle: "@davidproductive",
|
|
testimonial: "As someone who's tried everything, Edgotabs stands out. The quality is obvious, and the customer service is exceptional. 10/10.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630863615-wbhl7qmr.jpg"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jessica Martinez",
|
|
handle: "@jessicafitness",
|
|
testimonial: "Amazing product. I've recommended it to all my friends. Finally a wellness tab that delivers consistent, reliable results.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630863976-i7uvb30i.jpg"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Thomas Lewis",
|
|
handle: "@thomaswell",
|
|
testimonial: "Outstanding quality and incredible customer service. This is the premium supplement I've been searching for. Worth every penny.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630864436-8cl9y2w0.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Questions? We're Here to Help"
|
|
description="Get in touch with our team. We respond within 24 hours and love hearing from our customers."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us how we can help...",
|
|
rows: 5,
|
|
required: true
|
|
}}
|
|
buttonText="Send Message"
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630865017-4dvod0gk.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Edgotabs"
|
|
copyrightText="© 2025 Edgotabs. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Product",
|
|
items: [
|
|
{
|
|
label: "Shop",
|
|
href: "#pricing"
|
|
},
|
|
{
|
|
label: "Bundles",
|
|
href: "#pricing"
|
|
},
|
|
{
|
|
label: "Subscribe",
|
|
href: "#subscription"
|
|
},
|
|
{
|
|
label: "About",
|
|
href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Contact",
|
|
href: "#contact"
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Shipping",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Returns",
|
|
href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Terms",
|
|
href: "#"
|
|
},
|
|
{
|
|
label: "Disclaimer",
|
|
href: "#"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |