Initial commit
This commit is contained in:
405
src/app/page.tsx
Normal file
405
src/app/page.tsx
Normal file
@@ -0,0 +1,405 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user