"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            navItems={[
              { name: "Home", id: "hero" },
              { name: "Services", id: "services" },
              { name: "Reviews", id: "reviews" },
              { name: "Contact", id: "contact" },
              { name: "FAQ", id: "faq" }
            ]}
            brandName="PERFORMING ROOFING, INC"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlay
            title="Luxury Roofing. Built to Perform."
            description="Premium roofing, gutters, and exterior solutions delivered with precision, honesty, and unmatched service."
            buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
            imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg?_wi=1"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Happy mature businessman showing thumb up" },
              { src: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg", alt: "Happy satisfied customer making Ok gesture" },
              { src: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg", alt: "Business woman smiling with a top hat and a thumbs up" },
              { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", alt: "black businessman happy expression" },
              { src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", alt: "Smiling businessman face portrait, wearing suit" }
            ]}
            avatarText="Trusted by over 500+ satisfied homeowners"
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardSeven
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            title="Our Services"
            description="We deliver elite craftsmanship and fast, reliable service tailored to your home or business."
            features={[
              { title: "Roof Installation", description: "High-performance roofing systems designed for durability and luxury aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg" },
              { title: "Roof Repairs", description: "Fast, honest diagnostics and cost-effective repairs you can trust.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=1" },
              { title: "Gutter Systems", description: "Seamless gutters installed with precision for long-term protection.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg" },
              { title: "Storm Restoration", description: "We work with insurance and restore your property quickly and professionally.", imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg?_wi=1" }
            ]}
          />
        </div>

        <div id="reviews" data-section="reviews">
          <TestimonialCardFive
            textboxLayout="default"
            useInvertedBackground={true}
            title="What Clients Say"
            description="Trusted by hundreds of homeowners for quality and precision."
            testimonials={[
              { id: "1", name: "Verified Customer", date: "2025", title: "Great Experience", quote: "They worked with me on affordable solutions and handled everything with zero hassle.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg?_wi=2" },
              { id: "2", name: "John S.", date: "2025", title: "Excellent Quality", quote: "Top quality work, great price, and incredible service.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-happy-curly-haired-woman-smiles-toothily-looks-with-glad-expression-wears-casual-t-shirt-necklace-stays-positive-isolated-white-background-people-emotions-concept_273609-61728.jpg" },
              { id: "3", name: "Verified Review", date: "2025", title: "Honest Team", quote: "Honest, professional, and extremely helpful—even when the job wasn't theirs.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-holding-miniature-house_23-2148895445.jpg" },
              { id: "4", name: "Customer Review", date: "2025", title: "Highly Professional", quote: "Communication was flawless. The team was fast, skilled, and highly professional.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=2" },
              { id: "5", name: "Jane D.", date: "2025", title: "Efficient", quote: "Exceptional team that delivered exactly what they promised on schedule.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg", imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg?_wi=2" }
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqSplitText
            useInvertedBackground={false}
            sideTitle="Common Questions"
            sideDescription="Everything you need to know about our roofing services."
            faqsAnimation="slide-up"
            faqs={[
              { id: "f1", title: "How long does a roof installation take?", content: "Most residential roof installations are completed within 1-3 days, depending on the size and complexity of your roof." },
              { id: "f2", title: "Do you offer financing?", content: "Yes, we partner with multiple financial institutions to offer flexible payment plans for your projects." },
              { id: "f3", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured to give you peace of mind throughout the project." }
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCenter
            tag="Contact Us"
            title="Ready to Upgrade Your Roof?"
            description="Contact us today for a fast, free estimate."
            background={{ variant: "gradient-bars" }}
            useInvertedBackground={false}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterCard
            logoText="PERFORMING ROOFING, INC"
            copyrightText="© 2026 Performing Roofing, Inc. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
