"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Shield, CheckCircle, Star, Zap, Wrench, Search, Maximize } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Gallery", id: "/gallery" }, { name: "Contact", id: "/contact" }]}
            brandName="High Rise Roofing"
            button={{ text: "Get Quote", href: "/contact" }}
          />
        </div>
        <div id="hero" data-section="hero">
          <HeroSplitDoubleCarousel
            background={{ variant: "gradient-bars" }}
            title="Built to Last. Crafted to Perfection."
            description="Premium roofing solutions with unmatched craftsmanship, honesty, and structural expertise."
            leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/residential-house_53876-23089.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-background-texture_1048-16945.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/facade-modern-new-building_23-2147694757.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg" }]}
            rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-background-texture_1048-16945.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/facade-modern-new-building_23-2147694757.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/residential-house_53876-23089.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-background-texture_1048-16945.jpg" }]}
          />
        </div>
        <div id="metrics" data-section="metrics">
          <MetricCardOne
            animationType="slide-up"
            textboxLayout="split-description"
            gridVariant="bento-grid"
            useInvertedBackground={false}
            metrics={[
              { id: "m1", value: "10+", title: "Years Experience", description: "Proven industry expertise", icon: Shield },
              { id: "m2", value: "100%", title: "Insured Work", description: "Full peace of mind", icon: CheckCircle },
              { id: "m3", value: "500+", title: "Satisfied Clients", description: "5-star project history", icon: Star }
            ]}
            title="Unrivaled Trust"
            description="We deliver excellence in every square inch."
          />
        </div>
        <div id="services" data-section="services">
          <FeatureCardTwentySix
            textboxLayout="default"
            useInvertedBackground={true}
            features={[
              { title: "Roof Installation", description: "Premium installations built to last.", imageSrc: "http://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg", buttonIcon: Zap },
              { title: "Roof Repairs", description: "Permanent fixes for leaks and damage.", imageSrc: "http://img.b2bpic.net/free-photo/i-phrase-embedded-grey-tissue_114579-18369.jpg", buttonIcon: Wrench },
              { title: "Inspections", description: "Uncovering issues before they grow.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg", buttonIcon: Search },
              { title: "Flat Roofing", description: "Modern solutions for flat surfaces.", imageSrc: "http://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg", buttonIcon: Maximize }
            ]}
            title="Roofing Done Right"
            description="From minor repairs to comprehensive structural corrections, we handle it all."
          />
        </div>
        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="High Rise Roofing"
            columns={[{ title: "Services", items: [{ label: "Installation", href: "/services" }, { label: "Repairs", href: "/services" }] }, { title: "Company", items: [{ label: "Contact", href: "/contact" }] }]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}