"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Services",          id: "features"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Lonavala Taxi"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "plain"}}
      logoText="Lonavala Taxi"
      description="Your reliable companion for comfortable and safe travel across Lonavala and beyond. Book your cab today for a hassle-free journey."
      buttons={[
        {
          text: "Book Now",          href: "#contact"},
        {
          text: "Our Services",          href: "#features"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-woman-with-car_23-2149004939.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Experience Lonavala with Ease"
      description={[
        "With years of dedicated service, we pride ourselves on being the preferred choice for residents and tourists alike. Our fleet of well-maintained cars and professional drivers ensures a seamless travel experience.",        "We offer 24/7 service, competitive rates, and a commitment to safety, ensuring every trip through the hills of Lonavala is pleasant and worry-free."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          label: "Reliability",          title: "Punctual Service",          items: [
            "On-time arrivals every time",            "Professional, vetted drivers",            "24/7 support and booking"],
        },
        {
          id: "f2",          label: "Comfort",          title: "Clean & Maintained",          items: [
            "Sanitized interior cabins",            "Regular vehicle maintenance",            "Spacious and comfortable seating"],
        },
        {
          id: "f3",          label: "Safety",          title: "Secure Travel",          items: [
            "Experienced local drivers",            "Strict adherence to safety protocols",            "GPS-tracked journeys"],
        },
      ]}
      title="Why Choose Us"
      description="Travel with confidence knowing we put your safety, comfort, and schedule first."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Rahul Mehta",          role: "Tourist",          testimonial: "Excellent service! The car was clean and the driver was very helpful during our Lonavala trip.",          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-fashionable-attractive-dark-skinned-man-with-afro-hairstyle-wearing-headphones-neck-talking-smartphone-drinking-coffee-while-strolling-city-with-backpack_176420-19828.jpg"},
        {
          id: "2",          name: "Ananya Sharma",          role: "Traveler",          testimonial: "Punctual and very polite driver. Made our weekend getaway completely stress-free.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-funny-young-man-pretending-be-santa-claus-wearing-red-hat-with-white-fur-smiling-cheerfully-anticipating-good-party-with-his-friends_273609-19172.jpg"},
        {
          id: "3",          name: "Vikram Singh",          role: "Local Resident",          testimonial: "My regular cab choice in Lonavala. Always consistent and very safe driving.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-with-smartphone_23-2149176299.jpg"},
        {
          id: "4",          name: "Priya Das",          role: "Business Traveler",          testimonial: "Professional, reliable, and smooth travel experience. Highly recommended for business trips.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg"},
        {
          id: "5",          name: "Siddharth J.",          role: "Frequent Visitor",          testimonial: "Great service during every visit. Drivers know the local areas very well.",          imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-enjoying-road-trip-together_23-2148732118.jpg"},
      ]}
      title="Trusted by Travelers"
      description="Read what our customers say about our reliable taxi service in Lonavala."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Lonavala Resort Group",        "Green Hills Hospitality",        "Scenic Stay Hotels",        "Lonavala Tourism Board",        "Adventure Trips Ltd",        "Regional Cab Union",        "Eco-Travel Partners"]}
      title="Proud Partners & Affiliates"
      description="We are proud to work with leading hotels, resorts, and tourism organizations in Lonavala."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How can I book a taxi?",          content: "You can book your taxi by contacting us directly through phone or email listed on our website."},
        {
          id: "q2",          title: "Is the taxi available 24/7?",          content: "Yes, we operate 24/7 to ensure you have a ride whenever you need it."},
        {
          id: "q3",          title: "Do you provide airport transfers?",          content: "Absolutely! We provide comfortable transfer services to and from major airports."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to your common booking and travel questions here."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Booking"
      title="Ready to Travel?"
      description="Book your reliable taxi today. Reach out for any inquiries or to schedule your ride."
      buttonText="Book Your Ride Now"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Lonavala Taxi"
      columns={[
        {
          title: "Navigate",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "About",              href: "#about"},
            {
              label: "Services",              href: "#features"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2025 Lonavala Taxi. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
