"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, CheckCircle, ThumbsUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="large"
        background="noise"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Services",
          id: "products",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Шиномонтаж"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "gradient-bars",
      }}
      title="Professional Tire Service for Your Vehicle"
      description="Fast and reliable tire mounting, balancing, and repair services. Rating 5.0 with over 230 satisfied customers."
      tag="Trusted Professional"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-observing-undercarriage-lifted-car_7502-4430.jpg?_wi=1",
          imageAlt: "tire service workshop professional",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg?_wi=1",
          imageAlt: "auto service center interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14042.jpg",
          imageAlt: "Auto mechanic checking car",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/two-specialists-uniform-repairing-car-together-garage_496169-1110.jpg",
          imageAlt: "Two specialists in uniform repairing car together in garage",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31700.jpg",
          imageAlt: "Handsome man in a blue uniform checks the car",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="236 reviews"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Why Choose Us"
      metrics={[
        {
          icon: Award,
          label: "Experience",
          value: "10+ Years",
        },
        {
          icon: ThumbsUp,
          label: "Rating",
          value: "5.0/5.0",
        },
        {
          icon: CheckCircle,
          label: "Happy Clients",
          value: "200+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Euro-disk R19.5 Installation",
          price: "450 ₽",
          imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-3825.jpg?_wi=1",
        },
        {
          id: "p2",
          name: "Heavy Truck Tire Slicing",
          price: "1,500 ₽",
          imageSrc: "http://img.b2bpic.net/free-photo/black-white-people-with-off-road-car-driving-adventure_23-2151476203.jpg?_wi=1",
        },
        {
          id: "p3",
          name: "Run Flat Installation",
          price: "500 ₽",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-brave-woman-is-posing-photographer-auto-workshop-with-part-car_613910-17142.jpg?_wi=1",
        },
        {
          id: "p4",
          name: "R24 Split Disk Install",
          price: "800 ₽",
          imageSrc: "http://img.b2bpic.net/free-photo/set-work-tools-toolbox_1170-1493.jpg",
        },
        {
          id: "p5",
          name: "Loaded Truck Wheel Service",
          price: "900 ₽",
          imageSrc: "http://img.b2bpic.net/free-photo/truck-wheel-tire-road_23-2151979267.jpg",
        },
        {
          id: "p6",
          name: "Wheel Balancing",
          price: "600 ₽",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428303.jpg",
        },
      ]}
      title="Our Services"
      description="Professional tire solutions for all vehicle types."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "5%",
          title: "Cashback",
          description: "On all purchases.",
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-mature-woman-black-t-shirt-black-cap_176474-93430.jpg",
        },
        {
          id: "m2",
          value: "121",
          title: "Detailed Reviews",
          description: "From local drivers.",
          imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3926.jpg",
        },
        {
          id: "m3",
          value: "55",
          title: "Photos",
          description: "View our workspace.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-length-african-american-mechanic-businesswoman-communicating-auto-repair-shop_637285-11589.jpg",
        },
      ]}
      title="Service Impact"
      description="Our numbers speak for themselves."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Alex P.",
          date: "Jan 2025",
          title: "Great Service",
          quote: "Quick and professional help.",
          tag: "Regular",
          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-observing-undercarriage-lifted-car_7502-4430.jpg?_wi=2",
          imageAlt: "client portrait professional office",
        },
        {
          id: "t2",
          name: "Maria K.",
          date: "Dec 2024",
          title: "Professional",
          quote: "Best place in the area.",
          tag: "Driver",
          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-business-woman-showing-thumb-up_1262-4720.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/empty-garage-with-parking-lots-with-concrete-ceiling-flooring-pillars-marked-with-numbers_342744-1241.jpg?_wi=2",
          imageAlt: "client portrait professional office",
        },
        {
          id: "t3",
          name: "Dmitry S.",
          date: "Nov 2024",
          title: "Highly Recommend",
          quote: "Fair prices and fast work.",
          tag: "Trucker",
          avatarSrc: "http://img.b2bpic.net/free-photo/displeased-woman-having-argument-with-her-husband-about-car-repair-workshop_637285-7728.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-3825.jpg?_wi=2",
          imageAlt: "client portrait professional office",
        },
        {
          id: "t4",
          name: "Elena V.",
          date: "Oct 2024",
          title: "Solid 5/5",
          quote: "Excellent customer service.",
          tag: "Daily",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-long-haired-laughing-asian-man-with-blonde-woman-pleased-chinese-office-worker-blue-shirt-joking-with-female-colleague-workplace_197531-3733.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/black-white-people-with-off-road-car-driving-adventure_23-2151476203.jpg?_wi=2",
          imageAlt: "client portrait professional office",
        },
        {
          id: "t5",
          name: "Ivan R.",
          date: "Sep 2024",
          title: "Fast",
          quote: "Saved my day with a fix.",
          tag: "Pro",
          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-brave-woman-is-posing-photographer-auto-workshop-with-part-car_613910-17142.jpg?_wi=2",
          imageAlt: "client portrait professional office",
        },
      ]}
      title="Customer Reviews"
      description="What our clients say about us."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you offer cashback?",
          content: "Yes, we provide 5% cashback on all purchases.",
        },
        {
          id: "f2",
          title: "Do you work with trucks?",
          content: "Yes, we handle both light vehicles and heavy-loaded trucks.",
        },
        {
          id: "f3",
          title: "What are your hours?",
          content: "We are open daily but recommend checking our map status for real-time updates.",
        },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      text="Visit us at Moscow Region, 46K-5300 or call us at +7 (929) 694-80-44."
      buttons={[
        {
          text: "Call Now",
          href: "tel:+79296948044",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Services",
              href: "#products",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          items: [
            {
              label: "Reviews",
              href: "#testimonials",
            },
            {
              label: "About",
              href: "#about",
            },
          ],
        },
      ]}
      logoText="Шиномонтаж"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
