"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { ShieldCheck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="large"
        background="noise"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "services"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="High Quality General Roofing"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "radial-gradient"}}
      title="High Quality General Roofing & Construction"
      description="Best roofing and construction in town. We provide 100% waterproof guarantees and professional service for all your home improvement needs."
      tag="Trusted Professional Experts"
      mediaItems={[
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DW73tewaZET0serU75NsiXRXnf/uploaded-1778386169136-vkoki97i.jpg?_wi=1",          imageAlt: "Roofing crew at work"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DW73tewaZET0serU75NsiXRXnf/uploaded-1778386169137-sjlgf0ai.jpg?_wi=1",          imageAlt: "Construction site progress"}
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Top rated by local homeowners"
      tagIcon={ShieldCheck}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Why Choose Our Roofing Services"
      description="Leverage our local expertise with years of community-focused experience. We specialize in precision-engineered, 100% waterproof roofing systems designed to withstand local weather, ensuring your home stays dry and secure."
      buttons={[{ text: "Get a Quote", href: "#contact" }]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DW73tewaZET0serU75NsiXRXnf/uploaded-1778386169137-ysmcrikz.jpg"
      imageAlt="High quality roof work"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Leak Repair",          description: "Rapid response to keep your home dry.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DW73tewaZET0serU75NsiXRXnf/uploaded-1778386169137-x70qcx58.jpg",          imageAlt: "Leak repair"},
        {
          title: "Roof Replacement",          description: "Full shingle and tile replacement services.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DW73tewaZET0serU75NsiXRXnf/uploaded-1778386169137-ty6vl1p5.jpg",          imageAlt: "Roof replacement"},
        {
          title: "General Construction",          description: "Expert framing and home structural work.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DW73tewaZET0serU75NsiXRXnf/uploaded-1778386169136-vkoki97i.jpg?_wi=2",          imageAlt: "General construction"},
      ]}
      title="Comprehensive Construction Services"
      description="We cover all areas and offer expert solutions for every roofing requirement."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="They did a fantastic job on our roof! 100% waterproof as promised and very professional. The team was punctual and left the site clean."
      rating={5}
      author="Mark D."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-with-brush-paint_23-2148903537.jpg",          alt: "Client 1"},
        {
          src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15619.jpg",          alt: "Client 2"},
        {
          src: "http://img.b2bpic.net/free-photo/young-lady-standing-with-crossed-arms-checked-shirt-hat-looking-confident_176474-47786.jpg",          alt: "Client 3"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-asian-man-standing-couch-leaning-it-smiling-camera_1098-17480.jpg",          alt: "Client 4"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-looking-clipboard_23-2148233775.jpg",          alt: "Client 5"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "Do you offer free estimates?",          content: "Yes, we provide completely free, no-obligation estimates."},
        {
          id: "2",          title: "What areas do you cover?",          content: "We cover the entire Los Angeles area."},
        {
          id: "3",          title: "Are your roofs waterproof?",          content: "We provide a 100% waterproof guarantee."},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DW73tewaZET0serU75NsiXRXnf/uploaded-1778386169137-sjlgf0ai.jpg?_wi=2"
      title="Frequently Asked Questions"
      description="Answers to your most common questions about our roofing services."
      faqsAnimation="blur-reveal"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Roofing Masters",        "City Construction",        "Home Secure",        "Top Build",        "LA Renovators"]}
      title="Trusted By Professionals"
      description="Join thousands of satisfied local homeowners."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Contact Us"
      title="Ready to Get Started?"
      description="Call 213-665-1104 for a free estimate today. We are ready to help with your roofing and construction needs."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="High Quality Roofing"
      copyrightText="© 2025 High Quality Roofing. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}