"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, Handshake, 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="about-company" data-section="about-company">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      imagePosition="right"
      title="Founded in 1987: Our Legacy"
      description="Biotti began as a specialist kitchen and bathroom design studio in Madrid. As client demand evolved, the company expanded into complete renovations and interior architecture, offering a fully integrated service for residential transformation. Today, Biotti collaborates with homeowners, architects, interior designers and property professionals throughout Madrid. Our reputation has been built through decades of craftsmanship, reliability and recommendations from satisfied clients."
      bulletPoints={[
        {
          title: "Four Decades of Excellence",          description: "A trusted name in luxury interiors since 1987."},
        {
          title: "Integrated Design-Build",          description: "From concept to completion, a single point of accountability."},
        {
          title: "Client-Centric Philosophy",          description: "Building lasting relationships through exceptional service."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/people-discussing-business-department-meeting_1098-20238.jpg"
      imageAlt="Biotti company founders shaking hands with architects"
      mediaAnimation="opacity"
    />
  </div>

  <div id="process" data-section="process">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Step 1: Consultation",          description: "Understanding your goals, lifestyle and budget through an in-depth discussion.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas_176420-1662.jpg",            imageAlt: "Client consultation with designer"},
          items: [
            {
              icon: MessageCircle,
              text: "Initial Meeting"},
            {
              icon: ClipboardCheck,
              text: "Needs Assessment"},
          ],
          reverse: false
        },
        {
          title: "Step 2: Design & Planning",          description: "Detailed layouts, material selections, and technical preparation with 3D visuals.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418530.jpg",            imageAlt: "Architectural drawing of kitchen design"},
          items: [
            {
              icon: DraftingCompass,
              text: "3D Visuals"},
            {
              icon: Palette,
              text: "Material Selection"},
          ],
          reverse: true
        },
        {
          title: "Step 3: Execution",          description: "Construction and installation managed by our expert in-house team with strict quality control.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-preparing-plant-flower-greenhouse_53876-95789.jpg",            imageAlt: "Construction team working on interior renovation"},
          items: [
            {
              icon: Wrench,
              text: "In-House Build"},
            {
              icon: Clock,
              text: "Timeline Management"},
          ],
          reverse: false
        },
        {
          title: "Step 4: Completion",          description: "Final quality review, project handover, and client satisfaction check.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg",            imageAlt: "Completed luxury kitchen with designer"},
          items: [
            {
              icon: CheckCircle,
              text: "Quality Check"},
            {
              icon: Handshake,
              text: "Client Handover"}
          ],
          reverse: true
        }
      ]}
      title="Our Transformation Process"
      description="A transparent, organized, and client-focused journey from concept to completion, ensuring every detail is perfect."
    />
  </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>
  );
}
