"use client";

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

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
    >
      <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"
    />
  </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?_wi=1",
          imageAlt: "Roofing installation",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/residential-house_53876-23089.jpg?_wi=1",
          imageAlt: "Construction site",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-background-texture_1048-16945.jpg?_wi=1",
          imageAlt: "Craftsmanship detail",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/facade-modern-new-building_23-2147694757.jpg?_wi=1",
          imageAlt: "Wide architectural shot",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg?_wi=2",
          imageAlt: "Sunset installation",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-background-texture_1048-16945.jpg?_wi=2",
          imageAlt: "Close up craftsmanship",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/facade-modern-new-building_23-2147694757.jpg?_wi=2",
          imageAlt: "Drone shot",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg?_wi=3",
          imageAlt: "Sunset roof",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/residential-house_53876-23089.jpg?_wi=2",
          imageAlt: "Refurbished home",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-background-texture_1048-16945.jpg?_wi=3",
          imageAlt: "Slate texture",
        },
      ]}
      buttons={[
        {
          text: "Get a Free Quote",
          href: "/contact",
        },
        {
          text: "View Our Work",
          href: "/gallery",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-giving-thumbs-up-gray-wall_114579-63637.jpg",
          alt: "Client 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-giving-thumbs-up-gray-wall_114579-63637.jpg",
          alt: "Client 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-giving-thumbs-up-gray-wall_114579-63637.jpg",
          alt: "Client 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-giving-thumbs-up-gray-wall_114579-63637.jpg",
          alt: "Client 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-giving-thumbs-up-gray-wall_114579-63637.jpg",
          alt: "Client 5",
        },
      ]}
      avatarText="Trusted by 500+ happy homeowners"
      marqueeItems={[
        {
          type: "text",
          text: "High-End Roofing",
        },
        {
          type: "text",
          text: "Certified Experts",
        },
        {
          type: "text",
          text: "Premium Materials",
        },
        {
          type: "text",
          text: "Insured Craftsmanship",
        },
        {
          type: "text",
          text: "Reliable Service",
        },
      ]}
    />
  </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?_wi=1",
          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?_wi=1",
          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?_wi=1",
          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?_wi=2",
          buttonIcon: "Maximize",
        },
      ]}
      title="Roofing Done Right"
      description="From minor repairs to comprehensive structural corrections, we handle it all."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Miller",
          role: "Homeowner",
          company: "London",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-giving-thumbs-up-gray-wall_114579-63637.jpg?_wi=1",
        },
        {
          id: "t2",
          name: "John Davis",
          role: "Property Manager",
          company: "Essex",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-giving-thumbs-up-gray-wall_114579-63637.jpg?_wi=2",
        },
        {
          id: "t3",
          name: "Emily Watson",
          role: "Owner",
          company: "Surrey",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-giving-thumbs-up-gray-wall_114579-63637.jpg?_wi=3",
        },
        {
          id: "t4",
          name: "Robert King",
          role: "Resident",
          company: "Kent",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-giving-thumbs-up-gray-wall_114579-63637.jpg?_wi=4",
        },
        {
          id: "t5",
          name: "Alice Brown",
          role: "Homeowner",
          company: "Sussex",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-giving-thumbs-up-gray-wall_114579-63637.jpg?_wi=5",
        },
      ]}
      kpiItems={[
        {
          value: "98%",
          label: "Client Retention",
        },
        {
          value: "4.9/5",
          label: "Average Rating",
        },
        {
          value: "100%",
          label: "Satisfaction Guaranteed",
        },
      ]}
      title="Client Success"
      description="See why homeowners choose High Rise."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      title="Trusted Partners"
      description="Working with industry leaders."
      names={[
        "Architect Guild",
        "Luxury Home Builders",
        "Urban Development",
        "Eco Roofing Co",
        "Stone Master Materials",
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="High Rise Roofing"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Installation",
              href: "/services",
            },
            {
              label: "Repairs",
              href: "/services",
            },
            {
              label: "Inspections",
              href: "/services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Work",
              href: "/gallery",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
