"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Shield } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="NAK Roofing"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars",
      }}
      title="Reliable Roofing You Can Trust"
      description="Professional roofing solutions delivered on time, with quality you can depend on."
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
        {
          text: "Contact Us Today",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/home-clay-roof-tile_657883-716.jpg?_wi=1",
          imageAlt: "professional roofing worker on house roof",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16015.jpg?_wi=1",
          imageAlt: "commercial metal roofing project site",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-metal-ladder-holding-paint-can-presenting-camera-isolated-green-wall_141793-15954.jpg?_wi=1",
          imageAlt: "roof inspection residential home exterior",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Fast Communication",
          description: "Quick response times and clear project updates.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
          imageAlt: "professional roofing worker on house roof",
        },
        {
          title: "Experienced Team",
          description: "Highly trained experts with years of industry knowledge.",
          imageSrc: "http://img.b2bpic.net/free-photo/home-clay-roof-tile_657883-716.jpg?_wi=2",
          imageAlt: "professional roofing worker on house roof",
        },
        {
          title: "Tailored Solutions",
          description: "Designs built specifically for your budget and home.",
          imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16015.jpg?_wi=2",
          imageAlt: "professional roofing worker on house roof",
        },
        {
          title: "Quality Materials",
          description: "Top-grade sheets and building components used every time.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-metal-ladder-holding-paint-can-presenting-camera-isolated-green-wall_141793-15954.jpg?_wi=2",
          imageAlt: "professional roofing worker on house roof",
        },
        {
          title: "On-Time Delivery",
          description: "We respect deadlines and work efficiently.",
          imageSrc: "http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg?_wi=1",
          imageAlt: "professional roofing worker on house roof",
        },
        {
          title: "Flexible Payment",
          description: "Various options available to suit your financial needs.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg?_wi=1",
          imageAlt: "professional roofing worker on house roof",
        },
      ]}
      title="Why Choose NAK Roofing"
      description="We are dedicated to providing the best roofing experience through expertise and transparency."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Residential Roofing",
          price: "Custom",
          imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
        },
        {
          id: "p2",
          name: "Commercial Roofing",
          price: "Custom",
          imageSrc: "http://img.b2bpic.net/free-photo/panorama-chisinau-arena-filmed-drone-sunset-moldova_1268-16014.jpg",
        },
        {
          id: "p3",
          name: "Materials Supply",
          price: "Varies",
          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg",
        },
        {
          id: "p4",
          name: "Consultation",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-using-ladder-build-roof-house_23-2148748858.jpg",
        },
        {
          id: "p5",
          name: "After-Sales",
          price: "Included",
          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg",
        },
        {
          id: "p6",
          name: "Roof Repairs",
          price: "Custom",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-ceiling_1359-959.jpg",
        },
      ]}
      title="Our Services"
      description="From residential installs to material supply, we handle it all."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          title: "Expert Knowledge",
          quote: "The team understands roofing perfectly. They listen and tailor everything to your needs.",
          name: "Sarah J.",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-construction-workers-posing_23-2149366628.jpg?_wi=2",
        },
        {
          id: "t2",
          title: "Professional Job",
          quote: "NAK Roofing did a very professional job. Communication was excellent and everything was on time.",
          name: "Michael C.",
          role: "Property Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
        },
        {
          id: "t3",
          title: "Great Support",
          quote: "Great customer service, including after-sales support. Delivery is always on time.",
          name: "Emily R.",
          role: "Business Owner",
          imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15652.jpg",
        },
        {
          id: "t4",
          title: "Best Roofing Choice",
          quote: "I recommend NAK Roofing to anyone. They are among the best in the market.",
          name: "David K.",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-small-blackboard_1098-1156.jpg",
        },
        {
          id: "t5",
          title: "Perfect Result",
          quote: "Excellent service. A job perfectly done and delivered on time, every time.",
          name: "Jessica L.",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58370.jpg",
        },
      ]}
      title="Customer Reviews"
      description="See why homeowners choose NAK Roofing for their projects."
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Who We Are"
      title="Reliable roofing solutions."
      description="At NAK Roofing, we focus on delivering reliable solutions backed by experience, quality materials, and strong service."
      subdescription="Our goal is simple: deliver durable roofing, on time, every time."
      icon={Shield}
      imageSrc="http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg?_wi=2"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="cta" data-section="cta">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Get Started"
      title="Need roofing services or materials?"
      description="Let’s get your project started today."
      imageSrc="http://img.b2bpic.net/free-photo/carpenter-talking-mobile-phone_329181-2844.jpg"
      mediaPosition="left"
      buttonText="Request a Quote"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Contact"
      title="Get in touch"
      description="Reach out to us via phone or email for a consultation."
      imageSrc="http://img.b2bpic.net/free-photo/interior-new-warehouse_1385-442.jpg"
      mediaPosition="right"
      buttonText="Send Message"
      mediaAnimation="slide-up"
    />
  </div>

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