"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="renovations-about" data-section="renovations-about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      imagePosition="right"
      title="Complete Home Transformation"
      description="Transforming properties with meticulous planning and craftsmanship, delivering integrated solutions for modern living and enhanced aesthetics."
      bulletPoints={[
        {
          title: "Full-Service Approach",          description: "Managing every aspect of your renovation from initial design to final touches."},
        {
          title: "Architectural Integration",          description: "Harmonizing new designs with existing structures for a cohesive outcome."},
        {
          title: "Quality Craftsmanship",          description: "Our in-house team ensures superior execution and attention to detail."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/modern-dining-room-with-outdoor-patio-pool_23-2152008246.jpg"
      imageAlt="Modern open-plan living room renovation"
      mediaAnimation="opacity"
    />
  </div>

  <div id="renovations-features" data-section="renovations-features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Structural Modifications",          description: "Expert handling of load-bearing walls, space reconfigurations, and extensions.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-reinforce-concrete-stair-structure-modification-using-hand-drill_1150-6131.jpg",            imageAlt: "Architectural drawings for home renovation"},
          items: [
            {
              icon: MessageCircle,
              text: "Space Optimization"},
            {
              icon: ClipboardCheck,
              text: "Permit Management"},
          ],
          reverse: false
        },
        {
          title: "Interior Finishing",          description: "High-quality flooring, bespoke carpentry, painting, and decorative plasterwork.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/young-worker-lining-floor-with-laminated-flooring-boards_231208-4215.jpg",            imageAlt: "Luxury home interior finishing details"},
          items: [
            {
              icon: DraftingCompass,
              text: "Custom Joinery"},
            {
              icon: Palette,
              text: "Premium Paint"},
          ],
          reverse: true
        },
        {
          title: "System Upgrades",          description: "Modern electrical, plumbing, HVAC, and smart home system installations.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499125.jpg",            imageAlt: "Renovated home with custom lighting design"},
          items: [
            {
              icon: Wrench,
              text: "Energy Efficiency"},
            {
              icon: Clock,
              text: "Smart Home Ready"}
          ],
          reverse: false
        }
      ]}
      title="Our Renovation Expertise"
      description="Our comprehensive approach ensures a smooth and stress-free home transformation, delivered with precision and flair."
    />
  </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>
  );
}
