"use client";

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

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-mesh"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "Testimonials",
          id: "/testimonials",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Alder Elite Woodworks"
    />
  </div>

  <div id="quote-request-form" data-section="quote-request-form">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Ready to bring your woodworking vision to life? Contact us today for a personalized quote. Our team is eager to discuss your project and provide expert guidance."
      buttons={[
        {
          text: "Get Your Custom Quote",
        },
      ]}
    />
  </div>

  <div id="quote-process-faq" data-section="quote-process-faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "qfaq1",
          title: "How do I request a quote?",
          content: "You can request a quote by filling out our online form, sending us an email, or calling us directly. Provide as much detail as possible about your project.",
        },
        {
          id: "qfaq2",
          title: "What information should I include in my quote request?",
          content: "Please include project type (e.g., custom cabinetry, staircase), desired materials, dimensions, any design inspirations, and your preferred timeline.",
        },
        {
          id: "qfaq3",
          title: "Is there a consultation fee for initial discussions?",
          content: "Our initial consultation to discuss your project and provide a preliminary quote is complimentary. We believe in transparent and client-focused service.",
        },
        {
          id: "qfaq4",
          title: "How long does it take to receive a quote?",
          content: "Once we have all necessary project details, you can expect to receive a detailed quote within 3-5 business days.",
        },
        {
          id: "qfaq5",
          title: "What happens after I approve the quote?",
          content: "Upon quote approval, we proceed with detailed design, material selection, and project scheduling. A deposit is typically required to begin work.",
        },
      ]}
      title="Your Questions About the Quote Process"
      description="Understand our simple and straightforward process for getting a custom woodworking quote."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Custom Cabinetry",
              href: "/services#custom-cabinetry",
            },
            {
              label: "Finish Carpentry",
              href: "/services#finish-carpentry",
            },
            {
              label: "Staircases",
              href: "/services#staircases",
            },
            {
              label: "Pergolas & Gazebos",
              href: "/services#pergolas-gazebos",
            },
            {
              label: "Remodeling",
              href: "/services#remodeling",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/#about",
            },
            {
              label: "Project Gallery",
              href: "/gallery",
            },
            {
              label: "Testimonials",
              href: "/testimonials",
            },
            {
              label: "Request a Quote",
              href: "/contact",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "Get in Touch",
              href: "/contact",
            },
            {
              label: "FAQs",
              href: "/contact#faq",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Alder Elite Woodworks, LLC. All rights reserved."
      bottomRightText="Built with passion by elite craftsmen"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
