"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Shield, Wrench, Award, TrendingUp, CheckCircle, Star, HelpCircle, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Peanuts Auto Repair"
          button={{
            text: "Call Now",            href: "tel:619-461-5711"
          }}
          className="border-b border-accent/20"
          buttonClassName="font-semibold"
          buttonTextClassName="text-sm"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Expert Auto Repair You Can Trust"
          description="Peanuts Auto Repair has proudly served the La Mesa community for over 40 years. We specialize in Japanese, American, and select European vehicles with proven expertise and unwavering commitment to quality."
          tag="Trusted by Thousands"
          tagIcon={Shield}
          kpis={[
            { value: "40+", label: "Years of Service" },
            { value: "99%", label: "Customer Satisfaction" },
            { value: "24K", label: "Mile Warranty" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13485.jpg"
          imageAlt="Professional auto repair shop"
          imagePosition="right"
          buttons={[
            { text: "Schedule Service", href: "contact" },
            { text: "Call 619-461-5711", href: "tel:619-461-5711" }
          ]}
          className="py-16 md:py-24"
          titleClassName="text-4xl md:text-5xl font-light"
          descriptionClassName="text-lg opacity-90"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="With over 75 years of combined experience, our dedicated team ensures your vehicle receives the highest quality care. We pride ourselves on delivering reliable, timely solutions that keep your car running smoothly."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More About Us", href: "#services" }
          ]}
          className="py-20 md:py-28"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwelve
          title="Our Services"
          description="ASE certified technicians providing comprehensive automotive repair and maintenance for all major vehicle types."
          tag="Professional Services"
          tagIcon={Wrench}
          features={[
            {
              id: "diagnostics",              label: "Diagnostics",              title: "Advanced Electrical & Engine Diagnostics",              items: [
                "Computer diagnostics",                "Electrical troubleshooting",                "Engine scanning technology",                "Performance analysis"
              ]
            },
            {
              id: "maintenance",              label: "Maintenance",              title: "Preventative Vehicle Maintenance",              items: [
                "Oil and filter changes",                "Fluid top-offs",                "Belt and hose inspection",                "Battery testing and replacement"
              ]
            },
            {
              id: "suspension",              label: "Suspension",              title: "Brake & Suspension Service",              items: [
                "Brake pad replacement",                "Suspension repairs",                "Wheel alignment",                "Shock and strut service"
              ]
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          className="py-16 md:py-24"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Why Choose Peanuts Auto Repair"
          description="By the numbers: our commitment to excellence and customer satisfaction"
          metrics={[
            { id: "1", icon: Award, title: "Experience", value: "75+ Years" },
            { id: "2", icon: TrendingUp, title: "Reputation", value: "Trusted Online" },
            { id: "3", icon: CheckCircle, title: "Quality", value: "ASE Certified" },
            { id: "4", icon: Shield, title: "Warranty", value: "2-Year/24K mi" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          className="py-20 md:py-28"
        />
      </div>

      <div id="warranty" data-section="warranty">
        <PricingCardEight
          title="Our Warranty Promise"
          description="Complete confidence in every repair we perform"
          tag="Customer Protection"
          tagIcon={CheckCircle}
          plans={[
            {
              id: "comprehensive",              badge: "Industry Standard",              badgeIcon: Shield,
              price: "2 Years",              subtitle: "24,000 Miles Coverage",              buttons: [
                { text: "Get Details", href: "contact" }
              ],
              features: [
                "All parts and labor covered",                "Full warranty coverage",                "No hidden costs",                "Quality guaranteed",                "Peace of mind"
              ]
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          className="py-16 md:py-24"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Read genuine reviews from satisfied customers across Yelp, Google, Carfax, and Nextdoor"
          tag="Customer Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Michael R., Vehicle Owner",              date: "Date: Recent",              title: "Honest, Professional, Trustworthy",              quote: "Peanuts Auto Repair has been my go-to shop for years. They fix my car right the first time. The team is professional, honest about what needs to be done, and their prices are fair.",              tag: "Trusted Customer",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              avatarAlt: "Michael R.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-black-auto-mechanic-working-car-workshop-looking-camera_637285-11545.jpg",              imageAlt: "Professional mechanic at work"
            },
            {
              id: "2",              name: "Sarah T., Long-time Client",              date: "Date: Recent",              title: "Best Local Auto Repair",              quote: "Over 40 years of service and they still treat every customer like family. Their commitment to quality and customer satisfaction is unmatched in La Mesa.",              tag: "Loyal Customer",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              avatarAlt: "Sarah T.",              imageSrc: "https://img.b2bpic.net/free-photo/worker-follows-car-checklist-fixing-tires_482257-75661.jpg",              imageAlt: "Quality vehicle maintenance"
            },
            {
              id: "3",              name: "David L., Small Business Owner",              date: "Date: Recent",              title: "Reliable Partner for Fleet Care",              quote: "We trust Peanuts Auto with our entire fleet. Their expertise with Japanese and American vehicles keeps our business running smoothly.",              tag: "Business Client",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",              avatarAlt: "David L.",              imageSrc: "https://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13498.jpg",              imageAlt: "Professional brake service"
            },
            {
              id: "4",              name: "Jennifer M., Community Member",              date: "Date: Recent",              title: "Family-Owned Excellence",              quote: "The personal touch at Peanuts Auto makes all the difference. They explain everything clearly and always put the customer first.",              tag: "Satisfied Customer",              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg",              avatarAlt: "Jennifer M.",              imageSrc: "https://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13485.jpg",              imageAlt: "Modern repair facility"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          className="py-20 md:py-28"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Common questions about our services, warranty, and repair process"
          tag="Help & Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "What vehicles do you service?",              content: "We specialize in Japanese, American, and select European vehicles. Whether you drive a Toyota, Honda, Ford, Chevrolet, or BMW, our ASE certified technicians have the expertise to service your vehicle. If you're unsure, give us a call at 619-461-5711 to confirm we service your specific make and model."
            },
            {
              id: "2",              title: "What is your warranty coverage?",              content: "We offer a comprehensive 2-year, 24,000-mile warranty on all repairs. This covers all parts and labor, giving you complete peace of mind. There are no hidden costs or limitations—if something goes wrong with our work, we fix it at no additional charge."
            },
            {
              id: "3",              title: "How long does a typical repair take?",              content: "Repair times vary depending on the issue. Simple services like oil changes typically take 30-45 minutes. More complex diagnostics and repairs may take several hours or even a day. We always provide honest time estimates upfront and will call you with updates if anything unexpected comes up."
            },
            {
              id: "4",              title: "Do you offer preventative maintenance?",              content: "Absolutely! Preventative maintenance is essential for your vehicle's longevity and reliability. Regular servicing can catch issues early, saving you time and money while enhancing safety. We recommend checking your vehicle's manual for service intervals and scheduling regular tune-ups."
            },
            {
              id: "5",              title: "How do I schedule a service appointment?",              content: "You can schedule an appointment by calling us at 619-461-5711 or submitting an inquiry through our contact form. We're open Tuesday-Friday 8am-5:30pm and Saturday 9am-2pm. We'll work with you to find a time that fits your schedule."
            },
            {
              id: "6",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, cash, and checks. If you have questions about pricing or financing options, our team is happy to discuss payment arrangements that work for you."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          className="py-16 md:py-24"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          tagIcon={Phone}
          title="Schedule Your Service Today"
          description="Located in the heart of La Mesa, we're your go-to destination for all your automotive repair needs. Reach out to us today and experience the difference that 40+ years of expertise makes."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13485.jpg"
          imageAlt="Peanuts Auto Repair facility"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Get In Touch"
          termsText="We respect your privacy. We'll only use your email to schedule your service appointment."
          className="py-20 md:py-28"
        />
      </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: "Diagnostics", href: "#services" },
                { label: "Maintenance", href: "#services" },
                { label: "Brake Service", href: "#services" },
                { label: "Warranty Info", href: "#warranty" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "FAQ", href: "#faq" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "619-461-5711", href: "tel:619-461-5711" },
                { label: "peanutsautomotiverepair@gmail.com", href: "mailto:peanutsautomotiverepair@gmail.com" },
                { label: "5387 Lake Murray Blvd, La Mesa, CA 91942", href: "#contact" },
                { label: "Tue-Fri: 8am-5:30pm | Sat: 9am-2pm", href: "#contact" }
              ]
            }
          ]}
          className="border-t border-accent/20"
        />
      </div>
    </ThemeProvider>
  );
}