276 lines
16 KiB
TypeScript
276 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { AlertCircle, Leaf, Package, Heart, HelpCircle, Sparkles, TrendingUp, Users, Wind, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "How It Works", id: "features" },
|
|
{ name: "Impact", id: "metrics" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{ text: "Sign Up", href: "contact" }}
|
|
brandName="GreenCycle RI"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Turn Your Kitchen Scraps Into Community Gold"
|
|
description="Weekly curbside compost pickup that transforms food waste into thriving soil for Rhode Island gardens. Making sustainability simple for households, schools, and local organizations."
|
|
tag="Rhode Island's Student-Led Solution"
|
|
tagIcon={Leaf}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
leftCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/houseplant-soil-plant-potting_53876-127029.jpg?_wi=1", imageAlt: "Organic compost and soil" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-pizza-office-by-car-side-view-woman-holding-boxes-pile-lunch-delivery-service-employee-headphones-carrying-fastfood-standing-near-company-building-outdoors_482257-60799.jpg", imageAlt: "Compost collection service" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/people-planting-vegetables-garden-bed_23-2152021015.jpg?_wi=1", imageAlt: "Community garden with finished compost" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-planet-your-hands-save-earth_1150-12733.jpg?_wi=1", imageAlt: "Sustainable environmental practices" }
|
|
]}
|
|
rightCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/tablet-computer-men-hands-man-presses-blank-screen-tablet-computer-concept-man-working-from-home-using-tablet-computer-free-space-text-top-view-copy-space_1423-211.jpg?_wi=1", imageAlt: "Easy pickup process" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-planet-your-hands-save-earth_1150-12733.jpg?_wi=2", imageAlt: "Sustainability impact" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/houseplant-soil-plant-potting_53876-127029.jpg?_wi=2", imageAlt: "Finished compost soil" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/people-planting-vegetables-garden-bed_23-2152021015.jpg?_wi=2", imageAlt: "Community gardens benefit" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Start Your Subscription", href: "contact" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Making composting the default in" },
|
|
{ type: "text", content: "Rhode Island neighborhoods" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Explore Our Story", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
title="How GreenCycle Works"
|
|
description="Simple, convenient, and transparent. We handle the heavy lifting so you can focus on making a difference."
|
|
tag="Our Process"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/tablet-computer-men-hands-man-presses-blank-screen-tablet-computer-concept-man-working-from-home-using-tablet-computer-free-space-text-top-view-copy-space_1423-211.jpg?_wi=2"
|
|
imageAlt="GreenCycle collection process"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Weekly or Biweekly Pickup", content: "Set out your sealed compost container on pickup day. Our student crew collects it from your curb—no drop-off required. We replace it with a fresh, clean container."
|
|
},
|
|
{
|
|
id: "2", title: "Community Processing", content: "Your scraps are transported to local compost partner sites like the West End Compost Hub. There, they're turned into nutrient-rich soil through careful composting processes."
|
|
},
|
|
{
|
|
id: "3", title: "Compost Returns to Community", content: "Finished compost is distributed to local gardens and community members each spring. Your food scraps become thriving plants in Rhode Island neighborhoods."
|
|
},
|
|
{
|
|
id: "4", title: "Zero Waste Impact", content: "Help divert food waste from landfills—where it produces harmful methane. Every household subscriber prevents approximately 150 pounds of food waste annually from entering the waste stream."
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Join Now", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="The Impact of Food Waste"
|
|
description="Rhode Island faces a critical waste challenge. Together, we're solving it."
|
|
tag="Why This Matters"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "1", value: "100K", title: "tons", description: "Food waste to RI landfills annually", icon: AlertCircle },
|
|
{ id: "2", value: "58%", title: "of emissions", description: "From landfilled food waste (EPA data)", icon: Wind },
|
|
{ id: "3", value: "190", title: "subscribers", description: "Our Year 1 target diverting waste together", icon: Users },
|
|
{ id: "4", value: "$20.8K", title: "revenue", description: "Supporting sustainable operations and growth", icon: Zap }
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More About Our Mission", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Simple, Affordable Pricing"
|
|
description="Choose the subscription plan that fits your lifestyle. Cancel anytime."
|
|
tag="Flexible Plans"
|
|
tagIcon={Package}
|
|
tagAnimation="slide-up"
|
|
plans={[
|
|
{
|
|
id: "biweekly", title: "Biweekly Pickup", price: "$15", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/people-planting-vegetables-garden-bed_23-2152021015.jpg?_wi=3", imageAlt: "Biweekly compost plan", button: { text: "Subscribe Now", href: "contact" },
|
|
features: [
|
|
"Pickup every 2 weeks", "Sealed container provided", "Accepted materials guide", "Spring compost return option"
|
|
]
|
|
},
|
|
{
|
|
id: "weekly", title: "Weekly Pickup", price: "$25", period: "/month", imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-planet-your-hands-save-earth_1150-12733.jpg?_wi=3", imageAlt: "Weekly compost plan", button: { text: "Subscribe Now", href: "contact" },
|
|
features: [
|
|
"Weekly pickup service", "Sealed container provided", "Priority placement", "Spring compost return option", "Community impact tracking"
|
|
]
|
|
},
|
|
{
|
|
id: "school", title: "School/Organization", price: "Custom", period: "pricing", imageSrc: "http://img.b2bpic.net/free-photo/houseplant-soil-plant-potting_53876-127029.jpg?_wi=3", imageAlt: "Organizational composting", button: { text: "Get Quote", href: "contact" },
|
|
features: [
|
|
"Tailored collection schedule", "Multiple containers", "Event waste management", "Educational partnership", "Organics diversion compliance"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "View All Benefits", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardSixteen
|
|
title="What Our Community Says"
|
|
description="Real stories from households and organizations making a difference with GreenCycle RI."
|
|
tag="Community Voices"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{ id: "1", name: "Maria Rodriguez", role: "Homeowner", company: "Providence", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Maria Rodriguez testimonial" },
|
|
{ id: "2", name: "James Chen", role: "Community Garden Coordinator", company: "Cranston Green Space", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "James Chen testimonial" },
|
|
{ id: "3", name: "Sarah Patterson", role: "School Administrator", company: "Cranston High School", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "Sarah Patterson testimonial" },
|
|
{ id: "4", name: "David Kim", role: "Sustainability Advocate", company: "RI Environmental Council", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-happy-face-portrait-close-up_53876-139608.jpg", imageAlt: "David Kim testimonial" },
|
|
{ id: "5", name: "Emily White", role: "Busy Professional", company: "Providence", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-child-hugging-their-parents_1098-890.jpg", imageAlt: "Emily White testimonial" },
|
|
{ id: "6", name: "Marcus Thompson", role: "Sustainability Teacher", company: "Providence Schools", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man_1268-21877.jpg", imageAlt: "Marcus Thompson testimonial" }
|
|
]}
|
|
kpiItems={[
|
|
{ value: "190+", label: "Target Subscribers Year 1" },
|
|
{ value: "28K", label: "Tons Diverted Potential" },
|
|
{ value: "100%", label: "Community Return Promise" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Have questions about GreenCycle RI? We've got answers."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What materials can I compost?", content: "Fruit and vegetable scraps, coffee grounds, tea bags, plant-based food waste, and yard trimmings. <strong>Avoid</strong> meat, dairy, oils, and plastics. We provide a detailed accepted materials list with your signup kit."
|
|
},
|
|
{
|
|
id: "2", title: "How often are pickups?", content: "You choose! Biweekly pickup is $15/month, or weekly pickup is $25/month. Both include a fresh sealed container replacement at each pickup."
|
|
},
|
|
{
|
|
id: "3", title: "Can I pause or cancel anytime?", content: "Yes. There are no long-term contracts. You can pause your subscription during winter months or cancel anytime through your online account or by contacting us."
|
|
},
|
|
{
|
|
id: "4", title: "Do I get compost back?", content: "Yes! Subscribers receive finished compost back in spring. We also offer a 'return compost' benefit where you can pick up finished soil from local gardens or community hubs."
|
|
},
|
|
{
|
|
id: "5", title: "How is GreenCycle RI sustainable?", content: "We operate with student labor for cost efficiency, use short neighborhood routes to minimize fuel, and partner with established compost hubs. A fixed % of compost is returned to community gardens and donated to households in need."
|
|
},
|
|
{
|
|
id: "6", title: "What about contamination?", content: "We provide clear guidelines. Repeat contamination triggers feedback tags and temporary pause if issues persist. We work with you to ensure success!"
|
|
},
|
|
{
|
|
id: "7", title: "Is this service available in my neighborhood?", content: "We're launching in Cranston and Providence neighborhoods in Spring/Summer 2026. Sign up for our waitlist to be notified when service reaches your area."
|
|
},
|
|
{
|
|
id: "8", title: "How can my school or organization participate?", content: "Schools and organizations can arrange custom pickup schedules for organics diversion compliance. Contact us for a tailored quote and partnership details."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="GreenCycle RI"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "About", href: "about" },
|
|
{ label: "How It Works", href: "features" },
|
|
{ label: "Impact", href: "metrics" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Pricing", href: "pricing" },
|
|
{ label: "FAQ", href: "faq" },
|
|
{ label: "Subscribe", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact Us", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|