"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Facebook, Instagram, Shield, Twitter, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="large"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Services",          id: "features"},
        {
          name: "Reviews",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Avalanche"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Avalanche Roofing"
      description="Avalanche Roofing Service combines premium craftsmanship with customer-first service. Every roof is built to protect what matters most."
      buttons={[
        {
          text: "Schedule Your Inspection",          href: "#contact"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg",          imageAlt: "Luxury home roof"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530724.jpg",          imageAlt: "Roofing crew at work"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg",          imageAlt: "Shingle texture"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg",          imageAlt: "Modern home exterior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg",          imageAlt: "New roof installation"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-background-new-house-portrait-first-time-buyer-house-owner-apartment-renter-flat-tenant-landlady-moving-day-buying-own-property-concept_493343-29871.jpg",          imageAlt: "Craftsmanship detail"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Generations of Excellence"
      description="We treat your home like our own. With old-fashioned values like hard work, honesty, and integrity, we provide roofing solutions that stand the test of time."
      metrics={[
        {
          value: "100%",          title: "Satisfaction Guaranteed"},
        {
          value: "24h",          title: "Rapid Quote Response"},
        {
          value: "24+",          title: "Years Experience"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/confident-architect-smiling_107420-74348.jpg"
      imageAlt="Our professional team"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Full Roof Replacement",          description: "Complete removal and installation of durable, high-end roofing systems.",          icon: Shield,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530724.jpg"},
          ],
        },
        {
          title: "Expert Repair Services",          description: "Fast, honest evaluation and repair of leaks and storm damage.",          icon: Zap,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg"},
          ],
        },
        {
          title: "Gutter Installations",          description: "Seamless rain gutter systems engineered for maximum protection.",          icon: Award,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-background-new-house-portrait-first-time-buyer-house-owner-apartment-renter-flat-tenant-landlady-moving-day-buying-own-property-concept_493343-29871.jpg"},
          ],
        },
      ]}
      title="Our Professional Services"
      description="Providing high-end residential roofing solutions tailored to your unique property needs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "Outstanding Work",          quote: "Alex and his team were great to work with. I've used them on several projects... Alex was quick, provided a fair bid, and completed work on time.",          name: "Alex R.",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg"},
        {
          id: "2",          title: "Honesty & Integrity",          quote: "Mario, Alex and Richard Martinez have old fashioned values like HARD WORK, HONESTY and INTEGRITY.",          name: "Ken P.",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg"},
        {
          id: "3",          title: "Professional & Fast",          quote: "Alex and Mario did an outstanding job on my roof. They were quick to schedule and had a new roof on within just 2 days. Would highly recommend.",          name: "Greg Gardner",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/surprise-cute-girl-coming-out-cardboard-box_259150-57055.jpg"},
        {
          id: "4",          title: "So Happy!",          quote: "Alex was wonderful to work with... His crew showed up on time, finished on time and the clean up was exceptional. We are so happy with our new roof!",          name: "Eileen Walker",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg"},
        {
          id: "5",          title: "Highly Recommended",          quote: "Avalanche Roofing was highly recommended to us... We are 100% satisfied with our roof and rain gutters.",          name: "Leigh O'Leary",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-romantic-happy-holidays-holding-hand-boyfriend-following-her_1150-4660.jpg"},
      ]}
      title="Voices of Trust"
      description="Trusted by hundreds of homeowners in the Salt Lake City area for our honesty, efficiency, and exceptional craftsmanship."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "canvas-reveal"}}
      text="Ready to protect your most valuable investment? Contact the team at Avalanche Roofing today for your expert inspection and fair, honest estimate."
      buttons={[
        {
          text: "Schedule Your Inspection Now"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Avalanche Roofing"
      copyrightText="© 2025 Avalanche Roofing Service"
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram"},
        {
          icon: Twitter,
          href: "#",          ariaLabel: "Twitter"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
