"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "How it Works",          id: "/how-it-works"},
        {
          name: "Services",          id: "/services"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="Zifra Web"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "plain"}}
      title="Assistance with Foreclosure Surplus Fund Claims"
      description="Zifra Web provides dedicated administrative support to help you navigate the process of locating and claiming surplus funds from California foreclosure auctions. We focus on transparency and professional document preparation."
      buttons={[
        {
          text: "Learn About Our Process",          href: "/how-it-works"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEQMyuURGTTCp7v6LERixWySNm/uploaded-1777862877873-3e0xpmzo.jpg"
      avatars={[
        { src: "https://img.freepik.com/free-photo/house-model-on-desk_1127-3200.jpg", alt: "Client A" },
        { src: "https://img.freepik.com/free-photo/documents-desk_1127-3300.jpg", alt: "Client B" },
        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEQMyuURGTTCp7v6LERixWySNm/uploaded-1777862877873-yqf88fdk.jpg", alt: "Client C" },
        { src: "https://img.freepik.com/free-photo/official-records-folder_23-2148674930.jpg", alt: "Client D" },
        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEQMyuURGTTCp7v6LERixWySNm/uploaded-1777861733363-mqeqdp6n.jpg", alt: "Client E" }
      ]}
      marqueeItems={[
        { type: "text", text: "Transparent Process" },
        { type: "text", text: "Professional Support" },
        { type: "text", text: "Data-Driven Review" },
        { type: "text", text: "Timely Submission" },
        { type: "text", text: "Client-First Ethics" },
      ]}
    />
  </div>

  <div id="process" data-section="process">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Case Review",          description: "We identify potentially eligible surplus funds by examining public county records.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEQMyuURGTTCp7v6LERixWySNm/uploaded-1777863381844-kx5a9ohv.jpg",          titleImageSrc: "https://img.freepik.com/free-vector/official-stamp-icon_23-2148281146.jpg",          buttonText: "Learn More"},
        {
          title: "Documentation",          description: "We assist in preparing the necessary paperwork for accurate claim submission.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEQMyuURGTTCp7v6LERixWySNm/uploaded-1777862877873-lqz6c77e.jpg",          titleImageSrc: "https://img.freepik.com/free-vector/file-processing_23-2147498715.jpg",          buttonText: "Learn More"},
        {
          title: "Claim Submission",          description: "We facilitate the filing process with the relevant county office on your behalf.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEQMyuURGTTCp7v6LERixWySNm/uploaded-1777862877873-k8mkoi6e.jpg",          titleImageSrc: "https://img.freepik.com/free-vector/document-verification_23-2148281150.jpg",          buttonText: "Learn More"},
      ]}
      title="How We Help"
      description="Our administrative service streamlines the recovery process through three core actions."
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="Client Feedback"
      description="Hear from those we've helped secure their surplus funds."
      testimonials={[
        { id: "t1", name: "Jane D.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "https://img.freepik.com/free-photo/house-model-desk-office_23-2148759544.jpg" },
        { id: "t2", name: "Mark S.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "https://img.freepik.com/free-photo/claim-folder-desk_23-2148759555.jpg" },
        { id: "t3", name: "Sarah L.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "https://img.freepik.com/free-photo/stamped-document-desk_23-2148759560.jpg" },
        { id: "t4", name: "Tom B.", role: "Homeowner", company: "Client", rating: 4, imageSrc: "https://img.freepik.com/free-photo/desk-official-forms_23-2148759570.jpg" },
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      title="Common Questions"
      description="Quick answers to help you understand the process."
      faqs={[
        { id: "q1", title: "What are surplus funds?", content: "Funds remaining after a foreclosure auction." },
        { id: "q2", title: "How long does it take?", content: "It varies by county and case complexity." },
      ]}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Ready to Start?"
      title="Get a Professional Review"
      description="Let us evaluate your surplus claim potential today."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEQMyuURGTTCp7v6LERixWySNm/uploaded-1777861846532-db3ydjqo.jpg"
      logoText="Zifra Web"
      columns={[
        {
          title: "Company",          items: [
            { label: "How it Works", href: "/how-it-works" },
            { label: "Services", href: "/services" },
            { label: "Contact", href: "/contact" },
          ],
        },
        {
          title: "Legal",          items: [
            { label: "Disclaimer", href: "/disclaimer" },
            { label: "Privacy Policy", href: "#" },
          ],
        },
      ]}
      copyrightText="© 2025 | Zifra Web Surplus Services"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}