"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Home, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Home", id: "/" },
        { name: "About", id: "/about" },
        { name: "Search", id: "/search" },
        { name: "Properties", id: "/properties" },
        { name: "Contact", id: "/contact" },
      ]}
      brandName="Homes R Us Realty"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{ variant: "gradient-bars" }}
      logoText="Homes R Us Realty"
      description="Your Trusted Staten Island Real Estate Experts with over 25 years of excellence in the market."
      buttons={[
        { text: "View Listings", href: "/properties" },
        { text: "Contact Us", href: "/contact" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/house-sea_1150-12678.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Who We Are"
      metrics={[
        { icon: Award, label: "Years Experience", value: "25+" },
        { icon: Home, label: "Successful Sales", value: "1000+" },
        { icon: Users, label: "Client Trust", value: "100%" },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      groups={[
        {
          id: "richmond-first",          groupTitle: "The Richmond First Team",          members: [
            {
              id: "m1",              title: "Michael Braccia",              subtitle: "Realtor®",              detail: "Dedicated expert serving Staten Island home buyers with personalized care.",              imageSrc: "http://img.b2bpic.net/free-photo/business-man-mobile-phone_23-2148018655.jpg"
            }
          ]
        }
      ]}
      title="Meet Our Team"
      description="Our seasoned professionals are committed to guiding you through every step of your real estate journey in Staten Island."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="From start to finish, the team was a total pro selling my father's home, securing a fantastic purchase price. Highly recommended!"
      rating={5}
      author="Happy Client"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/real-estate-confused-man-shrugging-showing-house-paper-model-looking-indecisive-standing-wh_1258-111759.jpg", alt: "Client Review" },
        { src: "http://img.b2bpic.net/free-photo/side-view-real-estate-agent-holding-tablet_23-2150225243.jpg", alt: "Satisfied Homeowner A" },
        { src: "http://img.b2bpic.net/free-photo/high-angle-women-with-picture-albums_23-2149515310.jpg", alt: "Satisfied Homeowner B" },
        { src: "http://img.b2bpic.net/free-photo/smiley-embraced-couple-conversing-with-female-realtor_23-2148895486.jpg", alt: "Satisfied Homeowner C" },
        { src: "http://img.b2bpic.net/free-photo/couple-signing-papers-fr-new-house_23-2149383566.jpg", alt: "Satisfied Homeowner D" }
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      title="Common Questions"
      description="Answers to the most frequently asked questions about buying and selling homes in Staten Island."
      imageSrc="http://img.b2bpic.net/free-photo/lonely-boats-stand-pierce-covered-with-fog_1304-5353.jpg"
      mediaAnimation="slide-up"
      faqsAnimation="slide-up"
      faqs={[
        { id: "f1", title: "How long does the average home sale take?", content: "Typically, homes in our market sell within 45-60 days." },
        { id: "f2", title: "What fees are involved in selling?", content: "Closing costs vary, but we provide a detailed net-sheet at our initial consultation." }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/new-york-city-central-park-autumn_649448-5213.jpg"
      logoText="Homes R Us Realty"
      columns={[
        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Meet The Team", href: "/about#team" }] },
        { title: "Search", items: [{ label: "Advanced Search", href: "/search" }, { label: "Featured Properties", href: "/properties" }] },
        { title: "Contact", items: [{ label: "Email Us", href: "mailto:info@statenislandhomesearch.com" }, { label: "Call: 718.668.2550", href: "tel:7186682550" }] }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}