"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { ArrowRight, Mail } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            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"
            button={{ text: "Contact Us", href: "/contact" }}
          />
        </div>

        <div id="about-header" data-section="about-header">
          <TextSplitAbout
            title="Ronnie Konishi"
            description={[
              "Founder & Principal Senior Transition Specialist · California Licensed Realtor · 20 Years Experience",              "'I remember wishing there was just one person who could guide us through everything — with both expertise and compassion.'"
            ]}
          />
        </div>

        <div id="about-story" data-section="about-story">
          <TextSplitAbout
            title="The Story"
            description={[
              "When my mother needed to move from our family home into assisted living, I thought my 20 years as a licensed California Realtor would make it easier. I knew real estate. I knew contracts and timelines and negotiations.",              "I was not prepared for the rest of it.",              "The endless phone calls to senior communities — none of whom seemed to have availability when we needed it. The contradictory advice from well-meaning friends. The sheer weight of deciding what happened to 40 years of furniture, photographs, and memories. And underneath all of it, the emotional toll on every member of our family — the guilt, the grief, the exhaustion of making enormous decisions while also trying to just be a present, loving son.",              "I remember standing in my mother's living room one afternoon, surrounded by decades of her life, thinking: there has to be a better way to do this."
            ]}
            useInvertedBackground={true}
          />
        </div>

        <div id="about-mission" data-section="about-mission">
          <TextSplitAbout
            title="Why I Founded Palante STS"
            description={[
              "After my family's experience, I couldn't stop thinking about the thousands of Southern California families going through the same thing every single day — without a roadmap, without a guide, without anyone who could hold the whole picture at once.",              "I founded Palante Senior Transition Specialists to be the service I wished my family had. One person. One point of contact. Someone who could sell the home with genuine expertise, identify and personally vet the right senior communities, and manage the downsizing and move — all while actually understanding what the family was going through emotionally.",              "The name says it all. Pa'lante — from the Puerto Rican expression para adelante — means forward. It's what we say when we're facing something hard and we choose to keep moving. That's what every family I work with is doing. And that's the energy I bring to every engagement."
            ]}
          />
        </div>

        <div id="about-expertise" data-section="about-expertise">
          <TextSplitAbout
            title="What I Bring to Your Family"
            description={[
              "20 years as a California-licensed Realtor — I know how to price, prepare, and sell a senior's home for top dollar in the Orange County, LA, Riverside, and San Bernardino markets. I've seen every type of home and every type of situation.",              "Personal knowledge of Southern California's senior communities — I have personally toured Board & Care homes, assisted living communities, and memory care facilities across all four counties. I know which ones are excellent and which ones look better in photos than in person.",              "End-to-end coordination — I don't hand you off. From the first conversation to move-in day, I am your one point of contact. No dropped balls. No miscommunication between separate vendors.",              "The understanding that only comes from lived experience — I have been where you are. I know what it feels like to stand in your parent's home and not know where to start. That's not just empathy — it's the foundation of everything I do."
            ]}
            useInvertedBackground={true}
          />
        </div>

        <div id="about-serve" data-section="about-serve">
          <TextSplitAbout
            title="Who I Serve"
            description={[
              "I work with families across Orange County, Los Angeles County, Riverside County, and San Bernardino County. My clients are adult children — many managing a parent's transition from another city or state — and seniors who are ready to take this step on their own terms, with someone they trust beside them.",              "Southern California is one of the most diverse regions in the country, and the families I serve reflect that richness. I am honored to work across cultures and communities, and I approach every family's situation with the same deep respect for their unique story, values, and needs. Se habla español."
            ]}
            buttons={[
              { text: "Schedule a Call with Ronnie", href: "/contact" }
            ]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
              { title: "Contact", items: [{ label: "Email: hello@gopalante.com", href: "mailto:hello@gopalante.com" }] }
            ]}
            bottomLeftText="© 2026 Palante Senior Transition Specialists LLC"
            bottomRightText="All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
