"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

import { Gauge, Users, Car, ThumbsUp, Truck, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant={"hover-magnetic"}
      defaultTextAnimation={"background-highlight"}
      borderRadius={"rounded"}
      contentWidth={"mediumSmall"}
      sizing={"large"}
      background={"fluid"}
      cardStyle={"gradient-radial"}
      primaryButtonStyle={"diagonal-gradient"}
      secondaryButtonStyle={"solid"}
      headingFontWeight={"normal"}
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Μηχανολόγος Τσιγκουράκος"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "About Us", id: "#about" },
            { name: "Services", id: "#services" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
          logoSrc="http://img.b2bpic.net/free-vector/automotive-industry-logo_24908-57008.jpg"
          logoAlt="Μηχανολόγος Τσιγκουράκος Logo"
          button={{ text: "Book Now", href: "#contact" }}
        />
      </div>

      <div id="home" data-section="home">
        <HeroCarouselLogo
          logoText="Μηχανολόγος Τσιγκουράκος"
          description="Your Trusted Mechanic in Greece. Professional auto repair, maintenance, and diagnostics for every vehicle."
          buttons={[
            { text: "Book an Appointment", href: "#contact" },
            { text: "Explore Services", href: "#services" }
          ]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367531.jpg", imageAlt: "Mechanic working on a car engine" },
            { imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-disc-brake_1170-1206.jpg", imageAlt: "Car on a lift in a modern garage" },
            { imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-wheel-disc-brake_1170-1212.jpg", imageAlt: "Mechanic inspecting brake system" },
            { imageSrc: "http://img.b2bpic.net/free-photo/coworkers-examining-reports-papers-looking-statistics-annual-data-analytics-increase-profit-workers-group-planning-research-strategy-with-documents-business-development_482257-64771.jpg", imageAlt: "Diagnostic tools connected to a car" },
            { imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-wiping-hands-with-cleaning-cloth_1170-1321.jpg", imageAlt: "Friendly mechanic with car keys" },
            { imageSrc: "http://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130126.jpg", imageAlt: "Clean, serviced car in garage" }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Your Trusted Partner in Automotive Care"
          metrics={[
            { icon: Gauge, label: "Years Experience", value: "15+" },
            { icon: Users, label: "Satisfied Clients", value: "5000+" },
            { icon: Car, label: "Repairs Completed", value: "10000+" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Comprehensive Services for Every Vehicle Need"
          description="From routine maintenance to complex repairs, we've got you covered with expertise and precision."
          features={[
            { id: "f1", title: "Engine Diagnostics", tags: ["Advanced", "Precise"], imageSrc: "http://img.b2bpic.net/free-photo/brutal-tattooed-bearded-mechanic-specialist-repairs-car-engine-which-is-raised-hydraulic-lift-garage-service-station_613910-4863.jpg", imageAlt: "Engine diagnostics" },
            { id: "f2", title: "Brake System Repair", tags: ["Safety", "Reliable"], imageSrc: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150170029.jpg", imageAlt: "Brake system repair" },
            { id: "f3", title: "Oil & Filter Change", tags: ["Essential", "Quick"], imageSrc: "http://img.b2bpic.net/free-photo/closeup-auto-repairman-checking-car-oil-workshop_637285-7638.jpg", imageAlt: "Oil and filter change" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Commitment to Excellence in Numbers"
          description="Decades of experience and countless satisfied customers reflect our dedication to quality service in Greece."
          metrics={[
            { id: "m1", value: "98%", title: "Customer Satisfaction", description: "Our clients consistently rate us highly for quality and service.", icon: ThumbsUp },
            { id: "m2", value: "24/7", title: "Roadside Assistance", description: "Always there when you need us, day or night, across the region.", icon: Truck },
            { id: "m3", value: "Certified", title: "Expert Technicians", description: "All our mechanics are highly trained and certified professionals.", icon: Award }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Valued Customers Say"
          description="Hear from drivers across Greece who trust Μηχανολόγος Τσιγκουράκος with their vehicles."
          testimonials={[
            { id: "t1", name: "Constantinos P.", role: "Local Business Owner", company: "Athens", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-tool-tool-box_1170-1277.jpg", imageAlt: "Constantinos P. avatar" },
            { id: "t2", name: "Maria S.", role: "Teacher", company: "Thessaloniki", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-pressing-ringbell_1187-3687.jpg", imageAlt: "Maria S. avatar" },
            { id: "t3", name: "Dimitris K.", role: "Engineer", company: "Patras", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-two-smart-elegant-men-which-have-deal-about-car-they-are-doing-handshake_613910-21503.jpg", imageAlt: "Dimitris K. avatar" },
            { id: "t4", name: "Eleni A.", role: "Artist", company: "Heraklion", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sales-woman-car-showroom_1303-15163.jpg", imageAlt: "Eleni A. avatar" },
            { id: "t5", name: "Nikos G.", role: "Travel Agent", company: "Rhodes", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-mature-businesswoman-stylish-jacket-chats-with-her-smartphone-inside-car_343059-146.jpg", imageAlt: "Nikos G. avatar" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Popular Service Packages"
          description="Discover our tailored service bundles designed to keep your car running smoothly and safely."
          products={[
            { id: "p1", name: "Basic Service Check", price: "€50", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1643.jpg", imageAlt: "Basic car service" },
            { id: "p2", name: "Premium Full Check-up", price: "€120", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440231.jpg", imageAlt: "Premium full check-up" },
            { id: "p3", name: "Brake System Overhaul", price: "€180", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-tyre-break-disc_1170-1621.jpg", imageAlt: "Brake system overhaul" },
            { id: "p4", name: "A/C Recharge & Service", price: "€90", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1297.jpg", imageAlt: "A/C recharge service" },
            { id: "p5", name: "Tire Rotation & Balance", price: "€40", imageSrc: "http://img.b2bpic.net/free-photo/attractive-brave-woman-is-posing-photographer-auto-workshop-with-part-car_613910-17142.jpg", imageAlt: "Tire rotation and balance" },
            { id: "p6", name: "Suspension System Repair", price: "€250", imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-using-laptop-while-running-car-diagnostic-working-with-colleague-workshop_637285-7670.jpg", imageAlt: "Suspension system repair" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find quick answers to common questions about our services, appointments, and vehicle care."
          faqs={[
            { id: "q1", title: "What types of vehicles do you service?", content: "We service all makes and models of passenger cars and light commercial vehicles. Our technicians are trained to handle a wide range of automotive systems." },
            { id: "q2", title: "How can I book an appointment?", content: "You can book an appointment easily through our website's contact form, by calling us directly, or by visiting our garage during business hours." },
            { id: "q3", title: "Do you offer warranty on repairs?", content: "Yes, all our repairs come with a standard warranty on parts and labor. Please inquire for specific warranty terms applicable to your service." },
            { id: "q4", title: "What are your operating hours?", content: "Our garage is open Monday to Friday from 9:00 AM to 6:00 PM, and Saturday from 9:00 AM to 1:00 PM. We are closed on Sundays and public holidays." },
            { id: "q5", title: "Can I get a diagnostic check?", content: "Absolutely. We offer comprehensive diagnostic checks using the latest equipment to accurately identify any issues with your vehicle's engine, electronics, and other systems." },
            { id: "q6", title: "Do you use genuine parts?", content: "We prioritize using high-quality parts, including genuine OEM parts or reputable aftermarket alternatives, depending on your preference and vehicle requirements." }
          ]}
          faqsAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Schedule Your Service Today"
          description="Ready for top-quality auto care? Contact us to book an appointment or for any inquiries. We're here to help!"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/full-length-african-american-mechanic-businesswoman-communicating-auto-repair-shop_637285-11589.jpg"
          imageAlt="Friendly mechanic in a workshop"
          mediaAnimation="opacity"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Send Message"
          termsText="By submitting, you agree to our Terms & Conditions and Privacy Policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Μηχανολόγος Τσιγκουράκος"
          columns={[
            { title: "Services", items: [{ label: "Engine Diagnostics", href: "#services" }, { label: "Brake Repair", href: "#services" }, { label: "Oil Change", href: "#services" }, { label: "Suspension", href: "#services" }] },
            { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
          ]}
          copyrightText="© 2024 Μηχανολόγος Τσιγκουράκος. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
