"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import { Building, CookingPot, Droplet, Home } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Projects",
          id: "/projects",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Leeds Building & Tiling Ltd"
      button={{
        text: "Get Free Quote",
        href: "/contact",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="projects-gallery" data-section="projects-gallery">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "proj-gal-1",
          name: "Contemporary Kitchen",
          price: "Leeds, LS6",
          imageSrc: "http://img.b2bpic.net/free-photo/man-servant-cooking-kitchen_23-2149530823.jpg",
          imageAlt: "Contemporary kitchen with island",
        },
        {
          id: "proj-gal-2",
          name: "Elegant Bathroom",
          price: "Roundhay, LS8",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-drawer-made-natural-wood-elegant-premium-interior-design_169016-72733.jpg",
          imageAlt: "Elegant bathroom with walk-in shower",
        },
        {
          id: "proj-gal-3",
          name: "Spacious Extension",
          price: "Headingley, LS6",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-fragment-with-armchairs-glass-wall-stylish-lounge-area-furniture_169016-72729.jpg",
          imageAlt: "Rear house extension with large windows",
        },
        {
          id: "proj-gal-4",
          name: "Loft Conversion",
          price: "Chapel Allerton, LS7",
          imageSrc: "http://img.b2bpic.net/free-photo/living-room-cute-style_1150-18011.jpg",
          imageAlt: "Bright and airy loft conversion",
        },
        {
          id: "proj-gal-5",
          name: "Exterior Repointing",
          price: "Horsforth, LS18",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-symmetrical-brick-building_23-2148252750.jpg",
          imageAlt: "Close-up of newly repointed brickwork",
        },
        {
          id: "proj-gal-6",
          name: "Modern Wetroom",
          price: "Moortown, LS17",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-drawers-with-marble-facade_169016-72795.jpg",
          imageAlt: "Modern wetroom design with dark tiles",
        },
      ]}
      title="Our Latest Project Gallery"
      description="Explore our portfolio of completed works, showcasing diverse projects from kitchens to extensions."
    />
  </div>

  <div id="project-categories" data-section="project-categories">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Kitchens",
          description: "See our kitchen remodelling and installation projects.",
          icon: CookingPot,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-vector/kitchen-icons-set_1085-396.jpg",
              imageAlt: "Kitchen projects icon",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-marble-backsplash-blue-kitchen-cabinets_169016-68873.jpg",
              imageAlt: "Kitchen projects icon",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/open-drawers-kitchen-ergonomics-functional-space_169016-68869.jpg?_wi=4",
          imageAlt: "kitchen stove icon cooking",
        },
        {
          title: "Bathrooms",
          description: "Explore our bathroom renovations and tiling work.",
          icon: Droplet,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/3d-interior-design-isometric-room_23-2151869986.jpg",
              imageAlt: "Bathroom projects icon",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-vector/home-repair-flat-icons-collection_1284-11673.jpg",
              imageAlt: "Bathroom projects icon",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-bathtub-bathroom-interior-with-window_169016-26296.jpg?_wi=4",
          imageAlt: "kitchen stove icon cooking",
        },
        {
          title: "Extensions",
          description: "View examples of our home extension and conversion projects.",
          icon: Home,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-102.jpg",
              imageAlt: "Extensions projects icon",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/blueprint-clipboard-house-key-property-block-with-white-copyspace-backdrop_23-2148183080.jpg",
              imageAlt: "Extensions projects icon",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302623.jpg?_wi=4",
          imageAlt: "kitchen stove icon cooking",
        },
        {
          title: "Exterior Work",
          description: "Discover our brickwork, repointing, and facade restoration projects.",
          icon: Building,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/geometric-facade-modern-building_23-2151966494.jpg",
              imageAlt: "Exterior work projects icon",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294498.jpg",
              imageAlt: "Exterior work projects icon",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976527.jpg?_wi=4",
          imageAlt: "kitchen stove icon cooking",
        },
      ]}
      title="Project Categories"
      description="Browse projects by type to find inspiration for your next home improvement."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Bathroom Renovations",
              href: "/services#bathrooms",
            },
            {
              label: "Kitchen Remodelling",
              href: "/services#kitchens",
            },
            {
              label: "Extensions",
              href: "/services#extensions",
            },
            {
              label: "General Building",
              href: "/services#general-building",
            },
            {
              label: "Repointing & Brickwork",
              href: "/services#brickwork",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Projects",
              href: "/projects",
            },
            {
              label: "Client Reviews",
              href: "/reviews",
            },
            {
              label: "Contact Us",
              href: "/contact",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "Call Us: 07552 198577",
              href: "tel:07552198577",
            },
            {
              label: "Email: info@leedsbuildingtiling.co.uk",
              href: "mailto:info@leedsbuildingtiling.co.uk",
            },
            {
              label: "Leeds, West Yorkshire",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Leeds Building & Tiling Ltd. All rights reserved."
      bottomRightText="Privacy Policy"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
