"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';

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="full-project-gallery" data-section="full-project-gallery">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Classic Kitchen",
          price: "View Project",
          variant: "Custom Oak Cabinetry",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264381.jpg",
          imageAlt: "Classic kitchen with custom oak cabinetry",
        },
        {
          id: "p2",
          name: "Modern Library",
          price: "View Project",
          variant: "Built-in Walnut Shelves",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-functional-home-office-space_23-2151985084.jpg",
          imageAlt: "Modern library with built-in walnut shelves",
        },
        {
          id: "p3",
          name: "Elegant Cellar",
          price: "View Project",
          variant: "Bespoke Wine Storage",
          imageSrc: "http://img.b2bpic.net/free-photo/bottles-tasty-wine-posh-reastoraunt-are-stored-shelf_613910-17445.jpg",
          imageAlt: "Elegant wine cellar",
        },
        {
          id: "p4",
          name: "Minimalist Vanity",
          price: "View Project",
          variant: "Floating Teak Vanity",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-drawer-with-wooden-dividers-interior-detail-modern-kitchen-island_169016-72791.jpg",
          imageAlt: "Minimalist bathroom vanity",
        },
        {
          id: "p5",
          name: "Living Room Feature",
          price: "View Project",
          variant: "Textured Wood Wall",
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-structure-with-rusty-metal-strips_23-2148394623.jpg",
          imageAlt: "Living room feature wall",
        },
        {
          id: "p6",
          name: "Grand Fireplace",
          price: "View Project",
          variant: "Custom Mantel & Surround",
          imageSrc: "http://img.b2bpic.net/free-photo/lumber-woodpile-bark-nature-rural_1203-4952.jpg",
          imageAlt: "Grand fireplace with custom mantel",
        },
        {
          id: "p7",
          name: "Outdoor Pergola",
          price: "View Project",
          variant: "Cedar & Steel Design",
          imageSrc: "http://img.b2bpic.net/free-photo/high-view-person-holding-hammer-drill_23-2148748796.jpg",
          imageAlt: "Custom outdoor pergola",
        },
        {
          id: "p8",
          name: "Spiral Staircase",
          price: "View Project",
          variant: "Floating Hardwood Stairs",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-staircase-stairs-interior-building_1203-4737.jpg",
          imageAlt: "Modern spiral staircase",
        },
      ]}
      title="Our Extensive Project Gallery"
      description="Explore the breadth and quality of our custom carpentry projects, showcasing our versatility and dedication to excellence."
    />
  </div>

  <div id="project-stories" data-section="project-stories">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Behind the Craft: Project Stories"
      description="Read about the inspiration, challenges, and successes behind some of our most remarkable woodworking projects."
      blogs={[
        {
          id: "blog1",
          category: "Case Study",
          title: "The Art of Bespoke Kitchen Craftsmanship",
          excerpt: "A deep dive into our recent kitchen remodel, highlighting custom cabinetry and innovative design choices.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-painting-picture-home_1303-31139.jpg",
          imageAlt: "Carpenter installing custom kitchen cabinetry",
          authorName: "Alder Team",
          authorAvatar: "http://img.b2bpic.net/free-photo/smiling-young-couple-enjoying-drink-outdoors_23-2147891179.jpg",
          date: "May 20, 2024",
        },
        {
          id: "blog2",
          category: "Design Focus",
          title: "Elevating Spaces with Custom Staircases",
          excerpt: "Discover how we transform ordinary staircases into extraordinary architectural features.",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-grayscale-shot-staircase-building_181624-43089.jpg",
          imageAlt: "Elegant spiral staircase design",
          authorName: "Alder Team",
          authorAvatar: "http://img.b2bpic.net/free-photo/creative-workers-standing-near-work-table-being-happy-finish-their-work_273609-14159.jpg",
          date: "April 15, 2024",
        },
        {
          id: "blog3",
          category: "Outdoor",
          title: "Crafting Your Perfect Outdoor Oasis: Pergolas & Gazebos",
          excerpt: "Learn about the design and build process for creating durable and beautiful outdoor structures.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359697.jpg",
          imageAlt: "Wooden pergola in a garden",
          authorName: "Alder Team",
          authorAvatar: "http://img.b2bpic.net/free-photo/business-owner-exchanging-ideas-with-realtor-contractor-office-tour_482257-91195.jpg",
          date: "March 10, 2024",
        },
      ]}
    />
  </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>
  );
}
