"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="grid"
        cardStyle="layered-gradient"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Acasă",
          id: "hero",
        },
        {
          name: "Servicii",
          id: "services",
        },
        {
          name: "De Ce Noi",
          id: "why-us",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Autoban Total"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{
        variant: "gradient-bars",
      }}
      title="Service Auto de Încredere în Cîmpineanca"
      description="Diagnoză rapidă, reparații corecte și oameni pe care te poți baza. Suntem aici să ne asigurăm că mașina ta funcționează impecabil."
      testimonials={[
        {
          name: "Ion Popescu",
          handle: "@ion_p",
          testimonial: "Le-am dus un VW Bora în moarte clinică și am luat o rachetă înapoi.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750031.jpg?_wi=1",
          imageAlt: "auto repair workshop interior professional",
        },
        {
          name: "Maria Ionescu",
          handle: "@maria_i",
          testimonial: "Servicii peste așteptări. Personal foarte bine pregătit.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg?_wi=1",
          imageAlt: "mechanic tools engine inspection",
        },
        {
          name: "Andrei V.",
          handle: "@andrei_v",
          testimonial: "Profesionalism maxim. Prețuri corecte și timp scurt de execuție.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-with-tablet-near-car-work-clothes_1157-46144.jpg?_wi=1",
          imageAlt: "car diagnostic scanner modern garage",
        },
        {
          name: "Elena D.",
          handle: "@elena_d",
          testimonial: "Recomand cu încredere. Mi-au salvat mașina când nimeni nu știa ce are.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-opening-radiator-cap-checking-overheated-car-cooling-system-workshop_637285-4221.jpg?_wi=1",
          imageAlt: "car oil change professional workshop",
        },
        {
          name: "Mihai Stan",
          handle: "@mihai_s",
          testimonial: "Service serios, nu te taxează pentru piese inutile. Transparent și rapid.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg?_wi=1",
          imageAlt: "car technical inspection garage",
        },
      ]}
      buttons={[
        {
          text: "Sună acum: 0762 492 522",
          href: "tel:0762492522",
        },
        {
          text: "Programează-te",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750031.jpg?_wi=2"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750031.jpg",
          alt: "Client 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg",
          alt: "Client 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/car-mechanic-with-tablet-near-car-work-clothes_1157-46144.jpg",
          alt: "Client 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/auto-mechanic-opening-radiator-cap-checking-overheated-car-cooling-system-workshop_637285-4221.jpg",
          alt: "Client 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg",
          alt: "Client 5",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Diagnoză Computerizată",
        },
        {
          type: "text",
          text: "Reparații Mecanice",
        },
        {
          type: "text",
          text: "Mentenanță Ulei",
        },
        {
          type: "text",
          text: "Service Frâne",
        },
        {
          type: "text",
          text: "Verificări ITP",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: 1,
          title: "Reparații generale",
          description: "Reparații mecanice complexe realizate cu echipamente de ultimă generație.",
          imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg?_wi=2",
        },
        {
          id: 2,
          title: "Diagnoză completă",
          description: "Identificăm problemele rapid cu software de diagnoză autorizat.",
          imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-with-tablet-near-car-work-clothes_1157-46144.jpg?_wi=2",
        },
        {
          id: 3,
          title: "Revizii periodice",
          description: "Schimburi de ulei, filtre și mentenanță preventivă.",
          imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-opening-radiator-cap-checking-overheated-car-cooling-system-workshop_637285-4221.jpg?_wi=2",
        },
        {
          id: 4,
          title: "Verificări tehnice",
          description: "Asigurăm starea tehnică optimă pentru siguranța ta pe drum.",
          imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg?_wi=2",
        },
      ]}
      title="Serviciile Noastre"
      description="Soluții complete pentru întreținerea și repararea autoturismului tău."
    />
  </div>

  <div id="why-us" data-section="why-us">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="De Ce Autoban Total?"
      description="Expertiza noastră ne recomandă, iar feedback-ul clienților confirmă seriozitatea și rapiditatea cu care lucrăm în fiecare zi."
      metrics={[
        {
          value: "5.0⭐",
          title: "Rating Mediu",
        },
        {
          value: "11+",
          title: "Recenzii Google",
        },
        {
          value: "100%",
          title: "Profesionalism",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750031.jpg?_wi=3"
      mediaAnimation="slide-up"
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="cta" data-section="cta">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Programare rapidă"
      title="Ai o problemă cu mașina?"
      description="Sună acum și rezolvăm rapid. Suntem pregătiți să intervenim cu profesionalism."
      imageSrc="http://img.b2bpic.net/free-photo/cheerful-call-center-onboarding-specialist-training-worker_482257-125802.jpg"
      mediaAnimation="blur-reveal"
      mediaPosition="right"
      buttonText="Sună: 0762 492 522"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Contact"
      title="Programează o vizită"
      description="Calea Odobești, Cîmpineanca. Sună pentru informații sau trimite o cerere online."
      imageSrc="http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750031.jpg?_wi=4"
      mediaAnimation="slide-up"
      mediaPosition="left"
      buttonText="Trimite cererea"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Autoban Total",
          items: [
            {
              label: "Calea Odobești, Cîmpineanca",
            },
            {
              label: "Telefon: 0762 492 522",
              href: "tel:0762492522",
            },
          ],
        },
        {
          title: "Program",
          items: [
            {
              label: "Luni - Vineri: 09:00 - 17:00",
            },
            {
              label: "Sâmbătă - Duminică: Închis",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Autoban Total. Toate drepturile rezervate."
      bottomRightText="Service auto profesional în Vrancea"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}