"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import { CheckCircle, ListChecks, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        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: "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="services-overview" data-section="services-overview">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Hardwood Installation",          description: "From selection to installation, we guide you through choosing the perfect hardwood, ensuring a beautiful and lasting addition to your home.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-living-room_1203-2344.jpg",            imageAlt: "Hardwood floor installation"},
          items: [
            {
              icon: CheckCircle,
              text: "Wide Selection"},
            {
              icon: CheckCircle,
              text: "Dust-Free Process"},
            {
              icon: CheckCircle,
              text: "Lasting Durability"},
          ],
          reverse: false,
        },
        {
          title: "Floor Sanding & Refinishing",          description: "Breathe new life into old floors. Our meticulous sanding and refinishing services restore their original luster and protect them for years to come.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-with-yellow-gloves-cleaning-floor_140725-12662.jpg",            imageAlt: "Floor sanding and refinishing"},
          items: [
            {
              icon: CheckCircle,
              text: "Color Matching"},
            {
              icon: CheckCircle,
              text: "Scratch Removal"},
            {
              icon: CheckCircle,
              text: "Protective Coats"},
          ],
          reverse: true,
        },
        {
          title: "Custom Flooring Designs",          description: "Elevate your space with unique patterns, borders, and inlay designs. We craft bespoke flooring solutions that reflect your personal style and vision.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-outdoors-arrangement_23-2149135744.jpg",            imageAlt: "Custom patterned hardwood floor"},
          items: [
            {
              icon: CheckCircle,
              text: "Unique Patterns"},
            {
              icon: CheckCircle,
              text: "Decorative Inlays"},
            {
              icon: CheckCircle,
              text: "Personalized Style"},
          ],
          reverse: false,
        },
      ]}
      title="Your Complete Flooring Solution"
      description="FloorCraft delivers expert solutions for every flooring need, combining traditional craftsmanship with modern techniques for outstanding results."
    />
  </div>

  <div id="free-estimates" data-section="free-estimates">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "estimate",          badge: "No Obligation",          badgeIcon: Sparkles,
          price: "FREE",          subtitle: "Comprehensive Quote",          buttons: [
            {
              text: "Request Your Free Estimate",              href: "/contact"},
          ],
          features: [
            "On-site measurement & assessment",            "Detailed project breakdown",            "Material recommendations",            "Timeline estimation",            "No hidden fees"],
        },
        {
          id: "consultation",          badge: "Expert Advice",          badgeIcon: ListChecks,
          price: "Custom",          subtitle: "Project Consultation",          buttons: [
            {
              text: "Schedule a Consultation",              href: "/contact"},
          ],
          features: [
            "In-depth design discussion",            "Material samples & finishes",            "Personalized style guidance",            "Budget planning support",            "Long-term maintenance tips"],
        },
      ]}
      title="Ready for Your Dream Floors?"
      description="Get started with FloorCraft today! We offer transparent pricing and personalized quotes to ensure your project fits your vision and budget. Your free estimate is just a click away."
    />
  </div>

  <div id="service-areas" data-section="service-areas">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Serving the Southeast's Finest Homes"
      tag="Our Reach"
      metrics={[
        {
          id: "1",          value: "Georgia",          description: "Extensive Coverage"},
        {
          id: "2",          value: "Florida",          description: "Sunshine State Projects"},
        {
          id: "3",          value: "South Carolina",          description: "Coastal to Inland"},
        {
          id: "4",          value: "Alabama",          description: "Heart of the South"},
        {
          id: "5",          value: "North Carolina",          description: "Mountain to Sea"},
        {
          id: "6",          value: "Mississippi",          description: "Magnolia State Floors"},
      ]}
      metricsAnimation="slide-up"
    />
  </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: "/services#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>
  );
}
