"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import TextAbout from "@/components/sections/about/TextAbout";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import Link from "next/link";
import {
  Star,
  CheckCircle,
  FileCheck,
  Shield,
  Zap,
  Leaf,
  Clipboard,
  AlertCircle,
  Verified,
  Users,
  Award,
  Clock,
  Phone,
} from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="medium"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
          ]}
          brandName="D-SOL RTO"
          bottomLeftText="Karawal Nagar, Delhi"
          bottomRightText="+91-XXXXXXX"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Fast & Reliable RTO Services in Karawal Nagar"
          description="No More RTO Tension - Complete DL, Insurance, RC Transfer & Fitness Services at One Place. Same Day Service Available."
          background={{ variant: "sparkles-gradient" }}
          tag="5.0 ⭐ Trusted by 2000+ Customers"
          tagIcon={Star}
          buttons={[
            { text: "📞 Call Now", href: "tel:+919876543210" },
            { text: "💬 WhatsApp Now", href: "https://wa.me/919876543210" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/family-buying-car-dealer_1303-13702.jpg"
          imageAlt="D-SOL RTO Services Office in Karawal Nagar"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFive
          title="Our Services"
          description="Complete RTO & Insurance Solutions - Everything You Need in One Place"
          tag="Services"
          tagIcon={CheckCircle}
          features={[
            {
              title: "Driving License Renewal",              description:
                "Quick DL renewal with all documentation handled. Valid for 10 years. No hassle, no extra visits.",              icon: FileCheck,
              mediaItems: [
                {
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/car-instructor-explaining-city-traffic-rules-before-driving-car_342744-678.jpg",                  imageAlt: "Driving License Renewal Service"},
                {
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/colleagues-meeting-room-posing-camera_114579-2809.jpg",                  imageAlt: "Our Professional Team"},
              ],
            },
            {
              title: "Insurance Renewal",              description:
                "Hassle-free motor insurance renewal - Comprehensive & Third Party. All companies available. Best premiums guaranteed.",              icon: Shield,
              mediaItems: [
                {
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/happy-customer-buying-brand-new-car-local-car-dealership_342744-748.jpg",                  imageAlt: "Insurance Renewal Process"},
                {
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg",                  imageAlt: "Our Office"},
              ],
            },
            {
              title: "Vehicle Fitness Certificate",              description:
                "Fitness certificate for new & old vehicles. Quick inspection. Valid for commercial & private vehicles.",              icon: Zap,
              mediaItems: [
                {
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/mid-section-mechanic-preparing-check-list_1170-1309.jpg",                  imageAlt: "Vehicle Fitness Check"},
                {
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/colleagues-meeting-room-posing-camera_114579-2809.jpg",                  imageAlt: "Expert Mechanics"},
              ],
            },
            {
              title: "Pollution Certificate",              description:
                "Emission test & pollution certificate for all vehicles. Approved center. Fast & reliable service.",              icon: Leaf,
              mediaItems: [
                {
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/auto-mechanic-using-laptop-while-talking-customer-repair-shop_637285-8614.jpg",                  imageAlt: "Pollution Test Center"},
                {
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg",                  imageAlt: "Our Facility"},
              ],
            },
            {
              title: "RC Transfer & Change",              description:
                "Vehicle ownership transfer made simple. All paperwork done for you. Fast & transparent process.",              icon: Clipboard,
              mediaItems: [
                {
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/businesswoman-has-meeting-journey_329181-13739.jpg",                  imageAlt: "RC Transfer Service"},
                {
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/colleagues-meeting-room-posing-camera_114579-2809.jpg",                  imageAlt: "Expert Consultants"},
              ],
            },
            {
              title: "Challan Settlement",              description:
                "Traffic challan resolution & payment. Expert guidance through entire process. Quick resolution guaranteed.",              icon: AlertCircle,
              mediaItems: [
                {
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/colleagues-meeting-room-posing-camera_114579-2809.jpg",                  imageAlt: "Challan Settlement Experts"},
                {
                  imageSrc:
                    "http://img.b2bpic.net/free-photo/business-people-walking-outside-office-building_107420-74359.jpg",                  imageAlt: "Consultation Room"},
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="whychooseus" data-section="whychooseus">
        <TextAbout
          tag="Why Choose Us"
          tagIcon={Verified}
          title="No Hidden Charges | Same Day Service | Expert Consultants | 10+ Years Experience | 100% Document Accuracy"
          buttons={[
            { text: "Get Free Consultation", href: "/contact" },
            { text: "Book Appointment", href: "tel:+919876543210" },
          ]}
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Trusted by Thousands"
          description="Our track record speaks for itself - serving Karawal Nagar & Delhi for over a decade"
          metrics={[
            {
              id: "1",              icon: Users,
              title: "Happy Customers",              value: "2000+"},
            {
              id: "2",              icon: CheckCircle,
              title: "Services Completed",              value: "5000+"},
            {
              id: "3",              icon: Award,
              title: "Google Rating",              value: "5.0 ⭐"},
            {
              id: "4",              icon: Clock,
              title: "Years Experience",              value: "10+"},
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Customers Say"
          description="Real reviews from satisfied customers across Delhi & NCR"
          testimonials={[
            {
              id: "1",              title: "Best RTO Services - No Tension!",              quote:
                "I got my DL renewal done in just 2 days without visiting RTO office. Amazing service! No hidden charges, very transparent.",              name: "Rajesh Kumar",              role: "Vehicle Owner, Karawal Nagar",              imageSrc:
                "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Rajesh Kumar"},
            {
              id: "2",              title: "Fast & Reliable Service",              quote:
                "Insurance renewal ho gaya same day. Bahut accha service diye hain unhone. Recommended!",              name: "Priya Singh",              role: "Business Owner, Delhi",              imageSrc:
                "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Priya Singh"},
            {
              id: "3",              title: "Complete Solution at One Place",              quote:
                "RC transfer, insurance, fitness certificate - sab kuch ek hi jagah ho gaya. Bilkul hassle-free process!",              name: "Amit Patel",              role: "Fleet Owner, NCR",              imageSrc:
                "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",              imageAlt: "Amit Patel"},
            {
              id: "4",              title: "Highly Professional Team",              quote:
                "The team is very professional and knowledgeable. They explained everything clearly. Great experience!",              name: "Neha Sharma",              role: "New Vehicle Owner",              imageSrc:
                "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Neha Sharma"},
            {
              id: "5",              title: "No More RTO Tension",              quote:
                "Finally found people I can trust with my vehicle documents. Best decision ever. Highly recommended!",              name: "Vikram Singh",              role: "Commercial Vehicle Owner",              imageSrc:
                "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Vikram Singh"},
            {
              id: "6",              title: "Excellent Customer Support",              quote:
                "From WhatsApp to phone call, they're always available. Best customer service in Karawal Nagar!",              name: "Anjali Verma",              role: "Regular Customer",              imageSrc:
                "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Anjali Verma"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          faqs={[
            {
              id: "1",              title: "How long does DL renewal take?",              content:
                "Typically 2-3 days after document submission. We handle all RTO procedures. You just need to provide required documents - Aadhaar, old DL, and form."},
            {
              id: "2",              title: "What documents are required for insurance renewal?",              content:
                "Old insurance policy, vehicle RC, chassis number, engine number, and current Aadhaar. We can also help you choose the best insurance plan."},
            {
              id: "3",              title: "How much does fitness certificate cost?",              content:
                "Cost varies by vehicle type. Two-wheeler: ₹300-500, Four-wheeler: ₹500-800, Commercial vehicle: ₹1000+. All inclusive - no hidden charges."},
            {
              id: "4",              title: "Can you help with vehicle RC transfer?",              content:
                "Yes! We handle complete RC transfer process including name change. Takes 7-10 days. Both buyer and seller documents required."},
            {
              id: "5",              title: "How do I settle a traffic challan?",              content:
                "Bring your vehicle documents and challan receipt. We'll guide through entire e-challan settlement process via traffic police portal."},
            {
              id: "6",              title: "Do you provide pollution certificate?",              content:
                "Yes, we're an authorized emission test center. Vehicle fitness + pollution certificate done in 1-2 hours. Valid for 1 year for two-wheelers and cars."},
            {
              id: "7",              title: "What are your office hours?",              content:
                "Monday-Saturday: 9 AM - 6 PM | Sunday: 10 AM - 4 PM | Closed on National Holidays. WhatsApp available 24/7 for urgent queries."},
            {
              id: "8",              title: "What if documents are missing or damaged?",              content:
                "We can guide you on duplicate document process. Lost DL/RC can be reissued. Visit us for free consultation - we'll sort it out!"},
          ]}
          title="Frequently Asked Questions"
          description="Got questions? We have answers. Here are the most common questions about our services."
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          faqs={[
            {
              id: "1",              title: "What's the fastest way to book a service?",              content:
                "Call us at +91-XXXXXXX or WhatsApp with your requirement. We'll confirm appointment within 30 minutes and provide all details."},
            {
              id: "2",              title: "Do you have online payment option?",              content:
                "Yes! UPI, bank transfer, and cash accepted. Online payment gets 2% discount. Receipt provided for all transactions."},
            {
              id: "3",              title: "Can I check document status online?",              content:
                "Yes, WhatsApp your request and we'll provide real-time status updates. You can also visit office for direct update."},
          ]}
          ctaTitle="Ready to Get Started?"
          ctaDescription="Book a free consultation or submit your details below. We'll contact you within 30 minutes."
          ctaButton={{ text: "Contact Us Now", href: "tel:+919876543210" }}
          ctaIcon={Phone}
          useInvertedBackground={true}
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="D-SOL RTO"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "Services", href: "/services" },
                { label: "About Us", href: "/about" },
                { label: "Contact", href: "/contact" },
              ],
            },
            {
              items: [
                { label: "DL Renewal", href: "/services" },
                { label: "Insurance Renewal", href: "/services" },
                { label: "RC Transfer", href: "/services" },
                { label: "Fitness Certificate", href: "/services" },
              ],
            },
            {
              items: [
                { label: "📞 Call: +91-XXXXXXX", href: "tel:+919876543210" },
                {
                  label: "💬 WhatsApp: +91-XXXXXXX",                  href: "https://wa.me/919876543210"},
                { label: "📍 Karawal Nagar, Delhi", href: "#" },
                { label: "⏰ Mon-Sat: 9AM-6PM", href: "#" },
              ],
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Disclaimer", href: "#" },
                { label: "GST Registration", href: "#" },
              ],
            },
            {
              items: [
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Google Reviews", href: "https://google.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}