"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 NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';

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="contact-form" data-section="contact-form">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="Get in Touch with Tech Guru Technical Services Co. \n\nFill out the form below to book a repair or inquire about our services. Our team will contact you shortly to confirm your appointment. \n\n**Name:** [Input Field]\n**Phone:** [Input Field]\n**Email:** [Input Field]\n**Location:** [Input Field]\n**Service Required:** [Dropdown/Input]\n**Preferred Date:** [Date Picker]\n**Preferred Time:** [Time Picker]\n**Message:** [Textarea]\n\n**Thank you. Our technician will contact you shortly.**"
      buttons={[
        {
          text: "Submit Booking",
          onClick: "() => console.log('Form submission simulated')",
        },
      ]}
    />
  </div>

  <div id="contact-details-map" data-section="contact-details-map">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "animated-grid",
      }}
      text="Reach Us Anytime:\n\n**Phone:** +971 58 931 5357\n**Email:** info@techguruuae.com\n**Address:** Al Moosa Tower 2, Sheikh Zayed Road, Trade Center First, Dubai, UAE\n**Working Hours:** Open Daily, 8:00 AM – 10:00 PM\n\n\n**Google Map Location:** [Embedded Map Placeholder]"
      buttons={[
        {
          text: "Get Directions",
          href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai",
        },
        {
          text: "Call Us Directly",
          href: "tel:+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=5"
      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>
  );
}
