"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Briefcase, Building2, GraduationCap, Home, Leaf, ShieldCheck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "About",          id: "about"},
        {
          name: "Issues",          id: "issues"},
        {
          name: "Endorsements",          id: "endorsements"},
        {
          name: "Volunteer",          id: "volunteer"},
        {
          name: "Donate",          id: "donate"},
      ]}
      brandName="Bill Chuan for Milpitas City Council 2026"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="BILL WILL."
      description="For Every Corner of Milpitas."
      imageSrc="http://img.b2bpic.net/free-photo/voting-rights-american-election_23-2151841496.jpg"
      imageAlt="Bill Chuan, candidate for Milpitas City Council 2026, standing in the community."
      showDimOverlay={true}
      buttons={[
        {
          text: "Get Involved",          href: "#volunteer"},
        {
          text: "Donate Now",          href: "#donate"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <FeatureCardSix
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Bill Will listen. Bill Will lead. Bill Will deliver for Milpitas.",          description: "",          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-selfie-football-game_23-2149015521.jpg",          imageAlt: "Bill Chuan with Milpitas community members.",          buttons: [
            {
              text: "Learn More About Bill →",              href: "#issues"},
          ],
        },
      ]}
      title="Bill Chuan Means Service."
      description="A longtime Milpitas resident, dedicated community advocate, loving husband, and proud father, Bill Chuan is running for Milpitas City Council in 2026 with one clear mission: to bring honest, transparent, and results-driven leadership to every neighborhood in our city. After running in 2024 and receiving the continued encouragement of neighbors, community leaders, and most importantly his loving wife and family, Bill is back — more energized and more committed than ever before."
      tag="MEET BILL"
    />
  </div>

  <div id="issues" data-section="issues">
      <MetricCardOne
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      animationType="blur-reveal"
      metrics={[
        {
          id: "issue-1",          icon: Home,
          value: "Housing",          title: "Affordable Housing",          description: "Milpitas families deserve to stay in the city they love. Bill Will push for responsible housing development that keeps our community affordable and accessible for longtime residents and working families."},
        {
          id: "issue-2",          icon: ShieldCheck,
          value: "Safety",          title: "Public Safety",          description: "Every resident deserves to feel safe in their neighborhood. Bill Will work closely with local law enforcement and community organizations to strengthen public safety, reduce crime, and build trust between residents and officers."},
        {
          id: "issue-3",          icon: Building2,
          value: "Traffic",          title: "Infrastructure & Traffic",          description: "Our roads, parks, and public spaces need attention. Bill Will prioritize smart infrastructure investment to ease traffic congestion, improve walkability, and keep Milpitas moving."},
        {
          id: "issue-4",          icon: Leaf,
          value: "Environment",          title: "Environmental Sustainability",          description: "Milpitas must lead on clean air, clean water, and green spaces. Bill Will champion environmental policies that protect our community's health today and for future generations."},
        {
          id: "issue-5",          icon: GraduationCap,
          value: "Education",          title: "Education & Youth",          description: "Our children are our future. Bill Will partner with local schools, libraries, and youth programs to ensure every Milpitas child has the resources and opportunities they need to thrive."},
        {
          id: "issue-6",          icon: Briefcase,
          value: "Economy",          title: "Local Economy & Small Business",          description: "Small businesses are the backbone of Milpitas. Bill Will support local entrepreneurs with resources, fair policies, and a city government that works with them, not against them."},
      ]}
      title="Bill Will Fight For What Matters."
      description="Here are the key issues Bill Chuan is dedicated to addressing for Milpitas."
      tag="WHERE BILL STANDS"
    />
  </div>

  <div id="pull-quote" data-section="pull-quote">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="I feel a deep responsibility — to my neighbors, my family, and this city I call home. Milpitas deserves a City Council member who actually shows up, listens hard, and gets things done. I've heard your voices. I've seen what our community needs. And I'm ready to deliver."
      rating={5}
      author="— Bill Chuan, Candidate for Milpitas City Council 2026"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/us-elections-vote-concept-with-flag_23-2148726679.jpg",          alt: "Community Member 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-reporter-cartoon-style_23-2151134096.jpg",          alt: "Community Member 2"},
        {
          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          alt: "Community Member 3"},
        {
          src: "http://img.b2bpic.net/free-photo/middle-age-business-man-wearing-usa-tie-holding-banner-with-save-our-democracy-message-celebrating-achievement-with-happy-smile-winner-expression-with-raised-hand_839833-5897.jpg",          alt: "Community Member 4"},
        {
          src: "http://img.b2bpic.net/free-photo/tennessee-ribbon-banner_187299-34768.jpg",          alt: "Smiling community member"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="endorsements" data-section="endorsements">
      <TeamCardTwo
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      animationType="blur-reveal"
      members={[
        {
          id: "endorser-1",          name: "Robert Chen",          role: "Former Milpitas Mayor",          description: "“Bill is exactly the kind of leader Milpitas needs—dedicated, principled, and focused on our community's future.”",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",          imageAlt: "Robert Chen, Former Milpitas Mayor"},
        {
          id: "endorser-2",          name: "Dr. Emily Wong",          role: "Community Health Advocate",          description: "“Bill will always prioritize the well-being of Milpitas families. He is a true advocate for public health and safety.”",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-excited-woman-show_23-2149943724.jpg",          imageAlt: "Dr. Emily Wong, Community Health Advocate"},
        {
          id: "endorser-3",          name: "David Kim",          role: "Small Business Owner, Milpitas",          description: "“Bill has my full support and confidence. He understands the challenges local businesses face and will champion our success.”",          imageSrc: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg",          imageAlt: "David Kim, Small Business Owner"},
        {
          id: "endorser-4",          name: "Maria Sanchez",          role: "Milpitas Resident & Volunteer",          description: "“A true community advocate who listens and acts. Bill will show up for every resident, every time.”",          imageSrc: "http://img.b2bpic.net/free-photo/us-elections-2024-illustrated_23-2151847024.jpg",          imageAlt: "Maria Sanchez, Milpitas Resident"},
        {
          id: "endorser-5",          name: "Sarah Lee",          role: "Educator",          description: "“Committed to our children's future and strong schools. Bill Chuan is the leader we need for a thriving educational environment.”",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-standing-outside-office-building-talking-speaker-mobile-phone_23-2147972815.jpg",          imageAlt: "Sarah Lee, Educator"},
      ]}
      title="Endorsed by Our Community."
      description="Here are some of the community members who support Bill Chuan's campaign for Milpitas City Council. More endorsements coming soon."
      tag="WHO STANDS WITH BILL"
      buttons={[
        {
          text: "Want to endorse Bill? Contact us.",          href: "mailto:bill@billformilpitas.com?subject=Endorsement for Bill Chuan Campaign"},
      ]}
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardOne
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      carouselMode="buttons"
      animationType="blur-reveal"
      products={[
        {
          id: "gallery-1",          name: "Community Meet & Greet",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-swing-dancing-outdoors_23-2149882258.jpg",          imageAlt: "Bill Chuan speaking with Milpitas residents at a community event."},
        {
          id: "gallery-2",          name: "Neighborhood Dialogue",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-business-people-discussing-charts-diagrams-conference-room_1098-19160.jpg",          imageAlt: "Bill Chuan engaging with residents at a neighborhood meeting in Milpitas."},
        {
          id: "gallery-3",          name: "Family Fun Day",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/kids-having-fun-jungle-themed-party_23-2149431655.jpg",          imageAlt: "Bill Chuan visiting a local park in Milpitas, talking to families."},
        {
          id: "gallery-4",          name: "Town Hall Discussion",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-female-expert-talking-audience_1262-2072.jpg",          imageAlt: "Bill Chuan addressing attendees at a public forum on city issues."},
        {
          id: "gallery-5",          name: "Walking Milpitas Streets",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-lifestyle-friends_23-2149746749.jpg",          imageAlt: "Bill Chuan walking through a Milpitas neighborhood."},
        {
          id: "gallery-6",          name: "At a Local Landmark",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/students-chatting-near-campus-building_23-2147850666.jpg",          imageAlt: "Bill Chuan at a local Milpitas community landmark."},
      ]}
      title="Bill Chuan In Our Community"
      description="Candid moments from community events, neighborhood meetings, and around Milpitas."
    />
  </div>

  <div id="donate" data-section="donate">
      <PricingCardOne
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="blur-reveal"
      plans={[
        {
          id: "amount-25",          badge: "$25",          price: "",          subtitle: "Small but impactful",          features: [],
        },
        {
          id: "amount-50",          badge: "$50",          price: "",          subtitle: "Helps reach more voters",          features: [],
        },
        {
          id: "amount-100",          badge: "$100",          price: "",          subtitle: "Funds essential materials",          features: [],
        },
        {
          id: "amount-250",          badge: "$250",          price: "",          subtitle: "Maximum allowed contribution",          features: [],
        },
        {
          id: "amount-500",          badge: "$500",          price: "",          subtitle: "Major supporter",          features: [],
        },
        {
          id: "amount-other",          badge: "Other Amount",          price: "",          subtitle: "Your choice",          features: [],
        },
      ]}
      title="Bill Will Fight For Milpitas."
      description="Will You Stand With Him? Every contribution — no matter the size — powers this campaign and brings honest, community-first leadership one step closer to City Hall. Your support makes the difference. Paid for by Bill Chuan for Milpitas City Council 2026, FPPC #1488016. Contributions are not tax deductible. Maximum contribution is $250 per person per election."
      tag="SUPPORT THE CAMPAIGN"
      buttons={[
        {
          text: "Donate $25",          href: "https://donate.stripe.com/28E9AT6u43dz6ccgUn7kc00"
        },
        {
          text: "Donate $50",          href: "https://donate.stripe.com/28E9AT6u43dz6ccgUn7kc00"
        },
        {
          text: "Donate $100",          href: "https://donate.stripe.com/28E9AT6u43dz6ccgUn7kc00"
        },
        {
          text: "Donate $250",          href: "https://donate.stripe.com/28E9AT6u43dz6ccgUn7kc00"
        },
        {
          text: "Donate $500",          href: "https://donate.stripe.com/28E9AT6u43dz6ccgUn7kc00"
        },
        {
          text: "Other Amount",          href: "https://donate.stripe.com/28E9AT6u43dz6ccgUn7kc00"
        }
      ]}
    />
  </div>

  <div id="volunteer" data-section="volunteer">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      text="GET INVOLVED\n\nBe Part of Something Real.\n\nThis campaign runs on people power. Whether you can knock on doors, make phone calls, host a neighborhood gathering, or simply spread the word — every action matters. Join the team and help Bill bring real change to Milpitas.\n\n📋 Canvassing & Door Knocking\n📞 Phone & Text Banking\n🎪 Event Support\n📣 Social Media Advocacy\n🪧 Yard Sign Hosting"
      buttons={[
        {
          text: "Sign Up to Volunteer",          href: "mailto:bill@billformilpitas.com?subject=Volunteer for Bill Chuan Campaign"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Bill Chuan for Milpitas City Council 2026\nFPPC #1488016"
      columns={[
        {
          title: "Connect",          items: [
            {
              label: "Facebook",              href: "https://facebook.com/billchuan"},
            {
              label: "Instagram",              href: "https://instagram.com/billchuan"},
            {
              label: "X/Twitter",              href: "https://twitter.com/billchuan"},
          ],
        },
        {
          title: "Quick Links",          items: [
            {
              label: "About",              href: "#about"},
            {
              label: "Issues",              href: "#issues"},
            {
              label: "Endorsements",              href: "#endorsements"},
            {
              label: "Volunteer",              href: "#volunteer"},
            {
              label: "Donate",              href: "#donate"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms & Conditions",              href: "#"},
            {
              label: "Accessibility Statement",              href: "#"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Questions? Reach out to the campaign.",              href: "mailto:bill@billformilpitas.com"},
            {
              label: "Email: bill@billformilpitas.com",              href: "mailto:bill@billformilpitas.com"},
            {
              label: "Mailing Address: To be added by campaign",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2026 Bill Chuan for Milpitas City Council 2026. Paid for by Bill Chuan for Milpitas City Council 2026, FPPC #1488016. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
