"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Cole Roofing"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Luxury Roofing Done Right the First Time"
      description="Cole Roofing Services delivers premium roof replacements, repairs, and inspections with unmatched speed, communication, and craftsmanship across South Florida."
      buttons={[
        {
          text: "Get Free Roof Inspection",
          href: "/contact",
        },
        {
          text: "Call Now",
          href: "tel:5555555555",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-lamp-hanging-inside-building-with-glass-ceiling_181624-11469.jpg"
      imageAlt="Luxury home roof replacement"
      showDimOverlay={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg",
          alt: "Exterior of home",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
          alt: "Medium shot man working on roof",
        },
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
          alt: "Full shot man wearing protection helmet outdoors",
        },
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg",
          alt: "Full shot roofers working with helmets",
        },
        {
          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2712.jpg",
          alt: "black businessman happy expression",
        },
      ]}
      avatarText="Trusted by 500+ Local Homeowners"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Google",
        "Angie's List",
        "HomeAdvisor",
        "Yelp",
        "Facebook",
        "BBB",
        "Houzz",
      ]}
      title="Our Trusted Reputation"
      description="We are proud to serve our community with excellence and integrity."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Roof Replacement",
          description: "Full tear-offs and premium installations built for long-term protection.",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg",
          imageAlt: "Roof replacement",
        },
        {
          title: "Detailed Inspections",
          description: "Detailed, honest reports for homeowners, buyers, and insurance.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
          imageAlt: "Inspection",
        },
        {
          title: "Storm Restoration",
          description: "Insurance-ready inspections and full claim support for fast recovery.",
          imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166605.jpg",
          imageAlt: "Restoration",
        },
      ]}
      title="Our Premium Roofing Services"
      description="Comprehensive care for your roof, from emergency leaks to complete architectural transformations."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "LeeHy Shaer",
          role: "Homeowner",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/professional-gesture-successful-collar-mixed_1262-1193.jpg",
        },
        {
          id: "2",
          name: "Dorit Tamir",
          role: "Homeowner",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
        },
        {
          id: "3",
          name: "Ben Eilbiglie",
          role: "Homeowner",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
        },
        {
          id: "4",
          name: "Oded Fahima",
          role: "Homeowner",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/womens-happy-about-success_23-2148461402.jpg",
        },
        {
          id: "5",
          name: "Joe Kravich",
          role: "Homeowner",
          company: "Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "500+",
          label: "Roofs Replaced",
        },
        {
          value: "100%",
          label: "Permitting Success",
        },
        {
          value: "24/7",
          label: "Emergency Support",
        },
      ]}
      title="What Homeowners Are Saying"
      description="Real, verified results from satisfied neighbors across South Florida."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="Meet Our Elite Team"
      description="Certified experts dedicated to protecting your investment with precision and care."
      members={[
        {
          id: "t1",
          name: "Alex Cole",
          role: "Founder & Lead Inspector",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
          imageAlt: "Portrait of man in black suit",
        },
        {
          id: "t2",
          name: "Sarah Jenkins",
          role: "Project Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-woman-standing-kitchen_23-2147916396.jpg",
          imageAlt: "Confident smiling young woman standing in kitchen",
        },
        {
          id: "t3",
          name: "Marcus Rodriguez",
          role: "Lead Installer",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
          imageAlt: "Medium shot man working on roof",
        },
        {
          id: "t4",
          name: "Elena Vance",
          role: "Customer Experience",
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-shaking-hands-with-her-female-patient-while-meeting-clinic-focus-is-happy-woman_637285-1785.jpg",
          imageAlt: "African American doctor shaking hands",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Cole Roofing Services"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Contact Us",
        href: "/contact",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
