Merge version_1 into main #2
221
src/app/page.tsx
221
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, BarChart, Award, Gift } from "lucide-react";
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
@@ -32,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "about",
|
||||
},
|
||||
name: "How it Works", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Rewards",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Rewards", id: "metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="E-Recycle"
|
||||
/>
|
||||
@@ -62,33 +53,21 @@ export default function LandingPage() {
|
||||
description="Register your location, track your collection impact, and redeem exclusive rewards. Join collectors making sustainability profitable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up as a Collector",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Sign Up as a Collector", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg"
|
||||
imageAlt="E-waste collection dashboard"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-freelancer-working-from-home-using-financial-graphs_482257-119054.jpg",
|
||||
alt: "African american freelancer working from home using financial graphs",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-freelancer-working-from-home-using-financial-graphs_482257-119054.jpg", alt: "African american freelancer working from home using financial graphs"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
|
||||
alt: "Businessman studying infographics and performance metrics",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg", alt: "Businessman studying infographics and performance metrics"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
||||
alt: "Close up of modern laptop with rate charts on display",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", alt: "Close up of modern laptop with rate charts on display"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-graphs-figures-laptop-left-open-desk-empty-office_482257-84546.jpg",
|
||||
alt: "Business graphs and figures on laptop left open on desk in empty office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-graphs-figures-laptop-left-open-desk-empty-office_482257-84546.jpg", alt: "Business graphs and figures on laptop left open on desk in empty office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg",
|
||||
alt: "Cheerful handsome businessman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-handsome-businessman_1262-21003.jpg", alt: "Cheerful handsome businessman"},
|
||||
]}
|
||||
avatarText="Join 12,000+ active collectors"
|
||||
/>
|
||||
@@ -100,8 +79,7 @@ export default function LandingPage() {
|
||||
title="Simplifying Sustainability for Everyone"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,33 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Scheduling",
|
||||
description: "Auto-optimized collection routes for your specific location.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plastic-bag-beside-globe_23-2148889879.jpg",
|
||||
imageAlt: "logistics management recycling",
|
||||
},
|
||||
title: "Smart Scheduling", description: "Auto-optimized collection routes for your specific location.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plastic-bag-beside-globe_23-2148889879.jpg", imageAlt: "logistics management recycling"},
|
||||
{
|
||||
title: "Impact Tracking",
|
||||
description: "Real-time visibility into the environmental weight of your waste.",
|
||||
buttonIcon: "BarChart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg?_wi=2",
|
||||
imageAlt: "logistics management recycling",
|
||||
},
|
||||
title: "Impact Tracking", description: "Real-time visibility into the environmental weight of your waste.", buttonIcon: BarChart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg", imageAlt: "logistics management recycling"},
|
||||
{
|
||||
title: "Performance Scoring",
|
||||
description: "Climb the leaderboard with every successful pickup.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-united-multiethnic-team-posing-office-hall_1262-20246.jpg?_wi=1",
|
||||
imageAlt: "logistics management recycling",
|
||||
},
|
||||
title: "Performance Scoring", description: "Climb the leaderboard with every successful pickup.", buttonIcon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-united-multiethnic-team-posing-office-hall_1262-20246.jpg", imageAlt: "logistics management recycling"},
|
||||
{
|
||||
title: "Instant Rewards",
|
||||
description: "Earn credits and discounts from environmental partners.",
|
||||
buttonIcon: "Gift",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg?_wi=1",
|
||||
imageAlt: "logistics management recycling",
|
||||
},
|
||||
title: "Instant Rewards", description: "Earn credits and discounts from environmental partners.", buttonIcon: Gift,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg", imageAlt: "logistics management recycling"},
|
||||
]}
|
||||
title="Core Platform Capabilities"
|
||||
description="Powerful tools to manage, track, and monetize your collection efforts."
|
||||
@@ -153,20 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500T+",
|
||||
description: "E-Waste Recycled",
|
||||
},
|
||||
id: "m1", value: "500T+", description: "E-Waste Recycled"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12K+",
|
||||
description: "Active Collectors",
|
||||
},
|
||||
id: "m2", value: "12K+", description: "Active Collectors"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$2M+",
|
||||
description: "Rewards Distributed",
|
||||
},
|
||||
id: "m3", value: "$2M+", description: "Rewards Distributed"},
|
||||
]}
|
||||
title="Our Collective Impact"
|
||||
description="We are turning the tide on electronic waste together."
|
||||
@@ -179,45 +132,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Seamless Process",
|
||||
quote: "The platform made it so easy to manage my small store's waste logistics.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Owner, Retail Hub",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-united-multiethnic-team-posing-office-hall_1262-20246.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Seamless Process", quote: "The platform made it so easy to manage my small store's waste logistics.", name: "Sarah Johnson", role: "Owner, Retail Hub", imageSrc: "http://img.b2bpic.net/free-photo/happy-united-multiethnic-team-posing-office-hall_1262-20246.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Real Profits",
|
||||
quote: "The rewards program is a game changer for my local business margins.",
|
||||
name: "Michael Chen",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "Real Profits", quote: "The rewards program is a game changer for my local business margins.", name: "Michael Chen", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Reliable Pickup",
|
||||
quote: "Scheduling has never been more predictable, increasing my impact score.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Logistics Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-worker-with-walkie-talkie_23-2152001521.jpg",
|
||||
},
|
||||
id: "3", title: "Reliable Pickup", quote: "Scheduling has never been more predictable, increasing my impact score.", name: "Emily Rodriguez", role: "Logistics Lead", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-worker-with-walkie-talkie_23-2152001521.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Sustainability Leader",
|
||||
quote: "My company is finally recognized for our green initiatives.",
|
||||
name: "David Kim",
|
||||
role: "Office Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
id: "4", title: "Sustainability Leader", quote: "My company is finally recognized for our green initiatives.", name: "David Kim", role: "Office Manager", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Great Community",
|
||||
quote: "Love the leaderboard and the transparency of the whole system.",
|
||||
name: "Jessica Lee",
|
||||
role: "Green Advocate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
},
|
||||
id: "5", title: "Great Community", quote: "Love the leaderboard and the transparency of the whole system.", name: "Jessica Lee", role: "Green Advocate", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
|
||||
]}
|
||||
title="What Collectors Are Saying"
|
||||
description="Hear from partners who are profiting from sustainability."
|
||||
@@ -230,20 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Who can be a collector?",
|
||||
content: "Individual households, businesses, and retail locations can join.",
|
||||
},
|
||||
id: "q1", title: "Who can be a collector?", content: "Individual households, businesses, and retail locations can join."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How are rewards redeemed?",
|
||||
content: "Rewards are managed through your profile and credited to your connected bank or partner account.",
|
||||
},
|
||||
id: "q2", title: "How are rewards redeemed?", content: "Rewards are managed through your profile and credited to your connected bank or partner account."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the collection service free?",
|
||||
content: "Our service is free for registered collectors who maintain active usage.",
|
||||
},
|
||||
id: "q3", title: "Is the collection service free?", content: "Our service is free for registered collectors who maintain active usage."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers about our collection and reward processes."
|
||||
@@ -260,35 +174,11 @@ export default function LandingPage() {
|
||||
description="Updates on sustainability and marketplace performance."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "News",
|
||||
title: "Circular Economy Growth 2024",
|
||||
excerpt: "Trends driving e-waste recycling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg",
|
||||
authorName: "Team E-Recycle",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/handsome-afroamerican-man-smiling_23-2148508920.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
id: "b1", category: "News", title: "Circular Economy Growth 2024", excerpt: "Trends driving e-waste recycling.", imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg", authorName: "Team E-Recycle", authorAvatar: "http://img.b2bpic.net/free-photo/handsome-afroamerican-man-smiling_23-2148508920.jpg", date: "Oct 12, 2024"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Education",
|
||||
title: "Sorting E-Waste Correctly",
|
||||
excerpt: "Maximizing your environmental impact score.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-arrows-pointing-circle_23-2148490549.jpg",
|
||||
authorName: "Team E-Recycle",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/man-with-glasses-holding-tablet_23-2148422238.jpg",
|
||||
date: "Oct 05, 2024",
|
||||
},
|
||||
id: "b2", category: "Education", title: "Sorting E-Waste Correctly", excerpt: "Maximizing your environmental impact score.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-arrows-pointing-circle_23-2148490549.jpg", authorName: "Team E-Recycle", authorAvatar: "http://img.b2bpic.net/free-photo/man-with-glasses-holding-tablet_23-2148422238.jpg", date: "Oct 05, 2024"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Rewards",
|
||||
title: "New Partner Perks",
|
||||
excerpt: "Check out our newest retail reward partners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950166.jpg",
|
||||
authorName: "Team E-Recycle",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12826.jpg",
|
||||
date: "Sep 28, 2024",
|
||||
},
|
||||
id: "b3", category: "Rewards", title: "New Partner Perks", excerpt: "Check out our newest retail reward partners.", imageSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950166.jpg", authorName: "Team E-Recycle", authorAvatar: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12826.jpg", date: "Sep 28, 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -297,13 +187,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Join the growing network of responsible collectors today and start turning your waste into tangible rewards."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up as a Collector",
|
||||
},
|
||||
text: "Sign Up as a Collector"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -313,42 +201,27 @@ export default function LandingPage() {
|
||||
logoText="E-Recycle"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Rewards",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Rewards", href: "#metrics"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Insights",
|
||||
href: "#blog",
|
||||
},
|
||||
label: "Insights", href: "#blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user