"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import { Facebook, Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="large"
        background="circleGradient"
        cardStyle="outline"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Services",          id: "/services"},
        {
          name: "About",          id: "/about"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/pressure-washing-logo_53876-140224.jpg"
      logoAlt="Green Mountain Washing Logo"
      brandName="Green Mountain Washing"
      button={{
        text: "Get Free Estimate",        href: "/contact"}}
    />
  </div>

  <div id="contact-info" data-section="contact-info">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Get Your Free Quote Within 24 Hours! Reach out today for professional and friendly service."
      buttons={[
        {
          text: "Call Us: +1 802-318-2433",          href: "tel:+18023182433"},
        {
          text: "Email Us: info@cleangmw.com",          href: "mailto:info@cleangmw.com"},
        {
          text: "Visit Our Location: 214 River Rd, Essex Junction, VT 05452",          href: "https://www.google.com/maps/search/214+River+Rd,+Essex+Junction,+VT+05452,+United+States"},
      ]}
    />
  </div>

  <div id="faq-contact" data-section="faq-contact">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "What areas do you serve?",          content: "We proudly serve Essex Junction, VT and the surrounding Vermont areas. Contact us to confirm service availability in your specific location."},
        {
          id: "faq-2",          title: "Is pressure washing safe for my home?",          content: "Yes, we use a soft washing technique for most residential properties, ensuring a safe and effective clean that won't damage your siding or delicate surfaces."},
        {
          id: "faq-3",          title: "How often should I have my home pressure washed?",          content: "We recommend professional exterior cleaning annually to maintain your home's appearance and prevent long-term buildup of dirt, mold, and mildew."},
        {
          id: "faq-4",          title: "Do I need to be home during the service?",          content: "No, you don't need to be home. As long as we have access to water spigots and all windows are closed, we can complete the service efficiently."},
        {
          id: "faq-5",          title: "What forms of payment do you accept?",          content: "We accept various payment methods including credit cards, debit cards, and local checks for your convenience. Payment is typically due upon completion of service."},
        {
          id: "faq-6",          title: "Are you insured?",          content: "Yes, Green Mountain Washing is fully insured for your protection and peace of mind. We operate professionally and safely on every job."},
      ]}
      title="Frequently Asked Questions"
      description="Have more questions before reaching out? Find answers to common inquiries about our services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoAlt="Green Mountain Washing Logo"
      logoText="Green Mountain Washing"
      copyrightText="© 2024 Green Mountain Washing. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
