"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Building2, Home, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Services",          id: "services"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Crosby's Roofing"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Your Roof, Our Responsibility"
      description="At Crosby's Roofing LLC, we deliver high-quality, long-lasting roofing solutions with integrity. Serving our community for years with expert craftsmanship."
      testimonials={[
        {
          name: "John Doe",          handle: "@johndoe",          testimonial: "Exceptional service from start to finish. Highly recommend for any roofing needs.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg",          imageAlt: "residential roof installation close up"},
        {
          name: "Sarah Smith",          handle: "@sarahsmith",          testimonial: "Very professional team, left the site cleaner than they found it.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15689.jpg",          imageAlt: "residential roof installation close up"},
        {
          name: "Robert Lee",          handle: "@robertlee",          testimonial: "Honest pricing and high quality work. Will hire again.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",          imageAlt: "residential roof installation close up"},
        {
          name: "Emily White",          handle: "@emwhite",          testimonial: "Prompt, professional, and very thorough with the roof inspection.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",          imageAlt: "residential roof installation close up"},
        {
          name: "Michael Brown",          handle: "@mikeb",          testimonial: "Quality craftsmanship that you can really trust. Great roofers.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",          imageAlt: "residential roof installation close up"},
      ]}
      buttons={[
        {
          text: "Get Free Estimate",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg"
      imageAlt="Professional roof installation services"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",          alt: "Happy client 1"},
        {
          src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg",          alt: "Happy client 2"},
        {
          src: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086844.jpg",          alt: "Happy client 3"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",          alt: "Happy client 4"},
        {
          src: "http://img.b2bpic.net/free-photo/lovable-caucasian-girl-trendy-pink-attire-enjoying-weekend-morning-street-cafe-outdoor-shot-curly-european-lady-expressing-happiness-vacation_197531-9057.jpg",          alt: "Happy client 5"},
      ]}
      avatarText="Trusted by 500+ happy homeowners"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Built on a Foundation of Trust."},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15689.jpg",          alt: "Crosby's roofing team"},
      ]}
      buttons={[
        {
          text: "Learn More",          href: "#services"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Roof Repair",          description: "Expert repairs for storm damage, leaks, and wear.",          icon: Building2,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",              imageAlt: "Roof repair service"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-roof-texture-tiles-generative-al_169016-28456.jpg",              imageAlt: "Roofing repair detail"},
          ],
        },
        {
          title: "Replacements",          description: "High-quality, long-lasting complete roof replacements.",          icon: Home,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",              imageAlt: "Roof replacement"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",              imageAlt: "Finished new roof"},
          ],
        },
        {
          title: "Emergency Service",          description: "Fast response for emergency roofing needs, 24/7.",          icon: Zap,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",              imageAlt: "Emergency service"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",              imageAlt: "Roof protection work"},
          ],
        },
      ]}
      title="Comprehensive Roofing Services"
      description="We offer a full suite of services to ensure your home remains safe and secure for years."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Alice Miller",          role: "Homeowner",          company: "Local Resident",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg"},
        {
          id: "2",          name: "Beth Connor",          role: "Property Manager",          company: "Real Estate",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/shapely-woman-with-cute-smile-enjoying-warm-summer-morning-photo-stunning-caucasian-girl-t-shirt-posing_197531-9212.jpg"},
        {
          id: "3",          name: "Charles Reid",          role: "Homeowner",          company: "Local Resident",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-curly-hair-posing-with-copy-space_23-2148728583.jpg"},
        {
          id: "4",          name: "Diana Ross",          role: "Small Business",          company: "Office Owner",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-father-walking-with-his-little-son_171337-16366.jpg"},
        {
          id: "5",          name: "Edward Norton",          role: "Homeowner",          company: "Local Resident",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg"},
      ]}
      kpiItems={[
        {
          value: "500+",          label: "Projects Completed"},
        {
          value: "4.9/5",          label: "Customer Rating"},
        {
          value: "15+",          label: "Years Experience"},
      ]}
      title="Customer Stories"
      description="What our satisfied homeowners say about our work."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Quality Performance"
      tag="Our Stats"
      metrics={[
        {
          id: "m1",          value: "100%",          description: "Satisfaction Guarantee"},
        {
          id: "m2",          value: "24/7",          description: "Emergency Support"},
        {
          id: "m3",          value: "30+",          description: "Certifications Held"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "How long does a roof replacement take?",          content: "Typically 1-3 days depending on size."},
        {
          id: "q2",          title: "Do you offer financing?",          content: "Yes, we work with several financing partners."},
        {
          id: "q3",          title: "Is your work guaranteed?",          content: "Yes, we provide extensive warranties on all work."},
      ]}
      title="Common Questions"
      description="Answers to questions we get asked most often."
      faqsAnimation="blur-reveal"
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg"
      imageAlt="Frequently asked questions professional support"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "animated-grid"}}
      text="Ready to get started? Contact us today for a free quote on your next project."
      buttons={[
        {
          text: "Contact Us Now",          href: "tel:+15551234567"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Crosby's Roofing"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About",              href: "#about"},
            {
              label: "Services",              href: "#services"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy",              href: "#"},
            {
              label: "Terms",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
