"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import { ArrowRight, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="medium"
        background="grid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "home",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Products",
          id: "products",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Rebuild Texas"
    />
  </div>

  <div id="contact-form" data-section="contact-form">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get Your Free Estimate Today"
      description="Ready to transform your home? Fill out the form below, and one of our specialists will get back to you shortly to discuss your project and schedule a free, no-obligation consultation."
      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",
          required: false,
        },
        {
          name: "project_type",
          type: "text",
          placeholder: "Type of Project (e.g., Roof Repair, Window Replacement)",
          required: false,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tell us about your project...",
        rows: 5,
        required: false,
      }}
      imageSrc="https://pixabay.com/get/ga45c6bc2ac35131f2b4e7c956e864a2fde35f37498afddfbe3fd11cb3ecd7c85c2ef215779c3742d41e222d5f1d204e52b161d18d3e864b3d61115e5717a3e69_1280.jpg?_wi=3"
      imageAlt="handshake agreement on blueprints"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="faq-contact" data-section="faq-contact">
      <ContactFaq
      animationType="slide-up"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "What areas do you serve?",
          content: "Rebuild Texas proudly serves homeowners across major metropolitan areas in Texas, including Austin, Dallas, Houston, and San Antonio, and their surrounding communities.",
        },
        {
          id: "2",
          title: "Do you offer free estimates?",
          content: "Yes! We offer complimentary, no-obligation consultations and detailed estimates for all our roofing and window services.",
        },
        {
          id: "3",
          title: "How do you handle insurance claims for storm damage?",
          content: "Our team has extensive experience working with insurance companies. We'll assist you through every step of the claims process, from inspection to final settlement, to ensure you receive the coverage you deserve.",
        },
        {
          id: "4",
          title: "What types of warranties do you offer?",
          content: "We stand behind our work with comprehensive warranties on both labor and materials. Specific warranty details vary by project and materials used; we'll discuss them during your consultation.",
        },
      ]}
      ctaTitle="Can't find your answer?"
      ctaDescription="Our team is here to help! Reach out directly for personalized support and expert advice."
      ctaButton={{
        text: "Call Us Now",
        href: "tel:+18005550123",
      }}
      ctaIcon={Phone}
    />
  </div>

  <div id="schedule-consultation" data-section="schedule-consultation">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Next Step"
      tagIcon={ArrowRight}
      title="Start Your Project With Confidence"
      description="Experience the Rebuild Texas difference. Our experts are ready to provide reliable solutions and exceptional service for your home's exterior needs."
      buttons={[
        {
          text: "Schedule Consultation",
          href: "/contact",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Roof Replacement",
              href: "/services#roofing",
            },
            {
              label: "Storm Damage Repair",
              href: "/services#storm-damage",
            },
            {
              label: "Window Installation",
              href: "/services#windows",
            },
            {
              label: "Gutter Systems",
              href: "/services#gutters",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Contact",
              href: "/contact",
            },
            {
              label: "Careers",
              href: "#careers",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Blog",
              href: "#blog",
            },
            {
              label: "FAQs",
              href: "/contact#faq",
            },
            {
              label: "Client Portal",
              href: "#portal",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Rebuild Texas Roofing & Windows. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
