"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>
  );
}
