309 lines
22 KiB
TypeScript
309 lines
22 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { CheckCircle, Zap, Lightbulb, DollarSign, ArrowRight, Star, Crown } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="EarningPro"
|
|
navItems={[
|
|
{ name: "Strategies", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Testimonials", id: "testimonial" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Start Now", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Earn $50+ Daily From Home"
|
|
description="Discover proven strategies to generate consistent daily income through multiple revenue streams. Join thousands making real money online with our comprehensive platform and expert guidance."
|
|
tag="Limited Time Offer"
|
|
tagIcon={Zap}
|
|
background={{ variant: "glowing-orb" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/a-modern-clean-income-tracking-dashboard-1773216759196-50a849e7.png"
|
|
imageAlt="Income tracking dashboard with earnings metrics"
|
|
buttons={[
|
|
{ text: "Start Earning Now", href: "#pricing" },
|
|
{ text: "View Strategies", href: "#features" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Why Choose Us"
|
|
tagIcon={CheckCircle}
|
|
title="Real People, Real Results, Real Money"
|
|
description="Our platform has helped thousands of people build sustainable income streams without leaving their homes. We provide proven strategies, step-by-step guidance, and ongoing support to ensure your success. No experience needed—just dedication and our proven system."
|
|
metrics={[
|
|
{ value: "10K+", title: "Active Members" },
|
|
{ value: "$2.3M", title: "Total Earnings Generated" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/a-freelancer-working-on-a-laptop-with-mo-1773216759023-c9127dbb.png?_wi=1"
|
|
imageAlt="Successful freelancer earning money online"
|
|
useInvertedBackground={true}
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
title="Multiple Revenue Streams to Choose From"
|
|
description="Pick the strategies that work best for you. From freelancing to affiliate marketing, we've got everything covered."
|
|
tag="Strategies"
|
|
tagIcon={Lightbulb}
|
|
features={[
|
|
{
|
|
id: "1", title: "Freelance Services", description: "Offer your skills on platforms like Fiverr and Upwork. We show you how to set competitive rates, create winning profiles, and land high-paying clients consistently.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/a-freelancer-working-on-a-laptop-with-mo-1773216759023-c9127dbb.png?_wi=2"
|
|
},
|
|
items: [
|
|
{ icon: CheckCircle, text: "Complete profile optimization" },
|
|
{ icon: CheckCircle, text: "Pitch templates that convert" },
|
|
{ icon: CheckCircle, text: "Pricing strategies for $50+ daily" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "2", title: "Affiliate Marketing", description: "Earn commissions by promoting quality products. Learn to identify high-commission opportunities and build an audience that trusts your recommendations for passive income.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/a-person-managing-affiliate-marketing-ca-1773216760202-702eac7f.png"
|
|
},
|
|
items: [
|
|
{ icon: CheckCircle, text: "High-converting affiliate programs" },
|
|
{ icon: CheckCircle, text: "Content creation blueprints" },
|
|
{ icon: CheckCircle, text: "Tracking and optimization tools" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "3", title: "Content Monetization", description: "Turn your passion into profit across YouTube, TikTok, Instagram, and blogs. We provide growth hacks and monetization secrets used by top creators earning thousands monthly.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/content-creator-studio-setup-showing-mul-1773216759253-815bf1dd.png"
|
|
},
|
|
items: [
|
|
{ icon: CheckCircle, text: "Platform-specific growth tactics" },
|
|
{ icon: CheckCircle, text: "Multiple monetization streams setup" },
|
|
{ icon: CheckCircle, text: "Algorithm secrets for viral content" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "4", title: "E-Commerce & Dropshipping", description: "Launch your online store with zero inventory risk. Learn supplier sourcing, product selection, and marketing strategies that generate consistent daily sales.", media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/an-e-commerce-storefront-with-product-di-1773216758287-25234f58.png"
|
|
},
|
|
items: [
|
|
{ icon: CheckCircle, text: "Store setup and optimization" },
|
|
{ icon: CheckCircle, text: "Supplier verification process" },
|
|
{ icon: CheckCircle, text: "Facebook Ads & marketing playbooks" }
|
|
],
|
|
reverse: true
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted By Industry Leaders"
|
|
description="Join members already earning on these proven platforms"
|
|
tag="Verified Platforms"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={["Stripe", "PayPal", "Amazon Associates", "Shopify", "YouTube", "Twitch", "Google Ads", "Facebook Ads"]}
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/the-stripe-payment-logo-show-the-distinc-1773216757549-7eadd0a4.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/the-paypal-company-logo-display-the-icon-1773216757481-2db908b6.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/the-amazon-company-logo-with-the-distinc-1773216757983-4157162f.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/the-shopify-company-logo-display-the-dis-1773216757125-339b48a2.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/the-youtube-company-logo-with-the-distin-1773216757196-e5283a32.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/the-twitch-company-logo-with-the-distinc-1773216757849-1f5b7b50.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/the-google-company-logo-with-the-distinc-1773216757878-dad5b526.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/the-facebook-company-logo-with-the-disti-1773216758125-f28e619a.png"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
title="Simple, Transparent Pricing"
|
|
description="Choose the plan that fits your goals. Cancel anytime—no hidden fees."
|
|
tag="Pricing"
|
|
tagIcon={DollarSign}
|
|
plans={[
|
|
{
|
|
id: "starter", tag: "Starter Plan", price: "$29", period: "/month", description: "Perfect for beginners just starting their income journey.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "What's Included:", features: [
|
|
"Freelancing quick-start guide", "Basic affiliate marketing playbook", "Community forum access", "Monthly strategy calls"
|
|
]
|
|
},
|
|
{
|
|
id: "pro", tag: "Pro Plan", tagIcon: Star, price: "$79", period: "/month", description: "For serious earners ready to scale multiple income streams.", button: { text: "Choose Pro", href: "#contact" }, featuresTitle: "What's Included:", features: [
|
|
"All Starter features", "Content creation mastery course", "E-commerce & dropshipping blueprint", "Weekly 1-on-1 coaching", "Advanced analytics dashboard", "Email support priority", "Exclusive mastermind group"
|
|
]
|
|
},
|
|
{
|
|
id: "elite", tag: "Elite Plan", tagIcon: Crown, price: "$199", period: "/month", description: "VIP access with personal mentorship and premium tools.", button: { text: "Go Elite", href: "#contact" }, featuresTitle: "What's Included:", features: [
|
|
"All Pro features", "Personal success manager assigned", "Custom strategy development", "Twice-weekly private coaching", "Done-for-you content calendar", "Exclusive partnership opportunities", "Early access to new tools", "Lifetime access to all courses", "24/7 priority support"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardThirteen
|
|
title="Success Stories From Our Members"
|
|
description="Real people achieving their financial goals with our platform"
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marcus Johnson", handle: "@mjohnson", testimonial: "I went from zero online income to $2,000/month in just 3 months. The step-by-step guides and community support made all the difference. This platform is a game-changer!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/professional-headshot-of-a-successful-yo-1773216758021-e6d1920c.png?_wi=1", imageAlt: "Marcus Johnson testimonial"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Chen", handle: "@sarahcreates", testimonial: "The affiliate marketing section alone helped me generate $1,500+ daily. I've tried other courses, but this is the most comprehensive and actionable system I've ever seen.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/professional-headshot-of-a-middle-aged-b-1773216757789-0afabc0b.png?_wi=1", imageAlt: "Sarah Chen testimonial"
|
|
},
|
|
{
|
|
id: "3", name: "David Martinez", handle: "@davidworks", testimonial: "As someone with limited technical skills, I was skeptical. But the content creation course is so beginner-friendly. I'm now making $80+ daily from my YouTube channel!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/professional-headshot-of-a-young-female--1773216757453-af17f65b.png", imageAlt: "David Martinez testimonial"
|
|
},
|
|
{
|
|
id: "4", name: "Jennifer Lee", handle: "@jennifertech", testimonial: "The personalized coaching from the Elite plan was worth every penny. My freelancing income went from $500 to $4,000 monthly. I can finally work from anywhere!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/professional-headshot-of-a-diverse-busin-1773216757969-8ea4170c.png", imageAlt: "Jennifer Lee testimonial"
|
|
},
|
|
{
|
|
id: "5", name: "Alex Rodriguez", handle: "@alexearns", testimonial: "I love that there are multiple income streams to choose from. I'm now combining freelancing and affiliate marketing for a total of $3,200+ monthly income. Highly recommended!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/professional-headshot-of-a-successful-yo-1773216758021-e6d1920c.png?_wi=2", imageAlt: "Alex Rodriguez testimonial"
|
|
},
|
|
{
|
|
id: "6", name: "Emily Watson", handle: "@emilygrows", testimonial: "The e-commerce section helped me launch my first store. Within 2 months, I'm consistently earning $100+ daily. This is exactly what I needed to escape my 9-to-5!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3An7poSia9qXmo5Mr5iUcuMlE3C/professional-headshot-of-a-middle-aged-b-1773216757789-0afabc0b.png?_wi=2", imageAlt: "Emily Watson testimonial"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about getting started"
|
|
tag="Support"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do I need prior experience to start earning?", content: "Absolutely not! Our platform is designed for complete beginners. We provide step-by-step guides for every strategy, from freelancing to content creation. Many of our most successful members started with zero experience. All you need is dedication and our proven system."
|
|
},
|
|
{
|
|
id: "2", title: "How quickly can I start earning $50 daily?", content: "Most members see their first earnings within 2-4 weeks. However, the timeline depends on which strategy you choose and how much time you invest. Freelancing typically shows results fastest, while content creation takes longer but builds lasting passive income. We provide realistic timelines for each strategy."
|
|
},
|
|
{
|
|
id: "3", title: "What if I'm not satisfied with my progress?", content: "We offer a 30-day money-back guarantee on all plans. No questions asked. If you're not seeing progress or satisfied with the platform, we'll refund your entire membership. However, most members see measurable results within the first month when they follow our guidance."
|
|
},
|
|
{
|
|
id: "4", title: "Can I combine multiple income streams?", content: "Yes! In fact, that's what we recommend. Most successful members combine 2-3 strategies. For example, freelancing for immediate income + affiliate marketing for passive revenue + content creation for long-term growth. Our Pro and Elite plans specifically teach this multi-stream approach."
|
|
},
|
|
{
|
|
id: "5", title: "Is this a pyramid scheme or scam?", content: "Absolutely not. We're a legitimate education and community platform. We don't ask you to recruit people or pay to earn. You earn money directly from real platforms (Fiverr, YouTube, Shopify, etc.). We simply teach you proven strategies and provide ongoing support. Our 10K+ active members and $2.3M+ in documented earnings prove our legitimacy."
|
|
},
|
|
{
|
|
id: "6", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, and bank transfers. Your payment is secure and processed through industry-leading payment processors like Stripe. All transactions are encrypted and protected."
|
|
},
|
|
{
|
|
id: "7", title: "Do you offer refunds?", content: "Yes! We offer a full 30-day money-back guarantee on all membership plans. If you're not satisfied for any reason, request a refund and we'll process it within 48 hours. This shows our confidence in our platform and commitment to your success."
|
|
},
|
|
{
|
|
id: "8", title: "How much time do I need to invest daily?", content: "You can start with as little as 1-2 hours daily. Most members invest 3-5 hours daily and see $50+ income within weeks. The more time you invest initially, the faster you'll build income. Many eventually transition to part-time or passive income with less daily effort."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Start Earning?"
|
|
ctaDescription="Join thousands of successful members today. Choose your plan and start your income journey right now."
|
|
ctaButton={{ text: "Get Started Today", href: "#pricing" }}
|
|
ctaIcon={ArrowRight}
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Which plan should I choose?", content: "Start with the Starter plan if you're testing things out. Choose Pro if you want comprehensive training in multiple income streams. Go Elite for personalized coaching and guaranteed success. Most members upgrade to Pro after their first month of results."
|
|
},
|
|
{
|
|
id: "2", title: "When will I get access?", content: "You'll get instant access to all materials and the community forum immediately after purchase. Your account is activated within minutes, and you can start learning and earning right away. No waiting, no delays."
|
|
},
|
|
{
|
|
id: "3", title: "Is there a contract or commitment?", content: "Nope! Cancel anytime, no contract. We're so confident in our value that we don't lock you in. Most members stay because they're seeing real results, not because they have to. Try us risk-free with our 30-day guarantee."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="EarningPro"
|
|
copyrightText="© 2025 EarningPro. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Platform", items: [
|
|
{ label: "Strategies", href: "#features" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Testimonials", href: "#testimonial" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Disclaimer", href: "#" },
|
|
{ label: "Contact Support", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|