Merge version_2 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -31,20 +31,16 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
name: "Interior Design", id: "#"
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
name: "Architecture", id: "#"
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
name: "Landscaping", id: "#"
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
name: "Consultation", id: "#"
|
||||
},
|
||||
]}
|
||||
brandName="EarnFree"
|
||||
@@ -54,78 +50,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unlock Your Financial Potential for Free"
|
||||
description="Join the leading platform to earn money through simple, verified tasks from the comfort of your home. No investment required."
|
||||
kpis={[
|
||||
{
|
||||
value: "1.2M+",
|
||||
label: "Active Users",
|
||||
},
|
||||
value: "1.2M+", label: "Active Users"},
|
||||
{
|
||||
value: "$5M+",
|
||||
label: "Paid Out",
|
||||
},
|
||||
value: "$5M+", label: "Paid Out"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "User Rating",
|
||||
},
|
||||
value: "4.9/5", label: "User Rating"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Earning Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Earning Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461324.jpg"
|
||||
imageAlt="Financial growth interface"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137700.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137700.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6783.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6783.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Join 1M+ active earners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Payouts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Tasks",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Platform",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Access",
|
||||
},
|
||||
{ type: "text", text: "Instant Payouts" },
|
||||
{ type: "text", text: "Verified Tasks" },
|
||||
{ type: "text", text: "Secure Platform" },
|
||||
{ type: "text", text: "24/7 Support" },
|
||||
{ type: "text", text: "Global Access" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,31 +98,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Fast Tasks",
|
||||
description: "Complete short tasks in minutes.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Verified Security",
|
||||
description: "Your data and earnings are always safe.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Real-time Payouts",
|
||||
description: "Withdraw your earnings instantly to your wallet.",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Global Access",
|
||||
description: "Earn from anywhere in the world.",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "High Payouts",
|
||||
description: "Maximize your revenue with top-tier tasks.",
|
||||
},
|
||||
{ icon: Zap, title: "Fast Tasks", description: "Complete short tasks in minutes." },
|
||||
{ icon: Shield, title: "Verified Security", description: "Your data and earnings are always safe." },
|
||||
{ icon: Clock, title: "Real-time Payouts", description: "Withdraw your earnings instantly to your wallet." },
|
||||
{ icon: Globe, title: "Global Access", description: "Earn from anywhere in the world." },
|
||||
{ icon: TrendingUp, title: "High Payouts", description: "Maximize your revenue with top-tier tasks." },
|
||||
]}
|
||||
title="Why Choose Our Platform"
|
||||
description="We offer a seamless experience designed to maximize your earning potential while ensuring absolute transparency."
|
||||
@@ -174,21 +116,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1",
|
||||
description: "Create your account for free.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2",
|
||||
description: "Complete verified tasks daily.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "3",
|
||||
description: "Withdraw earnings to your bank.",
|
||||
},
|
||||
{ id: "1", value: "1", description: "Create your account for free." },
|
||||
{ id: "2", value: "2", description: "Complete verified tasks daily." },
|
||||
{ id: "3", value: "3", description: "Withdraw earnings to your bank." },
|
||||
]}
|
||||
title="Simple 3-Step Process"
|
||||
description="Getting started is easier than ever. Follow these steps to begin your journey."
|
||||
@@ -201,60 +131,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Full-time User",
|
||||
company: "Home Office",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Part-time Freelancer",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137700.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Remote Worker",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6783.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
role: "Digital Nomad",
|
||||
company: "Freelance Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Full-time User", company: "Home Office", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg?_wi=1" },
|
||||
{ id: "2", name: "Michael Chen", role: "Part-time Freelancer", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137700.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Remote Worker", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6783.jpg" },
|
||||
{ id: "5", name: "Anna Smith", role: "Digital Nomad", company: "Freelance Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg?_wi=2" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "95%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Platform Support",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Transparent Earnings",
|
||||
},
|
||||
{ value: "95%", label: "Customer Satisfaction" },
|
||||
{ value: "24/7", label: "Platform Support" },
|
||||
{ value: "100%", label: "Transparent Earnings" },
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="See what our active users have to say about their journey with us."
|
||||
@@ -266,21 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it really free?",
|
||||
content: "Yes, our platform is completely free to join and start working.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I withdraw money?",
|
||||
content: "You can withdraw via bank transfer, PayPal, or crypto wallet.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there daily limits?",
|
||||
content: "We offer a wide variety of tasks without strict daily limits.",
|
||||
},
|
||||
{ id: "q1", title: "Is it really free?", content: "Yes, our platform is completely free to join and start working." },
|
||||
{ id: "q2", title: "How do I withdraw money?", content: "You can withdraw via bank transfer, PayPal, or crypto wallet." },
|
||||
{ id: "q3", title: "Are there daily limits?", content: "We offer a wide variety of tasks without strict daily limits." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glitter-golden-sparkle-bursting-bokeh-effect-background_1017-41839.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -293,55 +167,36 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Now"
|
||||
title="Ready to Start Earning?"
|
||||
description="Sign up today and get your first bonus tasks instantly. The community is waiting for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Register Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Register Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterLogoEmphasis
|
||||
logoText="EarnFree Home Design"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Design Services", href: "#" },
|
||||
{ label: "Portfolio", href: "#" },
|
||||
{ label: "Career", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Contact Us", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 EarnFree Platform. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user