"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import { Award, Sparkles, Paintbrush, Home, Building2, Workflow } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeMediumTitles"
        background="noise"
        cardStyle="soft-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Services",          id: "#services"},
        {
          name: "Projects",          id: "#projects"},
        {
          name: "About Us",          id: "#about-us"},
        {
          name: "Contact",          id: "#contact"}
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/paint-brush-logo-design-template_561265-102.jpg"
      logoAlt="Five Star Painting LTD logo"
      brandName="Five Star Painting LTD"
      button={{
        text: "Call Now",        href: "tel:+14034660327"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain"}}
      title="Five Star Painting LTD: Experience the Difference"
      description="Professional painting services for homes and businesses. Quality work, every time."
      kpis={[
        {
          value: "15+",          label: "Years Experience"},
        {
          value: "1000+",          label: "Projects Completed"},
        {
          value: "5-Star",          label: "Customer Rating"},
      ]}
      enableKpiAnimation={true}
      tag="Five Star Painting LTD"
      buttons={[
        {
          text: "Get a Free Estimate",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/painter-with-paint-roller-working_23-2148760074.jpg"
      imageAlt="Professional painter at work"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Interior Painting"},
        {
          type: "text",          text: "Exterior Painting"},
        {
          type: "text",          text: "Commercial Projects"},
        {
          type: "text",          text: "Residential Services"},
        {
          type: "text",          text: "Deck & Fence Staining"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      title="Our Comprehensive Painting Services"
      description="From meticulous interior work to durable exterior coatings, we cover all your painting needs with excellence."
      features={[
        {
          title: "Interior Painting",          description: "Transform your living spaces with fresh colors and professional finishes. We handle everything from prep to perfection.",          imageSrc: "http://img.b2bpic.net/free-photo/house-interior-view-from-top-floor_23-2148687796.jpg?_wi=1",          imageAlt: "Interior painted room"
        },
        {
          title: "Exterior Painting",          description: "Protect and beautify your home's exterior with our high-quality, weather-resistant paints and expert application.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-green-garden_23-2148784865.jpg?_wi=1",          imageAlt: "Exterior painted house"
        },
        {
          title: "Commercial Painting",          description: "Minimize disruption and maximize impact with our efficient and professional commercial painting solutions.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-architectural-detail_23-2148281057.jpg",          imageAlt: "Commercial building exterior"
        }
      ]}
    />
  </div>

  <div id="about-us" data-section="about-us">
      <AboutMetric
      useInvertedBackground={true}
      title="Committed to Excellence in Every Brushstroke"
      metrics={[
        {
          icon: Award,
          label: "Years in Business",          value: "15"},
        {
          icon: Sparkles,
          label: "Successful Projects",          value: "1000+"},
        {
          icon: Award,
          label: "Customer Satisfaction",          value: "5-Star"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="projects" data-section="projects">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "residential-interior",          title: "Residential Interior Makeover",          author: "Client Project",          description: "Complete interior painting for a modern family home, creating bright and inviting spaces.",          tags: ["Interior", "Residential", "Modern"],
          imageSrc: "http://img.b2bpic.net/free-photo/house-interior-view-from-top-floor_23-2148687796.jpg?_wi=2",          imageAlt: "Residential Interior Painting Project"
        },
        {
          id: "commercial-exterior",          title: "Commercial Exterior Revitalization",          author: "Client Project",          description: "A fresh, durable coat for a local business, enhancing curb appeal and protection.",          tags: ["Exterior", "Commercial", "Durability"],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-green-garden_23-2148784865.jpg?_wi=2",          imageAlt: "Commercial Exterior Painting Project"
        }
      ]}
      title="Our Recent Painting Projects"
      description="Browse through our portfolio of transformative interior and exterior painting work."
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Hear From Our Happy Clients"
      description="Our clients consistently rave about our professionalism, quality, and attention to detail."
      testimonials={[
        {
          id: "testimonial-1",          name: "John D.",          role: "Homeowner",          company: "Calgary",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-man-isolated-white_23-2148768798.jpg",          imageAlt: "Avatar of John D."
        },
        {
          id: "testimonial-2",          name: "Sarah P.",          role: "Business Owner",          company: "Calgary",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-businesswoman-sitting-desk-with-crossed-hands-isolated-white-background_1418-2041.jpg",          imageAlt: "Avatar of Sarah P."
        },
        {
          id: "testimonial-3",          name: "Emily R.",          role: "Property Manager",          company: "Calgary",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-man-isolated-yellow-wall_23-2148704206.jpg",          imageAlt: "Avatar of Emily R."
        },
        {
          id: "testimonial-4",          name: "David L.",          role: "Condo Owner",          company: "Calgary",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-businessman-sitting-desk_1098-13768.jpg",          imageAlt: "Avatar of David L."
        }
      ]}
      kpiItems={[
        {
          value: "99%",          label: "Satisfaction Rate"
        },
        {
          value: "15+",          label: "Years of Service"
        },
        {
          value: "A+",          label: "BBB Rating"
        }
      ]}
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      title="Trusted by Homeowners & Businesses"
      description="We've built a reputation for reliable, high-quality painting services across the region."
      names={[
        "Residential Clients",        "Commercial Partners",        "Property Managers",        "Local Businesses",        "Renovation Companies"
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="Get in Touch"
      title="Ready for a Fresh Coat?"
      description="Contact us today for a free estimate or to discuss your painting project. Call us at +1 403 466 0327."
      tagIcon={Paintbrush}
      background={{
        variant: "plain"}}
      useInvertedBackground={false}
      imageSrc="http://img.b2bpic.net/free-photo/person-typing-phone-with-paint-splatters_23-2148821033.jpg"
      imageAlt="Person using phone with paint splatters"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Submit Inquiry" 
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/paint-brush-logo-design-template_561265-102.jpg"
      logoAlt="Five Star Painting LTD logo"
      columns={[
        {
          items: [
            {
              label: "Services",              href: "#services"
            },
            {
              label: "Projects",              href: "#projects"
            },
            {
              label: "About Us",              href: "#about-us"
            },
            {
              label: "Contact",              href: "#contact"
            }
          ]
        },
        {
          items: [
            {
              label: "Phone: +1 403 466 0327",              href: "tel:+14034660327"
            },
            {
              label: "Email: info@fivestarpainting.ltd",              href: "mailto:info@fivestarpainting.ltd"
            },
            {
              label: "Privacy Policy",              href: "#"
            },
            {
              label: "Terms of Service",              href: "#"
            }
          ]
        }
      ]}
      logoText="Five Star Painting LTD"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}