"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Briefcase, Calendar, Cog, Home, Hammer, MessageCircle, Paintbrush, Sparkles, Star, Brush, ClipboardCheck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "/" },
        { name: "Services", id: "/services" },
        { name: "Service Areas", id: "/service-areas" },
        { name: "Gallery", id: "/gallery" },
        { name: "Contact", id: "/contact" }
      ]}
      button={{
        text: "Get a Free Quote",        href: "/contact"}}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
      logoAlt="FloorCraft Logo"
      brandName="FloorCraft"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="FloorCraft: Family Craftsmanship Underfoot Since 2012"
      description="Your home deserves the touch of experienced hands. We're a family-owned business specializing in hardwood floor installation, sanding, and restoration, built on trust and personal relationships."
      kpis={[
        {
          value: "12+",          label: "Years in Business"},
        {
          value: "500+",          label: "Projects Completed"},
        {
          value: "5-Star",          label: "Customer Satisfaction"}]}
      enableKpiAnimation={true}
      tag="Trusted & Experienced"
      buttons={[
        {
          text: "Explore Services",          href: "/services"},
        {
          text: "Get a Free Quote",          href: "/contact"}]}
      buttonAnimation="slide-up"
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966820443-2vc4yi0u.png"
      imageAlt="Newly installed hardwood floor in a modern kitchen"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "https://img.b2bpic.net/free-photo/rustic-weathered-wood-surface-with-long-boards-lined-up_24972-248.jpg?id=3913052",          alt: "Satisfied client"},
        {
          src: "https://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg?id=420756080",          alt: "Happy homeowner"},
        {
          src: "https://img.b2bpic.net/free-photo/warm-wooden-texture_23-2151946271.jpg?id=413147449",          alt: "Project supervisor"},
        {
          src: "https://img.b2bpic.net/free-photo/rustic-reclaimed-wood-planks-texture_84443-73858.jpg?id=426436371",          alt: "Client testimonial"},
        {
          src: "https://img.b2bpic.net/free-vector/small-wooden-blocks-texture_1100-47.jpg?id=851179",          alt: "Trusted customer"}]}
      avatarText=""
      marqueeItems={[
        {
          type: "text",          text: "Hardwood Installation"},
        {
          type: "text",          text: "Floor Refinishing"},
        {
          type: "text",          text: "Custom Designs"},
        {
          type: "text",          text: "Dust-Free Sanding"},
        {
          type: "text",          text: "Free Consultations"}]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Our Family's Promise: Quality You Can Stand On"
      metrics={[
        {
          icon: Award,
          label: "Unmatched Craftsmanship",          value: "Premium Finishes"},
        {
          icon: Briefcase,
          label: "Personalized Service",          value: "Client-Focused"},
        {
          icon: Cog,
          label: "Experienced Professionals",          value: "Since 2012"}]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="home-features" data-section="home-features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Hardwood Floor Installation",          description: "Expert installation of all hardwood types, ensuring a seamless and durable finish that enhances your home's aesthetic.",          media: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966870626-bmc3gsu8.png",            imageAlt: "Hardwood floor installation"},
          items: [
            {
              icon: Home,
              text: "New Installations"},
            {
              icon: Hammer,
              text: "Material Sourcing"},
            {
              icon: Star,
              text: "Quality Guaranteed"}],
          reverse: false},
        {
          title: "Professional Floor Sanding",          description: "Restore the natural beauty of your existing hardwood floors with our dust-free sanding and refinishing services, bringing them back to life.",          media: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966945561-9h6uh1nb.png",            imageAlt: "Floor sanding service"},
          items: [
            {
              icon: Brush,
              text: "Refinishing"},
            {
              icon: Sparkles,
              text: "Dustless System"},
            {
              icon: Paintbrush,
              text: "Stain Matching"}],
          reverse: true},
        {
          title: "Free Estimates & Consultation",          description: "Start your flooring project with confidence. We offer complimentary, no-obligation estimates and expert advice tailored to your needs.",          media: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780966973320-uqhq8km9.png",            imageAlt: "Free flooring estimate"},
          items: [
            {
              icon: ClipboardCheck,
              text: "Detailed Quotes"},
            {
              icon: MessageCircle,
              text: "Expert Advice"},
            {
              icon: Calendar,
              text: "Flexible Scheduling"}],
          reverse: false}]}
      title="Experience the Art of Flooring with FloorCraft"
      description="From classic hardwoods to modern finishes, our family's expertise ensures your floors are a masterpiece. Explore our comprehensive services designed to bring beauty and durability to your home."
    />
  </div>

  <div id="home-testimonials" data-section="home-testimonials">
      <TestimonialCardSixteen
      textboxLayout="default"
      useInvertedBackground={true}
      animationType="depth-3d"
      testimonials={[]}
      kpiItems={[
        {
          value: "5.0",          label: "Average Rating"},
        {
          value: "98%",          label: "Client Retention"},
        {
          value: "100%",          label: "Satisfaction"}]}
      title="What Our Family of Customers Says"
      description="Hearing from our satisfied clients is the greatest reward. Their trust in our craftsmanship and personal approach is the foundation of our business."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[]}
      title=""
      description=""
      speed={40}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navigation",          items: [
            {
              label: "Home",              href: "/"},
            {
              label: "Services",              href: "/services"},
            {
              label: "Gallery",              href: "/gallery"},
            {
              label: "Contact",              href: "/contact"}]},
        {
          title: "Services",          items: [
            {
              label: "Hardwood Installation",              href: "/services#hardwood-installation"},
            {
              label: "Floor Sanding",              href: "/services#floor-sanding"},
            {
              label: "Free Estimates",              href: "/services#free-estimates"},
            {
              label: "Custom Designs",              href: "/services#custom-designs"}]},
        {
          title: "About Us",          items: [
            {
              label: "Our Story",              href: "/#about"},
            {
              label: "Testimonials",              href: "/#home-testimonials"},
            {
              label: "Service Areas",              href: "/service-areas"},
            {
              label: "FAQs",              href: "/contact#faq"}]}]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
      logoAlt="FloorCraft Logo"
      logoText="FloorCraft"
      copyrightText="© 2024 FloorCraft. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}