"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { CheckCircle, DollarSign, Shield } from "lucide-react";

export default function AutoCarePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="AutoCare Pro"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="AutoCare Pro"
          description="Trusted Local Auto Repair - Expert Service for All Makes and Models"
          buttons={[
            { text: "Call Now", href: "tel:+15551234567" },
            { text: "Get a Quote", href: "contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/happy-car-mechanic-resting-while-working-auto-repair-shop_637285-7552.jpg"
          imageAlt="Professional mechanic servicing vehicle"
          showDimOverlay={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Our Services"
          description="Comprehensive automotive repair and maintenance services to keep your vehicle running smoothly and safely."
          tag="Complete Care"
          accordionItems={[
            {
              id: "1",              title: "Engine & Transmission",              content: "Expert diagnosis and repair of engine problems, transmission issues, and complex automotive systems. We use advanced diagnostic equipment to identify issues quickly and accurately."
            },
            {
              id: "2",              title: "Brake Service",              content: "Professional brake inspection, pad replacement, rotor service, and brake fluid maintenance. We ensure your safety with thorough brake system checks."
            },
            {
              id: "3",              title: "Tire & Wheel Service",              content: "Tire replacement, balancing, alignment, and rotation services. We carry quality brands and provide expert installation for optimal performance."
            },
            {
              id: "4",              title: "Oil Changes & Maintenance",              content: "Regular oil changes, filter replacements, fluid checks, and preventive maintenance to extend vehicle life and maintain warranty compliance."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/mid-section-mechanic-with-arms-crossed_1170-1313.jpg"
          imageAlt="Engine service and maintenance"
          useInvertedBackground="noInvert"
          mediaPosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Choose AutoCare Pro"
          description="Family-owned and operated for over 25 years, we've built our reputation on honest service, expert technicians, and customer satisfaction."
          tag="Trusted Partner"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imagePosition="right"
          bulletPoints={[
            {
              title: "Certified Technicians",              description: "ASE-certified professionals with decades of combined experience in all vehicle types",              icon: CheckCircle
            },
            {
              title: "Honest Pricing",              description: "Transparent estimates with no hidden fees. We explain every repair and answer all your questions",              icon: DollarSign
            },
            {
              title: "Warranty Protection",              description: "All repairs backed by comprehensive warranties for your peace of mind",              icon: Shield
            },
            {
              title: "Fast Service",              description: "Quick turnaround times without compromising quality. Most repairs completed same day"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/happy-mechanic-greeting-with-his-african-american-coworker-auto-repair-shop_637285-11601.jpg"
          imageAlt="Professional AutoCare Pro team"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Track Record"
          description="Years of proven excellence in automotive repair and customer service"
          tag="By the Numbers"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "25+",              title: "Years of trusted service",              items: [
                "Family-owned and operated",                "Serving the community with integrity",                "Continuous innovation and improvement"
              ]
            },
            {
              id: "2",              value: "10K+",              title: "Happy customers served",              items: [
                "98% customer satisfaction rate",                "Loyal returning customers",                "Referrals from satisfied clients"
              ]
            },
            {
              id: "3",              value: "15+",              title: "Certified technicians",              items: [
                "ASE certifications across all specialties",                "Continuous training and updates",                "Expert diagnosis and repairs"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Read genuine reviews from satisfied clients who trust us with their vehicles"
          tag="Customer Stories"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "James Mitchell, Owner",              date: "Date: 15 January 2025",              title: "Honest, reliable, and professional",              quote: "AutoCare Pro saved me hundreds of dollars by being upfront about what my car actually needed. They could have oversold me, but they didn't. That's integrity.",              tag: "Business Owner",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              avatarAlt: "professional portrait business customer happy",              imageAlt: "professional portrait business customer happy"
            },
            {
              id: "2",              name: "Sarah Chen, Executive",              date: "Date: 12 January 2025",              title: "Best repair shop in town",              quote: "I've taken my family's vehicles to AutoCare Pro for three years now. The team is friendly, knowledgeable, and always takes care of us. Highly recommended!",              tag: "Corporate Executive",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              avatarAlt: "professional portrait business customer satisfied",              imageAlt: "professional portrait business customer satisfied"
            },
            {
              id: "3",              name: "Robert Thompson, Mechanic",              date: "Date: 10 January 2025",              title: "Quality work you can trust",              quote: "As someone who knows cars, I appreciate their attention to detail and commitment to quality. They do the job right the first time.",              tag: "Industry Professional",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",              avatarAlt: "professional portrait business customer trust",              imageAlt: "professional portrait business customer trust"
            },
            {
              id: "4",              name: "Maria Rodriguez, Parent",              date: "Date: 8 January 2025",              title: "Peace of mind for my family",              quote: "AutoCare Pro makes sure my car is safe for my kids. I trust them completely and never worry about unexpected issues.",              tag: "Family Driver",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",              avatarAlt: "professional portrait business customer reliable",              imageAlt: "professional portrait business customer reliable"
            },
            {
              id: "5",              name: "David Park, Fleet Manager",              date: "Date: 5 January 2025",              title: "Reliable partner for our fleet",              quote: "We manage a fleet of company vehicles and AutoCare Pro keeps them all running perfectly. Fast service and fair pricing make them our go-to.",              tag: "Business Manager",              avatarSrc: "https://img.b2bpic.net/free-photo/middle-aged-businesswoman-smiling_1262-21181.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/middle-aged-businesswoman-smiling_1262-21181.jpg",              avatarAlt: "professional portrait business customer recommendation",              imageAlt: "professional portrait business customer recommendation"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services, pricing, and repair process"
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How long does a typical repair take?",              content: "Most repairs are completed within 1-2 hours. We'll provide a time estimate when you call. For more complex repairs like transmission work, we may need 1-2 days. We always keep you informed about progress."
            },
            {
              id: "2",              title: "Do you offer a warranty on repairs?",              content: "Yes! All our repairs come with a comprehensive warranty. Parts typically have 12 months or 12,000 miles coverage, and labor is guaranteed for 6 months. Ask about extended warranty options."
            },
            {
              id: "3",              title: "How much does a diagnostic check cost?",              content: "Our diagnostic service is $85. If you decide to have us repair the issue, we'll apply that fee toward your repair bill. This helps us identify exactly what's wrong before you commit to any work."
            },
            {
              id: "4",              title: "Can I get a quote before bringing my car in?",              content: "We recommend bringing your vehicle in for our thorough diagnostic. Prices vary widely based on the specific issue. However, you can call us with details about any symptoms, and we can give you a rough estimate."
            },
            {
              id: "5",              title: "Do you work with all vehicle brands?",              content: "Yes! We service all makes and models - domestic and foreign. Our certified technicians have training across all major brands including Japanese, European, and American vehicles."
            },
            {
              id: "6",              title: "What's your shop location and hours?",              content: "We're located at 247 Main Street, Downtown. Hours: Monday-Friday 8 AM - 6 PM, Saturday 9 AM - 4 PM. We're closed Sundays. Call us at (555) 123-4567 to schedule an appointment or discuss your vehicle issues."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get Your Vehicle Fixed Today"
          description="Contact us for a free diagnostic, estimate, or to schedule your repair appointment. We're here to help keep your car running smoothly."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/portrait-mechanic-standing-with-arms-crossed_1170-1161.jpg"
          imageAlt="Professional brake inspection service"
          mediaPosition="right"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "vehicle", type: "text", placeholder: "Vehicle (Year, Make, Model)", required: false }
          ]}
          textarea={{
            name: "issue",            placeholder: "Describe your vehicle issue or what service you need...",            rows: 5,
            required: true
          }}
          buttonText="Request Service"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Services", href: "#services" },
                { label: "About Us", href: "#about" },
                { label: "Reviews", href: "#testimonials" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: (555) 123-4567", href: "tel:+15551234567" },
                { label: "247 Main Street", href: "#" },
                { label: "Hours: M-F 8-6, Sat 9-4", href: "#" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Engine Repair", href: "#services" },
                { label: "Brake Service", href: "#services" },
                { label: "Tire Service", href: "#services" }
              ]
            }
          ]}
          bottomLeftText="© 2025 AutoCare Pro. All rights reserved."
          bottomRightText="Trusted Local Auto Repair"
        />
      </div>
    </ThemeProvider>
  );
}