"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { CheckCircle, ClipboardCheck, Clock, DraftingCompass, Facebook, Image, Instagram, MessageCircle, Palette, Wrench } 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="bathrooms-about" data-section="bathrooms-about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      imagePosition="right"
      title="Luxury Bathroom Sanctuary"
      description="Sophisticated spaces combining comfort, beauty, and functionality. Indulge in a sanctuary designed for ultimate relaxation and rejuvenation."
      bulletPoints={[
        {
          title: "Spa-like Ambiance",          description: "Creating tranquil environments with soothing aesthetics and luxurious touches."},
        {
          title: "Premium Fixtures",          description: "High-end sanitaryware and fittings from renowned European manufacturers."},
        {
          title: "Custom Vanities",          description: "Bespoke vanity units and storage solutions tailored to your design vision."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160181.jpg"
      imageAlt="Luxury spa-like bathroom interior"
      mediaAnimation="opacity"
    />
  </div>

  <div id="bathrooms-features" data-section="bathrooms-features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Integrated Technology",          description: "Smart mirrors, temperature control, and automated lighting for a modern experience.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-wearing-white-robe-standing-near-hot-bubble-bath-with-glass-sparkling-wine-low_7502-10235.jpg",            imageAlt: "Smart bathroom mirror"},
          items: [
            {
              icon: MessageCircle,
              text: "Digital Showers"},
            {
              icon: ClipboardCheck,
              text: "Heated Floors"},
          ],
          reverse: false
        },
        {
          title: "Walk-in Showers & Wet Rooms",          description: "Spacious, minimalist designs offering luxury and easy maintenance.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/bathtub_1203-3717.jpg",            imageAlt: "Modern wet room design"},
          items: [
            {
              icon: DraftingCompass,
              text: "Seamless Transitions"},
            {
              icon: Palette,
              text: "Designer Drains"},
          ],
          reverse: true
        },
        {
          title: "Statement Bathtubs",          description: "Freestanding or built-in tubs, chosen for their sculptural beauty and comfort.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/colorful-pastel-minimal-interior-design_23-2151883515.jpg",            imageAlt: "Freestanding bathtub"},
          items: [
            {
              icon: Wrench,
              text: "Ergonomic Shapes"},
            {
              icon: Clock,
              text: "Luxurious Finishes"}
          ],
          reverse: false
        }
      ]}
      title="Bathroom Design Highlights"
      description="Explore the premium details and smart solutions in every Biotti bathroom, ensuring both elegance and functionality."
    />
  </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>
  );
}
