"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 FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Services",          id: "/services"},
        {
          name: "Gallery",          id: "/gallery"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      button={{
        text: "Get a Free Quote",        href: "/contact"}}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
      logoAlt="FloorCraft Logo"
      brandName="FloorCraft"
    />
  </div>

  <div id="contact-form" data-section="contact-form">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Ready to Transform Your Floors? Contact Us for a Free Quote Today!"
      buttons={[
        {
          text: "Call Us Now: (770) 374-7706",          href: "tel:+15551234567"},
        {
          text: "Email Us: Floorcraftt@gmail.com",          href: "mailto:info@floorcraft.com"},
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "What types of hardwood floors do you install?",          content: "We install all types of hardwood flooring, including solid hardwood, engineered hardwood, and parquet. We also work with a variety of wood species like oak, maple, hickory, and more."},
        {
          id: "faq-2",          title: "Is your floor sanding process dust-free?",          content: "Yes, we utilize state-of-the-art dust containment systems during our sanding process to minimize dust and ensure a cleaner environment for your home."},
        {
          id: "faq-3",          title: "How long does a typical installation take?",          content: "The duration of an installation depends on the size of the area, the type of flooring, and any necessary prep work. We provide a detailed timeline with your free estimate."},
        {
          id: "faq-4",          title: "Do you offer free estimates?",          content: "Absolutely! We offer complimentary, no-obligation estimates for all our services. Contact us to schedule your on-site assessment."},
        {
          id: "faq-5",          title: "What areas do you serve?",          content: "FloorCraft proudly serves homes across Georgia, Florida, South Carolina, Alabama, North Carolina, and Mississippi. Check our service areas section for more details."},
        {
          id: "faq-6",          title: "How do I maintain my new hardwood floors?",          content: "We provide comprehensive care instructions upon completion of your project. Generally, regular sweeping, damp mopping, and avoiding harsh chemicals are key."},
      ]}
      title="Common Questions About Flooring"
      description="Got questions? We've got answers. Find out everything you need to know about hardwood installation, sanding, maintenance, and our process."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navigation",          items: [
            {
              label: "Home",              href: "/"},
            {
              label: "Services",              href: "/services"},
            {
              label: "Gallery",              href: "/gallery"},
            {
              label: "Contact",              href: "/contact"},
          ],
        },
        {
          title: "Services",          items: [
            {
              label: "Hardwood Installation",              href: "/services#hardwood-installation"},
            {
              label: "Floor Sanding",              href: "/services#floor-sanding"},
            {
              label: "Free Estimates",              href: "/services#free-estimates"},
            {
              label: "Custom Designs",              href: "/services#custom-designs"},
          ],
        },
        {
          title: "About Us",          items: [
            {
              label: "Our Story",              href: "/#about"},
            {
              label: "Testimonials",              href: "/#home-testimonials"},
            {
              label: "Service Areas",              href: "/services#service-areas"},
            {
              label: "FAQs",              href: "/contact#faq"},
          ],
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
      logoAlt="FloorCraft Logo"
      logoText="FloorCraft"
      copyrightText="© 2024 FloorCraft. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}