"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
            navItems={[
              {
                name: "Meet Bill",                id: "#meet-bill"},
              {
                name: "Donate & Support",                id: "#donate-support"},
            ]}
            button={{
              text: "Volunteer",              href: "#meet-bill"}}
            brandName="Bill Chuan for Milpitas City Council 2026"
          />
        </div>

        <div id="meet-bill" data-section="meet-bill">
          <ContactSplitForm
            title="Bill Chuan for Milpitas City Council 2026 BILL WILL"
            description="Dedicated Leadership for Our Community. Bill Chuan is committed to serving Milpitas residents with integrity and transparency. With deep roots in the community and experience in local governance, Bill is ready to listen, lead, and deliver results for every neighborhood in Milpitas. Join the Campaign below by signing up or Get Involved – Volunteer!"
            imageSrc="https://d2yxra32j7ym0e.cloudfront.net/images/man-suit-standing-front-us-flag_23-2150821550.webp?_wi=1"
            imageAlt="Bill Chuan, candidate for Milpitas City Council"
            mediaPosition="left"
            inputs={[
              { name: "firstName", type: "text", placeholder: "First Name", required: true },
              { name: "lastName", type: "text", placeholder: "Last Name", required: true },
              { name: "email", type: "email", placeholder: "Email", required: true },
              { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
            ]}
            textarea={{
              name: "message",              placeholder: "Message (optional)",              rows: 4,
              required: false,
            }}
            buttonText="Submit (BILL WILL Join the Campaign)"
            onSubmit={(data) => console.log(data)}
            useInvertedBackground={false}
          />
        </div>

        <div id="donate-support" data-section="donate-support">
          <MediaAbout
            title="Support Bill's Campaign BILL WILL"
            description="Thank you to all who supported Bill in 2024. After reflection, prayer, and encouragement from family and the Milpitas community, Bill is proud to run again in 2026. Your support makes this possible. Join the conversation on social media!"
            imageSrc="https://d2yxra32j7ym0e.cloudfront.net/images/happy-volunteers-helping-each-other_23-2150390159.webp?_wi=1"
            imageAlt="Bill Chuan engaging with the Milpitas community"
            buttons={[
              {
                text: "Donate Now",                href: "https://donate.stripe.com/28E9AT6u43dz6ccgUn7kc00"},
            ]}
            useInvertedBackground={true}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterLogoEmphasis
            logoText="© 2026 Bill Chuan for Milpitas City Council 2026, FPPC #1488016"
            columns={[
              {
                items: [
                  { label: "Terms & Conditions", href: "#" },
                  { label: "Privacy Policy", href: "#" },
                  { label: "Accessibility Statement", href: "#" },
                ],
              },
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
