"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Award, CheckCircle, Shield, Wrench, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Peanuts Auto Repair"
          button={{
            text: "Call Now",            href: "tel:619-461-5711"
          }}
          className="shadow-sm"
          buttonClassName="font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Professional Auto Repair Service"
          description="Peanuts Auto Repair has proudly served the La Mesa community for over 40 years, offering reliable auto repair services for Japanese, American, and select European vehicles. Our dedicated team ensures your car is fixed right the first time."
          tag="Trusted Since 1985"
          tagIcon={CheckCircle}
          buttons={[
            {
              text: "Call Now",              href: "tel:619-461-5711"
            },
            {
              text: "Learn More",              href: "#about"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/happy-african-american-auto-repairman-talking-customer-workshop_637285-8626.jpg"
          imageAlt="Professional auto repair workshop with experienced technician"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Choose Peanuts Auto Repair"
          description="With over 40 years of dedicated service to the La Mesa community, we've built our reputation on quality craftsmanship, exceptional customer care, and automotive expertise. Our commitment to excellence is reflected in countless satisfied customers and positive reviews across Yelp, Google, Carfax, and Nextdoor."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          bulletPoints={[
            {
              title: "40+ Years Experience",              description: "Decades of automotive expertise and trusted service in the La Mesa community",              icon: Award
            },
            {
              title: "Expert Technicians",              description: "ASE certified technicians committed to ongoing training with latest automotive technology",              icon: Wrench
            },
            {
              title: "Quality Guarantee",              description: "2-year, 24,000-mile warranty on all repairs for complete peace of mind",              icon: Shield
            },
            {
              title: "Comprehensive Service",              description: "Japanese, American, and select European vehicles serviced with precision",              icon: Zap
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/happy-black-auto-mechanic-working-car-workshop-looking-camera_637285-11545.jpg"
          imageAlt="Skilled automotive technician performing professional car repair"
          imagePosition="right"
          buttons={[
            {
              text: "Schedule Service",              href: "#contact"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Comprehensive Auto Repair Services"
          description="From routine maintenance to complex diagnostics, we provide expert automotive solutions tailored to your vehicle's needs. Our technicians are equipped with modern diagnostic tools and extensive knowledge."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="blur-reveal"
          features={[
            {
              id: 1,
              title: "Electrical Diagnosis",              description: "Advanced diagnostic equipment to identify and resolve electrical system issues quickly and accurately",              imageSrc: "https://img.b2bpic.net/free-photo/expert-shows-client-car-checkup-steps_482257-75509.jpg",              imageAlt: "diagnostic equipment electrical diagnosis car scanner modern automotive"
            },
            {
              id: 2,
              title: "Brake Inspections & Service",              description: "Complete brake system inspection and maintenance to ensure your vehicle's safety on every drive",              imageSrc: "https://img.b2bpic.net/free-photo/mechanic-replaces-car-engine-garage_482257-76094.jpg",              imageAlt: "brake inspection brake system automotive safety car maintenance"
            },
            {
              id: 3,
              title: "Oil Change Services",              description: "Regular oil changes with quality brands to maintain engine health and extend vehicle longevity",              imageSrc: "https://img.b2bpic.net/free-photo/young-auto-mechanic-using-compressor-while-maintaining-ac-unit-car-workshop_637285-4285.jpg",              imageAlt: "vehicle maintenance car oil change routine service preventative care"
            },
            {
              id: 4,
              title: "Suspension & Alignment",              description: "Professional suspension repair and wheel alignment services for smooth, safe driving",              imageSrc: "https://img.b2bpic.net/free-photo/employees-working-together-fix-car_482257-76242.jpg",              imageAlt: "suspension repair car alignment suspension system vehicle repair"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Track Record"
          description="Proven results and customer satisfaction backed by decades of dedicated service"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "40+",              description: "Years of Service"
            },
            {
              id: "2",              value: "100%",              description: "Satisfaction Guarantee"
            },
            {
              id: "3",              value: "5★",              description: "Average Rating"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Peanuts Auto Repair has been our trusted auto service provider for years. The team is professional, honest, and delivers exceptional quality. They always go above and beyond to ensure our vehicles are running perfectly. Highly recommend!"
          rating={5}
          author="Maria Santos, La Mesa Resident"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Customer testimonial avatar 1"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              alt: "Customer testimonial avatar 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              alt: "Customer testimonial avatar 3"
            },
            {
              src: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              alt: "Customer testimonial avatar 4"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about our services, warranty, and vehicle maintenance"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288192.jpg"
          imageAlt="Customer support team ready to assist with automotive questions"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What vehicles do you service?",              content: "We service Japanese, American, and select European vehicles. Our technicians have expertise across all major brands and models. Contact us to confirm your specific vehicle."
            },
            {
              id: "2",              title: "What warranty do you offer?",              content: "We offer a comprehensive 2-year, 24,000-mile warranty on all repairs. This ensures complete peace of mind and confidence in the quality of our service."
            },
            {
              id: "3",              title: "How often should I service my vehicle?",              content: "Regular preventative maintenance is essential for longevity and reliability. Most vehicles benefit from service every 5,000-7,000 miles or as recommended by your manufacturer. Regular servicing catches issues early, saving time and money while enhancing safety."
            },
            {
              id: "4",              title: "What are your hours of operation?",              content: "We're open Tuesday through Friday from 8am to 5:30pm, and Saturday from 9am to 2pm. We're closed Sundays and Mondays. Call us at 619-461-5711 to schedule an appointment."
            },
            {
              id: "5",              title: "Do you offer free diagnostics?",              content: "Yes, we provide diagnostic services to identify vehicle issues. Contact us for details on how we can help get your vehicle running smoothly."
            },
            {
              id: "6",              title: "How do I schedule an appointment?",              content: "You can call us at 619-461-5711 or use our contact form. Our team will work with you to find a convenient time for your vehicle service."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about our services or ready to schedule your appointment? Contact us today and let our expert team help keep your vehicle running smoothly."
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/happy-african-american-auto-repairman-talking-customer-workshop_637285-8626.jpg"
          imageAlt="Peanuts Auto Repair professional workshop"
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number (619-461-5711)",              required: false
            },
            {
              name: "vehicle",              type: "text",              placeholder: "Vehicle Year, Make, Model",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Describe your vehicle issue or service request...",            rows: 5,
            required: true
          }}
          buttonText="Schedule Service"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Peanuts Auto Repair"
          copyrightText="© 2025 Peanuts Auto Repair. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                {
                  label: "Electrical Diagnosis",                  href: "#services"
                },
                {
                  label: "Brake Service",                  href: "#services"
                },
                {
                  label: "Oil Changes",                  href: "#services"
                },
                {
                  label: "Suspension Repair",                  href: "#services"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "#about"
                },
                {
                  label: "Contact",                  href: "#contact"
                },
                {
                  label: "FAQ",                  href: "#faq"
                }
              ]
            },
            {
              title: "Contact",              items: [
                {
                  label: "Phone: 619-461-5711",                  href: "tel:619-461-5711"
                },
                {
                  label: "Email: peanutsautomotiverepair@gmail.com",                  href: "mailto:peanutsautomotiverepair@gmail.com"
                },
                {
                  label: "5387 Lake Murray Blvd, La Mesa, CA 91942",                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}