"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Facebook, Image, Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="large"
        background="fluid"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Kitchens",
          id: "/kitchens",
        },
        {
          name: "Bathrooms",
          id: "/bathrooms",
        },
        {
          name: "Renovations",
          id: "/renovations",
        },
        {
          name: "Wardrobes",
          id: "/wardrobes",
        },
        {
          name: "Projects",
          id: "/projects",
        },
        {
          name: "About",
          id: "/about",
        },
      ]}
      brandName="Biotti"
      button={{
        text: "Book Consultation",
        href: "/contact",
      }}
    />
  </div>

  <div id="featured-projects" data-section="featured-projects">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={true}
      products={[
        {
          id: "project-1",
          name: "Madrid Apartment Remodel",
          price: "Budget: €50k-€100k | Timeline: 4 Months",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-fragment-with-armchairs-glass-wall-stylish-lounge-area-furniture_169016-72729.jpg",
          imageAlt: "Luxurious renovated Madrid apartment living room",
        },
        {
          id: "project-2",
          name: "Luxury Villa Kitchen",
          price: "Budget: €80k-€150k | Timeline: 6 Months",
          imageSrc: "http://img.b2bpic.net/free-photo/architecture_1122-1804.jpg",
          imageAlt: "Luxury villa kitchen with marble island",
        },
        {
          id: "project-3",
          name: "Modern Bathroom Suite",
          price: "Budget: €30k-€60k | Timeline: 3 Months",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-bathroom-with-window-overlooking-city_169016-26294.jpg",
          imageAlt: "Modern luxury bathroom suite walk-in shower",
        },
        {
          id: "project-4",
          name: "Bespoke Wardrobe Installation",
          price: "Budget: €20k-€40k | Timeline: 2 Months",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-wardrobe-drawers-with-neatly-folded-clothes-smart-storage_169016-71171.jpg",
          imageAlt: "Custom luxury walk-in closet with island",
        },
      ]}
      title="Featured Transformations"
      description="Explore a curated selection of our most recent and remarkable interior renovation projects, showcasing before-and-after transformations. (Note: Before/After slider requires custom implementation beyond this component.)"
    />
  </div>

  <div id="brands" data-section="brands">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Dica",
        "Gatto",
        "AEG",
        "Electrolux",
        "Bosch",
        "Siemens",
        "Gaggenau",
        "SMEG",
        "Franke",
        "Neff",
        "Pando",
        "Fiora",
      ]}
      title="Brands We Work With"
      description="Working exclusively with trusted European manufacturers known for innovation, craftsmanship and lasting quality. Our partners embody excellence in every detail."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Biotti"
      copyrightText="© 2024 Biotti. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: Image,
          href: "#",
          ariaLabel: "Pinterest",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
