"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "How It Works",          id: "/how-it-works"},
        {
          name: "Services",          id: "/services"},
        {
          name: "About",          id: "/about"},
        {
          name: "Resources",          id: "/blog"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="Palante STS"
    />
  </div>

  <div id="contact-body" data-section="contact-body">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Let's Talk, No Pressure"
      description="Most families say they wish they'd called sooner. We're here to listen."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
        },
      ]}
      multiSelect={{
        name: "county",        label: "Which County are you in?",        options: [
          "Orange County",          "Los Angeles",          "Riverside",          "San Bernardino",          "Other"],
      }}
      textarea={{
        name: "message",        placeholder: "Tell us a little about your situation",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/serious-businessman-working-office-analyzing-business-plans-there-are-people-background_637285-187.jpg?_wi=2"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Contact Us"
      description="We're here to listen."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Email",          required: true,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/serious-businessman-working-office-analyzing-business-plans-there-are-people-background_637285-187.jpg?_wi=3"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Palante STS"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About",              href: "/about"},
            {
              label: "Services",              href: "/services"},
            {
              label: "How It Works",              href: "/how-it-works"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Schedule Consultation",              href: "/contact"},
            {
              label: "Email: hello@gopalante.com",              href: "mailto:hello@gopalante.com"},
            {
              label: "Text/Call: (213) 706-0093",              href: "tel:2137060093"},
          ],
        },
        {
          title: "Service Areas",          items: [
            {
              label: "Orange County",              href: "#"},
            {
              label: "Los Angeles",              href: "#"},
            {
              label: "Riverside",              href: "#"},
            {
              label: "San Bernardino",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2026 Palante Senior Transition Specialists LLC"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}