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