"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Info } from "lucide-react";

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="about-body" data-section="about-body">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="About Palante STS"
      title="What Palante Means to Us"
      description="Derived from the Puerto Rican phrase 'pa'lante' — meaning forward. It guides our mission to support families."
      subdescription="Whether you are navigating this as an adult child or senior, we are here to support your dignity and future steps."
      icon={Info}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg?_wi=2"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Mission"
      title="Our Approach"
      description="Compassion meets professionalism."
      subdescription="We are here for you."
      icon={Info}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg?_wi=3"
      mediaAnimation="slide-up"
    />
  </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: (555) 555-5555",
              href: "tel:5555555555",
            },
          ],
        },
        {
          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>
  );
}
