"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"}
      ]}
      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>
  );
}
