"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Building2, Home, Layout, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="aurora"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "services"},
        {
          name: "Gallery",          id: "gallery"},
        {
          name: "Reviews",          id: "reviews"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Gold Contractor"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Premium Roofing & Remodeling You Can Trust"
      description="Serving Connecticut with top-quality craftsmanship, honest pricing, and 5-star service."
      buttons={[
        {
          text: "Get Free Estimate",          href: "#contact"},
        {
          text: "Call Now",          href: "tel:5550123456"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-white-building-hamilton-gardens-new-zealand-blue-sky_181624-13599.jpg"
      showDimOverlay={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/top-view-prague_1398-2722.jpg",          alt: "Top view of Prague"},
        {
          src: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",          alt: "Long shot man with helmet sitting on roof"},
        {
          src: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg",          alt: "Long shot roofer working with helmet"},
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",          alt: "Full shot man with helmet sitting on roof"},
        {
          src: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",          alt: "Exterior of home"},
      ]}
      avatarText="Trusted by 500+ Connecticut Homeowners"
    />
  </div>

  <div id="trust" data-section="trust">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",          value: "5.0",          description: "Google Rating"},
        {
          id: "2",          value: "100%",          description: "Licensed & Insured"},
        {
          id: "3",          value: "Local",          description: "Connecticut Business"},
      ]}
      title="Trusted by Connecticut"
      description="Professional standards, local expertise, and proven results."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          icon: Home,
          title: "Roof Repair",          description: "Reliable leak detection and structural repairs."},
        {
          icon: Wrench,
          title: "Roof Replacement",          description: "Full-scale replacement with premium materials."},
        {
          icon: Building2,
          title: "Interior Remodeling",          description: "Professional kitchens, baths, and interior work."},
        {
          icon: Layout,
          title: "Exterior Repairs",          description: "General exterior work, gutters, and siding."},
      ]}
      title="Professional Services"
      description="Comprehensive roofing and remodeling solutions."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          brand: "Exterior",          name: "Roof Installation",          price: "Before",          rating: 5,
          reviewCount: "1",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-rooftops-city-buildings-with-red-shingles_181624-12846.jpg"},
        {
          id: "p2",          brand: "Exterior",          name: "Completed Project",          price: "After",          rating: 5,
          reviewCount: "1",          imageSrc: "http://img.b2bpic.net/free-photo/builder-handyman-with-construction-tools-house-house-renovation-concept_169016-5873.jpg"},
        {
          id: "p3",          brand: "Exterior",          name: "Roofing",          price: "Done",          rating: 5,
          reviewCount: "1",          imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg?_wi=1"}
      ]}
      title="See the Difference Quality Makes"
      description="Transforming homes with precision and care."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          title: "Highly Recommend",          quote: "Jose was perfect… very polite and completed everything on time.",          name: "Diane Tobin",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg?_wi=2"},
        {
          id: "t2",          title: "Professional",          quote: "On time, reasonably priced, and showed before/after photos.",          name: "Adrienne X",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg"},
        {
          id: "t3",          title: "Great Results",          quote: "Professional, on time, and fantastic results.",          name: "Blue Rhino",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg"},
        {
          id: "t4",          title: "Excellent Work",          quote: "Always on time, excellent work, competitive price.",          name: "Alexandros Pettas",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-holding-book-hand-walking-front-university-building_23-2148093393.jpg"},
        {
          id: "t5",          title: "Clean Work",          quote: "Excellent contractor, clean work. Highly recommend.",          name: "Zobeida Sanchez",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg"},
      ]}
      title="Client Reviews"
      description="Hear what our Connecticut neighbors have to say."
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Built on Trust. Driven by Quality."
      description={[
        "Gold Contractor LLC is a Connecticut-based company known for reliable service, clean work, and honest pricing.",        "Every project is handled with attention to detail and professionalism."]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get Your Free Estimate Today"
      description="Call today for a free estimate — no pressure, no hidden fees."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Name",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
        },
      ]}
      textarea={{
        name: "service",        placeholder: "Project details or service needed",        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/attractive-male-contractor-working-with-wood-sanding-wooden-panel-carpenter-using-electrical-sander_662251-454.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Gold Contractor LLC",          items: [
            {
              label: "Connecticut Service Area",              href: "#"},
            {
              label: "Licensed & Insured",              href: "#"},
          ],
        },
        {
          title: "Quick Links",          items: [
            {
              label: "Get Estimate",              href: "#contact"},
            {
              label: "Reviews",              href: "#reviews"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "(555) 012-3456",              href: "tel:5550123456"},
            {
              label: "Rate us on Google",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Gold Contractor LLC"
      bottomRightText="Connecticut Roofing Experts"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
