"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Rick's HVAC & Water Heating Repair"
    />
  </div>

  <div id="contact-form" data-section="contact-form">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Schedule Your Service Today"
      description="Fill out the form below to request a service appointment, get a quote, or ask us any questions. We serve Sherman Oaks and surrounding LA areas. For immediate assistance, please call us directly."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number (Optional)",
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tell us about your HVAC or water heating needs...",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17659.jpg"
      imageAlt="HVAC unit on a rooftop"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="general-faqs" data-section="general-faqs">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "c-faq1",
          title: "What are your service hours?",
          content: "Our standard service hours are Monday to Friday, 8:00 AM to 5:00 PM. We also offer 24/7 emergency services for urgent heating and cooling needs.",
        },
        {
          id: "c-faq2",
          title: "Which areas do you serve?",
          content: "We proudly serve Sherman Oaks and surrounding communities across the San Fernando Valley and greater Los Angeles area. Please contact us to confirm service availability in your specific location.",
        },
        {
          id: "c-faq3",
          title: "Do you offer free estimates?",
          content: "Yes, we provide free estimates for new installations and major repairs. For diagnostics, a service fee may apply, which is often waived if you proceed with the recommended repair.",
        },
        {
          id: "c-faq4",
          title: "Are your technicians certified?",
          content: "Absolutely. All of our technicians are highly trained, certified, and experienced in the latest HVAC and water heating technologies. They undergo continuous training to ensure they provide the best service possible.",
        },
        {
          id: "c-faq5",
          title: "What payment methods do you accept?",
          content: "We accept all major credit cards, debit cards, and personal checks. Financing options may also be available for larger installations or replacements. Please ask our team for details.",
        },
      ]}
      title="Quick Answers to Your Questions"
      description="Have a general question before getting in touch? Check out our FAQs."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Rick's HVAC & Water Heating Repair"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "HVAC Repair",
              href: "/services#hvac-repair",
            },
            {
              label: "AC Repair",
              href: "/services#ac-repair",
            },
            {
              label: "Water Heaters",
              href: "/services#water-heating",
            },
            {
              label: "Thermostat Install",
              href: "/services#thermostat",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Reviews",
              href: "/reviews",
            },
            {
              label: "Contact",
              href: "/contact",
            },
            {
              label: "Emergency Service",
              href: "/services#emergency",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "Schedule Online",
              href: "/contact",
            },
            {
              label: "Call (747) 977-8168",
              href: "tel:7479778168",
            },
            {
              label: "Sherman Oaks, CA",
              href: "https://www.google.com/maps/search/Sherman+Oaks+HVAC",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Rick's HVAC & Water Heating Repair. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
