"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "FAQ",
          id: "/faq",
        },
        {
          name: "Blog",
          id: "/blog",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/flat-design-mechanical-engineering-logo_23-2150028712.jpg"
      logoAlt="Tech Guru Logo"
      brandName="Tech Guru Technical Services Co"
      button={{
        text: "Book a Repair",
        href: "/contact#appointment-form",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "rotated-rays-animated-grid",
      }}
      title="Dubai's Trusted Home Appliance Repair Experts"
      description="Fast, Affordable & Professional Appliance Repair Services Across Dubai. Same-Day Service by Experienced Technicians."
      tag="Appliance Repair Specialists"
      tagIcon={Star}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Book a Repair",
          href: "/contact#appointment-form",
        },
        {
          text: "Call Now",
          href: "tel:+971589315357",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176697.jpg",
          imageAlt: "Technician repairing a washing machine",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-illumination-kitchen-hood_259150-59260.jpg",
          imageAlt: "Technician repairing an oven",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-tools-looking-closely-lamp-hand_259150-58241.jpg",
          imageAlt: "Man with tools looking closely at lamp in hand",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
          imageAlt: "Manufacturer teaching new employee how to shape wooden bowl on disc sander",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg",
          imageAlt: "Working day. Two indian men discussing something and looking involved",
        },
      ]}
      mediaAnimation="slide-up"
      rating={4.6}
      ratingText="95+ Verified Reviews"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Why Choose Tech Guru"
      description="At Tech Guru, we pride ourselves on delivering exceptional appliance repair and home maintenance services across Dubai. Our expert technicians use quality parts for lasting solutions."
      metrics={[
        {
          value: "Same-Day",
          title: "Service",
        },
        {
          value: "15+",
          title: "Years Experience",
        },
        {
          value: "5000+",
          title: "Happy Clients",
        },
        {
          value: "24/7",
          title: "Support",
        },
      ]}
      tag="About Us"
      tagIcon={Award}
      imageSrc="http://img.b2bpic.net/free-photo/two-builders-work-clothes-thoughtfully-looking-sketch-plan-with-tools-background-workshop_574295-1618.jpg"
      imageAlt="Technician discussing repair with customer"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="brands" data-section="brands">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Samsung",
        "LG",
        "Bosch",
        "Siemens",
        "Whirlpool",
        "Hitachi",
        "Panasonic",
        "Daewoo",
        "Electrolux",
        "Ariston",
        "Miele",
        "AEG",
        "Beko",
        "Indesit",
        "Candy",
        "Teka",
        "Haier",
        "Sharp",
        "Hisense",
        "General Electric",
      ]}
      title="Trusted by Leading Brands"
      description="We specialize in repairing appliances from all major global manufacturers, ensuring expert care for your valuable investments."
      tag="Brands We Repair"
      buttons={[
        {
          text: "View All Services",
          href: "/services",
        },
      ]}
      speed={40}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="split"
      useInvertedBackground={true}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          role: "Homeowner",
          company: "Dubai Hills",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-middle-street_23-2147724784.jpg",
          imageAlt: "Sarah Johnson",
        },
        {
          id: "2",
          name: "Michael Chen",
          role: "Business Owner",
          company: "Downtown Dubai",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-man-talking-phone_150588-7.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          role: "Property Manager",
          company: "Jumeirah Village",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-home-comfort_23-2149134383.jpg",
          imageAlt: "Emily Rodriguez",
        },
        {
          id: "4",
          name: "David Kim",
          role: "Restaurant Owner",
          company: "Business Bay",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-looking-photographer_23-2148398473.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "5",
          name: "Aisha Al-Farsi",
          role: "Villa Owner",
          company: "Palm Jumeirah",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-muslim-business-lady-posing-outside_74855-1966.jpg",
          imageAlt: "Aisha Al-Farsi",
        },
      ]}
      kpiItems={[
        {
          value: "98%",
          label: "Customer Satisfaction",
        },
        {
          value: "5000+",
          label: "Repairs Completed",
        },
        {
          value: "4.6",
          label: "Average Rating",
        },
      ]}
      title="What Our Customers Say"
      description="Real experiences from satisfied clients across Dubai who trust us with their home appliance repair needs."
      tag="Client Testimonials"
      tagIcon={Sparkles}
    />
  </div>

  <div id="cta-home" data-section="cta-home">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Book Your Appliance Repair Today. Fast, Reliable, and Professional Service Across Dubai."
      buttons={[
        {
          text: "Book an Appointment",
          href: "/contact#appointment-form",
        },
        {
          text: "WhatsApp Us",
          href: "https://wa.me/971589315357",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/holiday-shanghai-street-water-landmark-famous_1417-1178.jpg?_wi=1"
      imageAlt="Dubai City Skyline"
      logoSrc="http://img.b2bpic.net/free-vector/gradient-cleaning-service-logo-template_23-2149221053.jpg"
      logoAlt="Tech Guru Logo"
      logoText="Tech Guru Technical Services Co"
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "About Us",
              href: "/#about",
            },
            {
              label: "FAQs",
              href: "/faq",
            },
            {
              label: "Blog",
              href: "/blog",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Washing Machine Repair",
              href: "/services/washing-machine",
            },
            {
              label: "Refrigerator Repair",
              href: "/services/refrigerator",
            },
            {
              label: "Dishwasher Repair",
              href: "/services/dishwasher",
            },
            {
              label: "View All Services",
              href: "/services",
            },
          ],
        },
        {
          title: "Contact Information",
          items: [
            {
              label: "+971 58 931 5357",
              href: "tel:+971589315357",
            },
            {
              label: "info@techguruuae.com",
              href: "mailto:info@techguruuae.com",
            },
            {
              label: "Al Moosa Tower 2, Dubai",
              href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai",
            },
          ],
        },
        {
          title: "Business Hours",
          items: [
            {
              label: "Open Daily",
              href: "#",
            },
            {
              label: "8:00 AM – 10:00 PM",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Tech Guru Technical Services Co. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
