"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Properties",
          id: "product",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Elite Realty"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      title="Your Future Home Awaits"
      description="Discover exceptional properties and professional guidance for your next big real estate investment. We make finding your dream home simple and efficient."
      testimonials={[
        {
          name: "Anna S.",
          handle: "@anna_realestate",
          testimonial: "Excellent service and deep market knowledge.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-with-young-couple-embracing-background_23-2148895450.jpg",
        },
        {
          name: "David L.",
          handle: "@david_l",
          testimonial: "The easiest home buying experience ever.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/male-real-estate-agent-doing-business-showing-house-potential-buying-couple_23-2150164705.jpg",
        },
        {
          name: "Marcus B.",
          handle: "@mbrown",
          testimonial: "Professional, fast, and very efficient agency.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg",
        },
        {
          name: "Elena R.",
          handle: "@elena_real",
          testimonial: "They made the impossible transition easy.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/dealership-concept-bank-concept-toned-sales-manager-ready-give-key-young-couple-love-after-signing-agreement-contract-purchase-sale_549566-193.jpg",
        },
        {
          name: "Tom K.",
          handle: "@tomk_home",
          testimonial: "Highly recommended for first-time buyers.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-young-family-bought-new-house_7861-3097.jpg",
        },
      ]}
      buttons={[
        {
          text: "View Listings",
          href: "#product",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/house-loan-estate-sell-mortgage-concept_53876-125097.jpg"
      mediaAnimation="blur-reveal"
      imageAlt="luxury real estate home exterior"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064903.jpg",
          alt: "Agent headshot",
        },
        {
          src: "http://img.b2bpic.net/free-photo/real-estate-property-purchase-concept_53876-134037.jpg",
          alt: "Agent headshot",
        },
        {
          src: "http://img.b2bpic.net/free-photo/successful-businessman-suit-working-marketing-presentation-sitting-bech-outside-front-corporate-building-office-executive-manager-searching-information-internet_482257-30496.jpg",
          alt: "Agent headshot",
        },
        {
          src: "http://img.b2bpic.net/free-photo/entrepreneur-man-sitting-bench-holding-laptop-computer-browsing-business-information-typing-company-strategy-businessman-standing-front-startup-building-office-outdoor-concept_482257-28659.jpg",
          alt: "Agent headshot",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064888.jpg",
          alt: "Agent headshot",
        },
      ]}
      avatarText="Trusted by 500+ happy families"
      marqueeItems={[
        {
          type: "text",
          text: "Market Leading",
        },
        {
          type: "text",
          text: "Expert Negotiation",
        },
        {
          type: "text",
          text: "15+ Years Experience",
        },
        {
          type: "text",
          text: "Seamless Closing",
        },
        {
          type: "text",
          text: "Premium Listings",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Unmatched Expertise"
      description={[
        "With over 15 years in the real estate market, we pride ourselves on building lasting relationships with our clients.",
        "Our commitment to transparency, market insights, and personalized service ensures you get the best value for your property.",
      ]}
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Modern Villa",
          price: "$1.2M",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929552.jpg",
        },
        {
          id: "p2",
          name: "City Penthouse",
          price: "$950k",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2126.jpg",
        },
        {
          id: "p3",
          name: "Suburban Estate",
          price: "$1.5M",
          imageSrc: "http://img.b2bpic.net/free-photo/holiday-water-nature-blue-luxury_1203-4525.jpg",
        },
        {
          id: "p4",
          name: "Beachfront Condo",
          price: "$2.1M",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-toddler-eating_23-2149310677.jpg",
        },
        {
          id: "p5",
          name: "Modern Cabin",
          price: "$650k",
          imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-office_23-2147668767.jpg",
        },
        {
          id: "p6",
          name: "Luxury Townhouse",
          price: "$800k",
          imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg",
        },
      ]}
      title="Exclusive Properties"
      description="Explore our hand-selected catalog of premium residential estates."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Market Insight",
          description: "Accurate, real-time data for every neighborhood.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-man-show-money-bank-note-make-financial-plan-invite-people-sell-buy-house-car-monetary-properties-loan-credit-insurance-concept_1150-13575.jpg",
        },
        {
          title: "Professional Staging",
          description: "Expert advice to make your home shine.",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-moving-new-house_23-2149383597.jpg",
        },
        {
          title: "Closing Concierge",
          description: "We handle all the paperwork for you.",
          imageSrc: "http://img.b2bpic.net/free-photo/business_23-2148006261.jpg",
        },
      ]}
      title="Why Elite Realty?"
      description="We offer more than just a house; we provide a stress-free transition into your future."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          role: "Owner",
          company: "Home",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-receiving-keys-their-new-home-from-realtor_23-2148895469.jpg",
        },
        {
          id: "t2",
          name: "Mike D.",
          role: "Investor",
          company: "Real Estate",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg",
        },
        {
          id: "t3",
          name: "Elena R.",
          role: "Buyer",
          company: "Villa",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-as-real-estate-agents_23-2151064924.jpg",
        },
        {
          id: "t4",
          name: "Tom K.",
          role: "Owner",
          company: "House",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-kitchen_23-2148563431.jpg",
        },
        {
          id: "t5",
          name: "Laura B.",
          role: "Buyer",
          company: "Penthouse",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/family-moving-new-house_259150-57041.jpg",
        },
      ]}
      title="Client Success"
      description="What our satisfied homeowners say about us."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      groups={[
        {
          id: "g1",
          groupTitle: "Sales",
          members: [
            {
              id: "m1",
              title: "Agent",
              subtitle: "Senior",
              detail: "Expert negotiator",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg",
            },
            {
              id: "m2",
              title: "Agent",
              subtitle: "Junior",
              detail: "Neighborhood specialist",
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-real-estate-agent_23-2151064892.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/house-loan-estate-sell-mortgage-concept_53876-125097.jpg",
          imageAlt: "professional real estate female agent",
        },
        {
          id: "g2",
          groupTitle: "Management",
          members: [
            {
              id: "m3",
              title: "Director",
              subtitle: "CEO",
              detail: "Strategy lead",
              imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-amrs-crossed-looking-camera_23-2148113008.jpg",
            },
            {
              id: "m4",
              title: "Marketing",
              subtitle: "Lead",
              detail: "Visibility expert",
              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-man-holding-clipboard_23-2148230185.jpg",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/view-modern-office_1170-1962.jpg",
          imageAlt: "professional real estate female agent",
        },
      ]}
      title="Our Leadership"
      description="Meet the experts committed to your property journey."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Agency Performance"
      tag="Trusted Metrics"
      metrics={[
        {
          id: "mt1",
          value: "400+",
          description: "Properties Sold",
        },
        {
          id: "mt2",
          value: "95%",
          description: "Customer Referral",
        },
        {
          id: "mt3",
          value: "12yrs",
          description: "Market Presence",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "How long does buying take?",
          content: "Usually 30 to 45 days.",
        },
        {
          id: "f2",
          title: "Are there closing costs?",
          content: "Yes, we explain all expenses clearly.",
        },
        {
          id: "f3",
          title: "Do you help with loans?",
          content: "We work with top lenders locally.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/female-assistant-writing-data-documents-taking-notes-papers-create-annual-report-executive-employee-planning-investment-with-analytics-statistics-laptop-files_482257-67059.jpg"
      mediaAnimation="slide-up"
      title="Need Answers?"
      description="Frequently asked questions to guide you."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Reach Out"
      title="Ready to Start?"
      description="Send us a message and we will respond immediately."
      buttons={[
        {
          text: "Contact Agency",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Listings",
              href: "#product",
            },
            {
              label: "About Us",
              href: "#about",
            },
          ],
        },
        {
          items: [
            {
              label: "Terms",
              href: "#",
            },
            {
              label: "Privacy",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Elite Realty"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
