"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 FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "About", id: "about" },
        { name: "Services", id: "services" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Peak Builders & Roofers"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{ variant: "gradient-bars" }}
      title="Peak Quality Roofing & Building in San Diego"
      description="Premium construction services that elevate your home. Reliable roofing, expert repairs, and high-end exterior builds."
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg", imageAlt: "Professional roof installation" },
        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg", imageAlt: "San Diego home exterior" },
        { imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576378.jpg", imageAlt: "Asphalt shingles texture" },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Built on Trust, Delivered with Precision"
      description={[
        "For over 15 years, Peak Builders & Roofers has been serving the San Diego community with integrity.",        "We believe in high-quality craftsmanship, clear communication, and timely delivery for every residential project."
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="split-actions"
      useInvertedBackground={false}
      title="Our Expert Services"
      description="Comprehensive construction and maintenance for your San Diego residence. Contact us today for a free evaluation of your roofing needs."
      features={[
        {
          title: "Residential Roofing",          description: "Full roof installations, replacements, and professional inspections to keep your home safe.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",          buttons: [{ text: "View All Services" }]
        },
        {
          title: "Exterior Remodeling",          description: "Upgrade your home curb appeal with expert exterior services, siding, and structural improvements.",          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg",          buttons: [{ text: "View All Services" }]
        },
        {
          title: "Damage Repairs",          description: "Emergency storm repairs and preventative maintenance to avoid future costly headaches.",          imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576455.jpg",          buttons: [{ text: "Request Estimate", href: "#contact" }]
        },
      ]}
      buttons={[{ text: "Request Estimate", href: "#contact" }]}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "1,500+", title: "Projects Completed", items: ["Residential roofs", "General builds", "Repair jobs"] },
        { id: "m2", value: "4.9/5", title: "Customer Rating", items: ["Google Reviews", "Yelp Top-Rated", "Client satisfaction"] },
        { id: "m3", value: "15", title: "Years of Excellence", items: ["Licensed experts", "Local experience", "San Diego experts"] },
      ]}
      title="By the Numbers"
      description="Proven performance serving San Diego since 2008."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Peak Builders & Roofers transformed our home exterior. Their craftsmanship is unmatched and the communication throughout the process was seamless. Highly recommended!"
      rating={5}
      author="Sarah Johnson"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg", alt: "Sarah J" },
        { src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", alt: "Michael C" },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="proof" data-section="proof">
      <SocialProofOne
      names={["GAF Certified", "Owens Corning Preferred", "CertainTeed Select", "San Diego Chamber", "BBB A+ Rated"]}
      title="Trusted Local Partnerships"
      description="We partner with top-tier material suppliers to ensure every roof built lasts a lifetime."
      textboxLayout="default"
      useInvertedBackground={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "How long does a roof installation take?", content: "Most residential projects are completed within 3-5 days depending on size." },
        { id: "f2", title: "Do you offer financing?", content: "Yes, we partner with top financial institutions for flexible payment options." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/very-important-project-is-serious-aim_329181-10350.jpg"
      title="Frequently Asked Questions"
      description="Get quick answers to common construction and roofing queries."
      faqsAnimation="slide-up"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      tag="Contact Us"
      title="Visit Our Showroom"
      description="Find us at 8340 Vickers St K, San Diego, CA 92111. Our team is ready to assist with your project goals."
      background={{ variant: "sparkles-gradient" }}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Peak Builders & Roofers"
      columns={[
        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
        { title: "Services", items: [{ label: "Roofing", href: "#services" }, { label: "Remodeling", href: "#services" }] },
      ]}
      copyrightText="© 2025 Peak Builders & Roofers San Diego. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}