"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Building, CheckCircle, Clock, DollarSign, Leaf, ShieldCheck, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumLarge"
        background="noiseDiagonalGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Process",
          id: "process",
        },
        {
          name: "Reviews",
          id: "reviews",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="C.Homes RI"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{
        variant: "gradient-bars",
      }}
      title="Crafted Spaces. Enduring Quality."
      description="Rhode Island's trusted remodeling craftsmen — led by Nery Cruz. Bathrooms, kitchens, decks, and full home transformations executed with precision and care."
      testimonials={[
        {
          name: "Lauren Ruggieri",
          handle: "@lauren",
          testimonial: "I couldn't be more impressed with the results of my bathroom remodel.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg?_wi=1",
        },
        {
          name: "Christopher Bartlett",
          handle: "@chris",
          testimonial: "They are true craftsmen, and I highly recommend their services.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg?_wi=1",
        },
        {
          name: "Alex Brown",
          handle: "@alexb",
          testimonial: "Very communicative — worked for months with the town to get it done right.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg?_wi=1",
        },
        {
          name: "John Mennucci",
          handle: "@johnm",
          testimonial: "All work was done on time, on budget, and to a very high standard.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg?_wi=1",
        },
        {
          name: "Gina",
          handle: "@gina",
          testimonial: "My kitchen rehab looks great and they designed a beautiful built-in bar nook.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-african-man-taking-selfie-mobile-phone-with-her-girlfriend_23-2148151844.jpg?_wi=1",
        },
      ]}
      buttons={[
        {
          text: "Request Estimate",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976582.jpg?_wi=1"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg",
          alt: "Client 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
          alt: "Client 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
          alt: "Client 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
          alt: "Client 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-portrait-young-african-man-taking-selfie-mobile-phone-with-her-girlfriend_23-2148151844.jpg",
          alt: "Client 5",
        },
      ]}
      avatarText="Trusted by 100+ RI homeowners"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Licensed & Insured",
          icon: ShieldCheck,
        },
        {
          type: "text-icon",
          text: "Premium Craftsmanship",
          icon: Building,
        },
        {
          type: "text-icon",
          text: "Sustainable Design",
          icon: Leaf,
        },
        {
          type: "text-icon",
          text: "Punctual Delivery",
          icon: Clock,
        },
        {
          type: "text-icon",
          text: "Transparent Pricing",
          icon: DollarSign,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Built on a Simple Promise"
      metrics={[
        {
          icon: Star,
          label: "Google Rating",
          value: "5.0",
        },
        {
          icon: CheckCircle,
          label: "Projects Completed",
          value: "100+",
        },
        {
          icon: Clock,
          label: "Years Experience",
          value: "10+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "1",
          title: "Bathroom Remodels",
          tags: [
            "Full Service",
            "Specialty",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976582.jpg?_wi=2",
        },
        {
          id: "2",
          title: "Kitchen Renovations",
          tags: [
            "Custom",
            "Design",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976582.jpg?_wi=3",
        },
        {
          id: "3",
          title: "Decks & Porches",
          tags: [
            "Carpentry",
            "Permitting",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976582.jpg?_wi=4",
        },
        {
          id: "4",
          title: "Full Home Remodels",
          tags: [
            "Concept",
            "Execution",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976582.jpg?_wi=5",
        },
      ]}
      title="Full-Service Home Remodeling"
      description="Excellence in every detail, from concept to completion."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          title: "Bathroom Renovation",
          quote: "I couldn't be more impressed with the results.",
          name: "Lauren Ruggieri",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg?_wi=2",
        },
        {
          id: "2",
          title: "General Contracting",
          quote: "They are true craftsmen, and I highly recommend their services.",
          name: "Christopher Bartlett",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg?_wi=2",
        },
        {
          id: "3",
          title: "Deck Construction",
          quote: "Very communicative — worked for months with the town to get it done right.",
          name: "Alex Brown",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg?_wi=2",
        },
        {
          id: "4",
          title: "Home Addition",
          quote: "All work was done on time, on budget, and to a very high standard.",
          name: "John Mennucci",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg?_wi=2",
        },
        {
          id: "5",
          title: "Kitchen Remodel",
          quote: "I have more projects and will definitely use them again.",
          name: "Gina",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-african-man-taking-selfie-mobile-phone-with-her-girlfriend_23-2148151844.jpg?_wi=2",
        },
      ]}
      title="What Our Clients Say"
      description="Testimonials from Rhode Island homeowners."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Let's Discuss Your Project"
      description="Ready to transform your home? Get in touch for a free, no-obligation estimate."
      inputs={[
        {
          name: "firstName",
          type: "text",
          placeholder: "First Name",
          required: true,
        },
        {
          name: "lastName",
          type: "text",
          placeholder: "Last Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Email Address",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Describe your project...",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/idea-adult-man-protective-helmet-plaid-shirt-with-tablet-his-hands-thinking-looking-side-standing-construction-site_259150-57618.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Kitchens",
              href: "#",
            },
            {
              label: "Bathrooms",
              href: "#",
            },
            {
              label: "Decks",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#",
            },
            {
              label: "Our Process",
              href: "#",
            },
            {
              label: "Reviews",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2025 C.Homes RI"
      bottomRightText="Pawtucket, RI · Licensed & Insured"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
