"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Building, Building2, Car, GraduationCap, Heart, Leaf, Shield, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About Bill",          id: "/#about"},
        {
          name: "Platform",          id: "/#platform"},
        {
          name: "Impact",          id: "/#impact"},
        {
          name: "Support",          id: "/#support"},
        {
          name: "FAQ",          id: "/#faq"},
        {
          name: "Privacy Policy",          id: "/privacy-policy"},
      ]}
      brandName="Bill Chuan For Milpitas City Council 2026"
      button={{
        text: "Donate Now",        href: "/#donate"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "downward-rays-animated"}}
      imagePosition="right"
      title="BILL CHUAN"
      description='"BILL WILL" Create Change In Milpitas'
      tag="Listen · Lead · Deliver · Serve"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Join the Movement",          href: "https://forms.gle/VBCjHUsJUjnYTzRU6"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvGXLzddmglB3V2WpCjA3qNwyM/uploaded-1781053411255-kb523r5e.png"
      imageAlt="Bill Chuan smiling with a diverse Milpitas community in the background"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvGXLzddmglB3V2WpCjA3qNwyM/uploaded-1781053543915-dnw9t95o.jpg",          alt: "Milpitas resident smiling"},
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvGXLzddmglB3V2WpCjA3qNwyM/uploaded-1781053570794-tbq5tf05.jpg",          alt: "Community leader"},
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvGXLzddmglB3V2WpCjA3qNwyM/uploaded-1781053580515-jf2xk2tj.jpg",          alt: "Local business owner"},
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvGXLzddmglB3V2WpCjA3qNwyM/uploaded-1781053589489-tsfu5h0s.jpg",          alt: "Parent smiling"},
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvGXLzddmglB3V2WpCjA3qNwyM/uploaded-1781053599934-9sqpgcky.jpg",          alt: "Engaged citizen"},
      ]}
      avatarText="Trusted By Hundreds In Milpitas"
      marqueeItems={[
        {
          type: "text",          text: "Community First"},
        {
          type: "text-icon",          text: "Local Schools",          icon: GraduationCap,
        },
        {
          type: "text",          text: "Economic Growth"},
        {
          type: "text-icon",          text: "Public Safety",          icon: Shield,
        },
        {
          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvGXLzddmglB3V2WpCjA3qNwyM/uploaded-1781053670753-363vpvqi.jpg",          alt: "Milpitas City Hall"},
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="A Proven Voice for Milpitas"
      metrics={[
        {
          icon: Users,
          label: "Years in Public Service",          value: "15+"},
        {
          icon: Building,
          label: "Community Initiatives Led",          value: "200+"},
        {
          icon: Building2,
          label: "Successful Partnerships",          value: "50+"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="platform" data-section="platform">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "transparency",          title: "Open Government",          subtitle: "Ensuring transparency and accountability in all city decisions.",          category: "Core Value",          value: "Transparency",          buttons: [
            {
              text: "Learn More",              href: "/#platform"
            },
          ],
        },
        {
          id: "education",          title: "Strong Schools",          subtitle: "Advocating for better resources and support for our local schools.",          category: "Priority",          value: "Education",          buttons: [
            {
              text: "Learn More",              href: "/#platform"
            },
          ],
        },
        {
          id: "economy",          title: "Thriving Economy",          subtitle: "Fostering local businesses and creating economic opportunities for all.",          category: "Growth",          value: "Economy",          buttons: [
            {
              text: "Learn More",              href: "/#platform"
            },
          ],
        },
        {
          id: "safety",          title: "Safe Neighborhoods",          subtitle: "Working with law enforcement to ensure a safe community for every family.",          category: "Security",          value: "Safety",          buttons: [
            {
              text: "Learn More",              href: "/#platform"
            },
          ],
        },
      ]}
      title="Bill's Vision for Milpitas"
      description="Building a stronger, more vibrant Milpitas through dedicated action and community collaboration."
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          icon: Award,
          title: "Community Engagement Programs",          value: "15+"},
        {
          id: "m2",          icon: Leaf,
          title: "Local Environmental Initiatives",          value: "8"},
        {
          id: "m3",          icon: Car,
          title: "Youth Recreation Programs",          value: "10+"},
      ]}
      title="Making a Tangible Impact"
      description="Bill Chuan's dedication has translated into real, measurable progress for Milpitas residents."
    />
  </div>

  <div id="support" data-section="support">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Milpitas Chamber of Commerce",        "Milpitas Education Foundation",        "Milpitas Community Action Network",        "Milpitas Senior Center",        "Milpitas Youth Sports League",        "Milpitas Arts Council",        "Milpitas Health Alliance"]}
      title="Trusted by the Community"
      description="Bill Chuan proudly stands with various organizations and leaders committed to Milpitas's betterment."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "Milpitas Resident",          testimonial: "Bill truly listens to our concerns and takes action. His presence in the community is consistent and authentic.",          imageSrc: "http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891374.jpg"},
        {
          id: "2",          name: "Michael Chen",          role: "Community Organizer",          testimonial: "Working with Bill has shown me his deep commitment to Milpitas. He's the responsive partner our city needs.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-front-partner-tie-businessman_1262-2729.jpg"},
        {
          id: "3",          name: "Emily Rodriguez",          role: "Parent & Educator",          testimonial: "Bill cares about our schools and the quality of life for our children. He's a true advocate for younger families.",          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter_1157-6439.jpg"},
        {
          id: "4",          name: "David Kim",          role: "Local Business Owner",          testimonial: "Bill's vision for Milpitas's economy is exactly what we need. He supports local businesses and fosters growth.",          imageSrc: "http://img.b2bpic.net/free-photo/two-students-with-papers-communicating_23-2147657206.jpg"},
        {
          id: "5",          name: "Aisha Patel",          role: "Civic Volunteer",          testimonial: "Inspired by Bill's transparency and results-driven approach. It's an honor to stand with him for Milpitas.",          imageSrc: "http://img.b2bpic.net/free-photo/young-activists-taking-action_23-2149502763.jpg"},
        {
          id: "6",          name: "Robert Miller",          role: "Retired Educator",          testimonial: "Having seen many leaders, Bill Chuan stands out for his integrity and genuine desire to serve our city.",          imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310937.jpg"},
      ]}
      title="What Milpitas Says About Bill"
      description="Hear directly from residents, community leaders, and families who trust Bill Chuan to deliver for our city."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "What are Bill's top priorities for Milpitas?",          content: "Bill's top priorities include improving local education, fostering economic growth, ensuring public safety, and promoting transparent governance for all residents."},
        {
          id: "faq2",          title: "How can I get involved with the campaign?",          content: "There are many ways to get involved! You can volunteer your time, make a donation, or attend our upcoming community events. Visit our 'Volunteer' section for details."},
        {
          id: "faq3",          title: "Where does Bill stand on local development?",          content: "Bill supports responsible and sustainable development that benefits existing residents, prioritizes affordable housing, and enhances our city's infrastructure without compromising Milpitas's unique character."},
      ]}
      sideTitle="Common Questions"
      sideDescription="Find answers to frequently asked questions about Bill Chuan's campaign and his vision for Milpitas."
      buttons={[
        {
          text: "Contact Us",          href: "/#contact"},
      ]}
      buttonAnimation="slide-up"
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="donate" data-section="donate">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "support",          badge: "Every Contribution Matters",          badgeIcon: Heart,
          price: "Join the Movement",          subtitle: "Your support fuels Bill's fight for Milpitas. Every dollar helps us reach more voters and secure our city's future.",          buttons: [
            {
              text: "Donate Now",              href: "https://donate.stripe.com/28E9AT6u43dz6ccgUn7kc0"},
          ],
          features: [],
        },
      ]}
      title="Bill Will fight for Milpitas"
      description="Will you stand with him? Your contribution helps Bill Chuan bring honest leadership and tangible results to our city."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Be Part of Something Real"
      buttons={[
        {
          text: "Volunteer with the Campaign",          href: "https://forms.gle/VBCjHUsJUjnYTzRU6"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-photo/people-waiting-register-voting-united-states_23-2149096743.jpg"
      logoAlt="Bill Chuan for Milpitas City Council Logo"
      columns={[
        {
          items: [
            {
              label: "About Bill",              href: "/#about"},
            {
              label: "Platform",              href: "/#platform"},
            {
              label: "Impact",              href: "/#impact"},
          ],
        },
        {
          items: [
            {
              label: "Testimonials",              href: "/#testimonials"},
            {
              label: "FAQ",              href: "/#faq"},
            {
              label: "Volunteer",              href: "/#contact"},
          ],
        },
        {
          items: [
            {
              label: "Donate",              href: "/#donate"},
            {
              label: "Contact Us",              href: "/#contact"},
            {
              label: "Privacy Policy",              href: "/privacy-policy"},
          ],
        },
      ]}
      logoText="Bill Chuan for Milpitas City Council 2026"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}