"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLarge"
        background="fluid"
        cardStyle="glass-elevated"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Residential",
          id: "#services",
        },
        {
          name: "Commercial",
          id: "#services",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
      ]}
      brandName="Horn Brothers"
      button={{
        text: "Contact Us",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "plain",
      }}
      title="Expert Residential & Commercial Roofing in Colorado"
      description="Horn Brothers Roofing is a top-tier roofing company with 28 years of experience, dedicated to excellence and commitment for all your roofing needs."
      buttons={[
        {
          text: "Get a Quote",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg",
          alt: "Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/abstract-background-roof-texture-tiles-generative-al_169016-28456.jpg",
          alt: "Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg",
          alt: "Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",
          alt: "Customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-cheerful-beautiful-brunette-girl-cosy-knitted-sweater-smiling-holding-glass-champagne-yellow-wall_176420-11638.jpg",
          alt: "Customer 5",
        },
      ]}
      avatarText="Trusted by thousands of Colorado homeowners"
      marqueeItems={[
        {
          type: "text",
          text: "28 Years Experience",
        },
        {
          type: "text",
          text: "Licensed & Insured",
        },
        {
          type: "text",
          text: "Colorado Owned",
        },
        {
          type: "text",
          text: "Emergency Repairs",
        },
        {
          type: "text",
          text: "Quality Guaranteed",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Decades of Roofing Excellence"
      description="With 28 years of industry experience, Horn Brothers Roofing serves Colorado with integrity. From detailed repairs to full roof replacements, we deliver top-tier results for both homes and businesses."
      imageSrc="http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "1",
          label: "Residential",
          title: "Home Roofing",
          items: [
            "Shingle replacement",
            "Leak repair",
            "Gutter installation",
          ],
        },
        {
          id: "2",
          label: "Commercial",
          title: "Business Roofing",
          items: [
            "Flat roof systems",
            "Roof maintenance",
            "Large-scale repair",
          ],
        },
        {
          id: "3",
          label: "Mountain",
          title: "Mountain Communities",
          items: [
            "Snow load assessment",
            "Alpine roof durability",
            "Weather resistant solutions",
          ],
        },
      ]}
      title="Comprehensive Roofing Services"
      description="We offer high-quality roofing solutions tailored to Colorado's unique climate."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "28",
          title: "Years Experience",
          items: [
            "Industry dedication",
            "Proven results",
          ],
        },
        {
          id: "m2",
          value: "100%",
          title: "Commitment",
          items: [
            "Exceptional quality",
            "Full transparency",
          ],
        },
        {
          id: "m3",
          value: "Thousands",
          title: "Satisfied Clients",
          items: [
            "Residential homes",
            "Commercial buildings",
          ],
        },
      ]}
      title="Proven Track Record"
      description="Decades of trust across Colorado."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          handle: "Denver, CO",
          testimonial: "Excellent service and quick repair.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg",
        },
        {
          id: "2",
          name: "Mark R.",
          handle: "Montrose, CO",
          testimonial: "Professional, clean, and honest.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg",
        },
        {
          id: "3",
          name: "Emily P.",
          handle: "Colorado Springs, CO",
          testimonial: "The best roofing company I've worked with.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/box-pov-girl-parcel-unboxing-joy_169016-68951.jpg",
        },
        {
          id: "4",
          name: "David W.",
          handle: "Denver, CO",
          testimonial: "Fast turnaround and fair pricing.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg",
        },
        {
          id: "5",
          name: "Linda M.",
          handle: "Boulder, CO",
          testimonial: "Responsive team and knowledgeable.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
        },
      ]}
      showRating={true}
      title="What Our Customers Say"
      description="Real feedback from satisfied Colorado homeowners."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Do you provide free estimates?",
          content: "Yes, we provide professional inspections and estimates for every job.",
        },
        {
          id: "f2",
          title: "How long does a replacement take?",
          content: "Most residential replacements are completed within a few days.",
        },
        {
          id: "f3",
          title: "Do you serve mountain communities?",
          content: "Yes, we specialize in high-altitude roofing solutions.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Quick answers for your roofing questions."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      text="Ready to get started on your roof? Reach out to our team in Denver or Montrose today."
      buttons={[
        {
          text: "Contact Us Now",
          href: "tel:555-0199",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Horn Brothers Roofing"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
