"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumLarge"
        background="none"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="PassportExpedite"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "plain",
      }}
      logoText="Need Your Passport Fast?"
      description="Premium emergency passport expediting services for urgent travel, lost documents, and last-minute needs. Professional guidance to get you on your flight."
      buttons={[
        {
          text: "Call Now",
          href: "tel:+18005550199",
        },
        {
          text: "Get Started",
          href: "/contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-top-view-office-table-desk-workspace-background_1150-6711.jpg"
      mediaAnimation="slide-up"
      imageAlt="passport travel document close up"
    />
  </div>

  <div id="process" data-section="process">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "p1",
          title: "Book Consultation",
          subtitle: "Speak with a dedicated agent.",
          category: "Step 1",
          value: "Initial Intake",
        },
        {
          id: "p2",
          title: "Document Prep",
          subtitle: "We handle all filings for you.",
          category: "Step 2",
          value: "Full Support",
        },
        {
          id: "p3",
          title: "Passport Delivery",
          subtitle: "Shipped directly to your door.",
          category: "Step 3",
          value: "Fast Expediting",
        },
      ]}
      title="3 Simple Steps"
      description="Our streamlined process ensures you have your passport in hand before your departure."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Miller",
          role: "CEO",
          company: "Global Tech",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
          imageAlt: "business portrait professional woman",
        },
        {
          id: "2",
          name: "Mark Roberts",
          role: "Traveler",
          company: "Consulting Group",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/browneyed-stylish-brunet-bearded-man-white-shirt-checkered-jacket-smiles-looks-into-camera-orange-background_197531-29376.jpg",
          imageAlt: "business portrait professional man",
        },
        {
          id: "3",
          name: "Emily Chen",
          role: "Family Travel",
          company: "Personal",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
          imageAlt: "headshot woman professional",
        },
        {
          id: "4",
          name: "John Doe",
          role: "Business Executive",
          company: "Logistics Pro",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
          imageAlt: "headshot man professional",
        },
        {
          id: "5",
          name: "Jane Smith",
          role: "Urgent Travel",
          company: "Individual",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
          imageAlt: "professional headshot person",
        },
      ]}
      kpiItems={[
        {
          value: "10k+",
          label: "Passports Secured",
        },
        {
          value: "99%",
          label: "On-Time Success",
        },
        {
          value: "24/7",
          label: "Expert Support",
        },
      ]}
      title="Trusted by Travelers"
      description="Helping thousands of families and business travelers reach their destinations on time."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "How fast can I get my passport?",
          content: "We offer same-day and rush processing options based on current availability and government agency status.",
        },
        {
          id: "f2",
          title: "What documents do I need?",
          content: "Proof of citizenship, ID, and specific forms depending on your urgency level.",
        },
        {
          id: "f3",
          title: "Is my information secure?",
          content: "Absolutely. We treat your documents with the highest legal-grade privacy standards.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact-cta" data-section="contact-cta">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Urgent?"
      title="Need Help Today?"
      description="Don't risk your travel plans. Contact our emergency passport team now."
      buttons={[
        {
          text: "Contact Support",
          href: "/contact",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="PassportExpedite"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Expedited",
              href: "/services",
            },
            {
              label: "Lost/Stolen",
              href: "/lost",
            },
            {
              label: "Renewal",
              href: "/renewal",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "/about",
            },
            {
              label: "Contact",
              href: "/contact",
            },
            {
              label: "Privacy",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
