"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { Headphones } 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="service-water-heater-details" data-section="service-water-heater-details">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="## Water Heater Repair in Dubai\n\nNo hot water? Leaking tank? Tech Guru provides fast and reliable water heater repair services for both electric and gas models throughout Dubai. Our certified technicians quickly diagnose and fix issues to restore your hot water supply.\n\n### Common Problems We Fix:\n- No hot water or insufficient hot water\n- Leaking tank or pipes\n- Strange noises coming from the heater\n- Pilot light issues (gas heaters)\n- Water temperature fluctuations\n\n### Our Repair Process:\n1. **Safety Check:** Ensure safe operation before starting any work.\n2. **Diagnosis:** Identify the exact cause of the malfunction.\n3. **Transparent Quote:** Provide a clear estimate for approval.\n4. **Expert Repair:** Restore functionality using durable parts.\n\n### Benefits of Choosing Us:\n- Prompt and efficient hot water solutions\n- Safety-trained and certified technicians\n- Guaranteed repairs with warranty\n- Service for all major brands and types\n\nEnjoy consistent hot water in your home again!\n"
      buttons={[
        {
          text: "Book Appointment for Water Heater Repair",
          href: "/contact#appointment-form",
        },
      ]}
    />
  </div>

  <div id="service-water-heater-faq" data-section="service-water-heater-faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "wh-faq1",
          title: "Why am I not getting any hot water?",
          content: "This could be due to a faulty heating element (electric), pilot light issues (gas), or a broken thermostat. Our technicians can pinpoint the problem efficiently.",
        },
        {
          id: "wh-faq2",
          title: "My water heater is leaking. What should I do?",
          content: "Immediately turn off the water supply to the heater and shut off its power or gas supply. Then, call a professional technician to assess and repair the leak to prevent water damage.",
        },
        {
          id: "wh-faq3",
          title: "Do you repair both tank and tankless water heaters?",
          content: "Yes, our experts are skilled in repairing all types of water heaters, including conventional tank models and modern tankless units.",
        },
      ]}
      title="Water Heater Repair FAQs"
      description="Common questions about water heater repair and maintenance."
      tag="FAQs"
      tagIcon={Headphones}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/holiday-shanghai-street-water-landmark-famous_1417-1178.jpg"
      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>
  );
}
