"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Clock, Home, Phone, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="fluid"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "services"},
        {
          name: "Reviews",          id: "reviews"},
        {
          name: "Contact",          id: "contact"},
      ]}
      button={{
        text: "Call Levi Now",          href: "tel:3197956677"}}
      brandName="Krome Custom Renovation"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="Keokuk's Premier Renovation: Built For Your Life, Handled With Care"
      description="Keokuk's most trusted general contractor — above and beyond on every project."
      testimonials={[
        {
          name: "Sarah J.",          handle: "@Homeowner",          testimonial: "Levi and his crew delivered exceptional quality on our project, exceeding all our expectations!",          rating: 5,
        },
        {
          name: "Michael R.",          handle: "@Client",          testimonial: "Professionalism, reliability, and flawless execution. Krome is simply the best.",          rating: 5,
        },
        {
          name: "Emily C.",          handle: "@Resident",          testimonial: "A truly personalized experience with outstanding results. Highly recommend!",          rating: 5,
        },
      ]}
      buttons={[
        {
          text: "Call Levi Now",          href: "tel:3197956677"},
        {
          text: "See Our Work",          href: "#services"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_107420-84879.jpg",          alt: "Customer Avatar 1"},
        {
          src: "http://img.b2bpic.net/free-photo/female-engineers-working_23-2151657928.jpg",          alt: "Customer Avatar 2"},
        {
          src: "http://img.b2bpic.net/free-photo/serious-sad-attractive-young-bearded-student-wearing-trendy-black-hat-sitting-alone-modern-spacious-coffee-shop_273609-1629.jpg",          alt: "Customer Avatar 3"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-black-woman-street_641386-294.jpg",          alt: "Customer Avatar 4"},
        {
          src: "http://img.b2bpic.net/free-photo/outdoor-construction-worker-wearing-safety-glasses-helmet_23-2148784052.jpg",          alt: "Customer Avatar 5"},
      ]}
      avatarText="5.0 Stars — 15 Google Reviews"
      imageSrc="http://img.b2bpic.net/free-photo/woman-relaxing-couch_23-2148415906.jpg"
      imageAlt="Luxurious home interior after renovation"
    />
  </div>

  <div id="trust-bar" data-section="trust-bar">
      <AboutMetric
      useInvertedBackground={true}
      title="Why Krome is Your Trusted Choice"
      metrics={[
        {
          icon: Star,
          label: "5.0 Stars",          value: "15 Reviews"},
        {
          icon: Home,
          label: "Residential & Commercial",          value: "Expertise"},
        {
          icon: Clock,
          label: "Open 24 Hours",          value: "Always Available"},
        {
          icon: Phone,
          label: "Responsive",          value: "Always in Touch"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "renovations",          label: "Full Home Renovations",          title: "Kitchens, Living Spaces, Complete Remodels",          items: [
            "Design & Planning",            "Flooring & Cabinetry",            "Structural Changes"],
        },
        {
          id: "bathrooms",          label: "Bathroom Remodeling",          title: "Tile, Shower, Floor, Full Gut Renovations",          items: [
            "Custom Showers",            "Vanity Installation",            "Plumbing & Fixtures"],
        },
        {
          id: "basement",          label: "Basement Finishing",          title: "Drywall, Drop Ceilings, Paneling, Full Transformation",          items: [
            "Waterproofing",            "Insulation & Drywall",            "Egress Windows"],
        },
        {
          id: "roofing",          label: "Roofing & Roof Repair",          title: "Storm Damage, Insurance Claims, Full Replacements",          items: [
            "Shingle & Metal Roofing",            "Leak Repair",            "Insurance Claim Support"],
        },
        {
          id: "carpentry",          label: "Carpentry & Custom Builds",          title: "Sheds, Doors, Custom Woodwork",          items: [
            "Trim & Molding",            "Deck Building",            "Custom Cabinetry"],
        },
        {
          id: "small-jobs",          label: "Small Jobs Welcome",          title: "Insulation, Repairs, Handyman Projects",          items: [
            "Drywall Patching",            "Door Adjustments",            "Minor Repairs"],
        },
      ]}
      title="Every Job. Done Right."
      description="Krome Custom Renovation & Construction delivers unparalleled quality on every project. Levi provides personal guidance, acts as your expert for insurance claims, and guarantees punctuality on every job."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Mary Uhlmeyer",          handle: "Homeowner",          testimonial: "Levi and his great crew went above and beyond on our home renovation. Working with him in designing all new living space was so easy. He is very meticulous with his work and works so well accommodating me.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg"},
        {
          id: "2",          name: "Christine Morgan",          handle: "Client",          testimonial: "Levi did a beautiful job on our bathroom. He tiled the shower and floor and they both look fantastic. Quality workmanship, very reasonable and easy to work with.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/image-modern-brunette-girl-sits-kitchen-floor-listens-music-wireless-headphones-holding_1258-201275.jpg"},
        {
          id: "3",          name: "Kelly Campbell",          handle: "Customer",          testimonial: "They exceeded our expectations in every way! Replaced old paneling, installed new drywall, drop ceiling, sliding door — exceeded expectations completely.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-man-holding-her-girlfriend-s-hand_23-2147891265.jpg"},
        {
          id: "4",          name: "Kristopher Fisher",          handle: "Homeowner",          testimonial: "Levi worked directly with my insurance adjuster which made the process a less headache for myself. Highly recommend him and his crew.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-isolated-showing-facial-emotions_1303-20269.jpg"},
      ]}
      showRating={true}
      title="Don't Take Our Word For It."
      description="Hear directly from our clients about their experience with Levi and the Krome team."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Ready to Start Your Project? Call Levi directly — he picks up, he responds, and he shows up.\n\nPhone: (319) 795-6677\nAddress: 609 Morgan St, Keokuk, IA 52632\nHours: Open 24 Hours"
      buttons={[
        {
          text: "Call (319) 795-6677",          href: "tel:3197956677"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Krome Custom Renovation & Construction"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Reviews",              href: "#reviews"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Krome Custom Renovation & Construction. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
