"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
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="detailed-services" data-section="detailed-services">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Interior",
          title: "Finish Carpentry",
          subtitle: "Precision and elegance",
          description: "Our finish carpentry services include expert installation of crown molding, baseboards, door and window casings, and intricate wall paneling, ensuring a polished interior.",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199375.jpg",
          imageAlt: "Detailed crown molding installation",
        },
        {
          tag: "Custom",
          title: "Custom Cabinetry",
          subtitle: "Designed for your lifestyle",
          description: "We specialize in crafting bespoke cabinetry for kitchens, bathrooms, offices, and living areas, offering limitless design possibilities and superior quality.",
          imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-linear-led-blue-modern_169016-69246.jpg",
          imageAlt: "Custom kitchen cabinetry",
        },
        {
          tag: "Architectural",
          title: "Staircases & Railings",
          subtitle: "Grand and functional",
          description: "From classic to contemporary, we design and construct custom staircases and railings that serve as stunning architectural statements in your home.",
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-surface-that-has-revolving-circular-pattern_181624-24962.jpg",
          imageAlt: "Modern wooden staircase",
        },
        {
          tag: "Outdoor Living",
          title: "Pergolas & Gazebos",
          subtitle: "Your outdoor sanctuary",
          description: "Extend your living space outdoors with our beautiful custom pergolas and gazebos, perfect for relaxation and entertaining.",
          imageSrc: "http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698418.jpg",
          imageAlt: "Outdoor wooden pergola",
        },
        {
          tag: "Transformation",
          title: "Home Remodeling",
          subtitle: "Bringing new life to spaces",
          description: "Our remodeling services transform existing spaces, integrating custom carpentry solutions to enhance beauty, functionality, and value.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-digital-disconnecting-home-by-listening-music-vinyl_23-2150037434.jpg",
          imageAlt: "Home remodeling project",
        },
        {
          tag: "Storage",
          title: "Wall Paneling & Shelving",
          subtitle: "Elegant and organized",
          description: "Elevate your interiors with custom wall paneling and innovative shelving solutions that combine aesthetic appeal with practical storage.",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-surface-with-bamboo-great-background-wallpaper_181624-23599.jpg",
          imageAlt: "Custom wall paneling",
        },
      ]}
      title="Our Complete Range of Woodworking Services"
      description="Alder Elite Woodworks, LLC offers a comprehensive suite of services tailored to meet the highest standards of luxury and custom craftsmanship."
    />
  </div>

  <div id="service-faq" data-section="service-faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "What types of wood do you typically work with?",
          content: "We work with a variety of high-quality woods, including oak, maple, cherry, walnut, mahogany, and reclaimed timber, depending on the project requirements and client preferences.",
        },
        {
          id: "faq2",
          title: "Can you match existing finishes in my home?",
          content: "Yes, our craftsmen are skilled in matching a wide range of existing finishes and stains to ensure seamless integration with your current decor.",
        },
        {
          id: "faq3",
          title: "Do you handle both residential and commercial projects?",
          content: "Absolutely. We have extensive experience delivering custom carpentry and woodworking solutions for both residential homes and commercial establishments.",
        },
        {
          id: "faq4",
          title: "What is the typical timeline for a custom cabinetry project?",
          content: "The timeline varies based on complexity and scope. After the initial consultation and design approval, we provide a detailed project schedule. Typically, custom cabinetry can take 6-12 weeks from start to finish.",
        },
        {
          id: "faq5",
          title: "Do you offer design consultation services?",
          content: "Yes, we offer comprehensive design consultation services to help you visualize and plan your project, ensuring it meets your aesthetic and functional needs.",
        },
      ]}
      title="Frequently Asked Questions About Our Services"
      description="Find answers to common questions about our custom carpentry and woodworking services."
      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>
  );
}
