"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Briefcase, Home, Map, Users } 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: "Contact", id: "/contact" }
      ]}
      brandName="Palante STS"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{ variant: "rotated-rays-static" }}
      title="Overwhelmed by Your Parent's Move? We Understand."
      description="California-licensed Senior Transition Specialist serving Orange County, LA, Riverside & San Bernardino. Real estate. Placement. Downsizing. One expert. One seamless process."
      buttons={[
        { text: "Schedule a Free Consultation", href: "/contact" },
        { text: "How It Works", href: "/how-it-works" }
      ]}
      carouselItems={[
        { id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-posing-together_23-2149071589.jpg?_wi=1", imageAlt: "Multigenerational family support" },
        { id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-posing-together_23-2149071589.jpg?_wi=2", imageAlt: "Professional consultation" },
        { id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-posing-together_23-2149071589.jpg?_wi=3", imageAlt: "Senior community living" },
        { id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-posing-together_23-2149071589.jpg?_wi=4", imageAlt: "Warm family moment" },
        { id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-posing-together_23-2149071589.jpg?_wi=5", imageAlt: "California senior home" },
        { id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-posing-together_23-2149071589.jpg?_wi=6", imageAlt: "Professional real estate advice" }
      ]}
    />
  </div>

  <div id="how-it-works-home" data-section="how-it-works-home">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { title: "Free Consultation", description: "We listen first — no pressure, no scripts.", icon: Users, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776662612141-6oey12mw.jpg?_wi=1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776662612141-6oey12mw.jpg?_wi=2" }] },
        { title: "Personalized Plan", description: "Every situation is different. Yours gets a custom roadmap.", icon: Map, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776662872184-zqbg85kc.jpg?_wi=1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776662872184-zqbg85kc.jpg?_wi=2" }] },
        { title: "Execution", description: "We coordinate home sales, tours, and downsizing for you.", icon: Briefcase, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776663052480-67qzt7g8.jpg?_wi=1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776663052480-67qzt7g8.jpg?_wi=2" }] },
        { title: "Move-In Day", description: "From your parent's old living room to their new home, set up and ready.", icon: Home, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776663133033-7zneotse.jpg?_wi=1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BgAzSnGoyjp2WRFEpWFU41xUOw/uploaded-1776663133033-7zneotse.jpg?_wi=2" }] }
      ]}
      title="A Trusted, Four-Step Process"
      description="We simplify your parent's transition with clear steps and compassionate support."
    />
  </div>

  <div id="services-home" data-section="services-home">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        { id: "s1", brand: "Real Estate", name: "Home Sale Management", price: "Customized Approach", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-celebrating-birthday_23-2150599031.jpg?_wi=1", reviewCount: "Palante Licensed Realtor" },
        { id: "s2", brand: "Placement", name: "Senior Housing Search", price: "No Cost to Family", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-couple-with-drinks_23-2149391034.jpg?_wi=1", reviewCount: "Vetted OC/LA/Riverside/SB Communities" },
        { id: "s3", brand: "Downsizing", name: "Transition Management", price: "End-to-End", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-packing-product-parcel-boxes-delivery_53876-127277.jpg?_wi=1", reviewCount: "Packing, Staging, Move Setup" }
      ]}
      title="Comprehensive Transition Services"
      description="Real estate, senior placement, and downsizing under one roof."
    />
  </div>

  <div id="testimonials-home" data-section="testimonials-home">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Sarah J.", handle: "@palante-family", testimonial: "Palante made a difficult time much easier. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/paper-cut-key-heart-as-symbol-love_1232-3647.jpg?_wi=3" },
        { id: "t2", name: "Mark D.", handle: "@palante-family", testimonial: "Their one-expert approach saved us so much time and stress.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-celebrating-birthday_23-2150599031.jpg?_wi=2" },
        { id: "t3", name: "Elena R.", handle: "@palante-family", testimonial: "Kind, professional, and very knowledgeable about local options.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-couple-with-drinks_23-2149391034.jpg?_wi=2" },
        { id: "t4", name: "David W.", handle: "@palante-family", testimonial: "Truly a seamless process from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-packing-product-parcel-boxes-delivery_53876-127277.jpg?_wi=2" },
        { id: "t5", name: "Jennifer K.", handle: "@palante-family", testimonial: "Professional yet felt like family helping family.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg" }
      ]}
      showRating={true}
      title="Stories from Families We Serve"
      description="We are honored to be trusted in life's most important moments."
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title=""
      description=""
    />
  </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>
  );
}
