"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { BarChart, CheckCircle, DollarSign, Heart, Home, Key } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="circleGradient"
        cardStyle="outline"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Properties",          id: "#properties"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "List Your Property",        href: "#contact"}}
      brandName="Real Estate Agency"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Your Dream Home Awaits: Explore Premier Properties"
      description="Real Estate Agency is dedicated to helping you find the perfect property that fits your lifestyle and investment goals. Discover seamless buying, selling, and renting experiences with our expert team."
      kpis={[
        {
          value: "250+",          label: "Properties Sold"},
        {
          value: "15+",          label: "Years in Business"},
        {
          value: "98%",          label: "Client Satisfaction"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Explore Properties",          href: "#properties"},
        {
          text: "Sell Your Home",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/white-building-with-balconies-blue-sky_250224-277.jpg"
      mediaAnimation="blur-reveal"
      imageAlt="modern house with garden"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg",          alt: "Satisfied client portrait"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg",          alt: "Happy customer testimonial"},
        {
          src: "http://img.b2bpic.net/free-photo/real-estate-portrait-asian-female-broker-showing-thumbup-paper-house-cutout-recommending-agen_1258-158917.jpg",          alt: "Real estate buyer smiling"},
        {
          src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",          alt: "Property seller"},
        {
          src: "http://img.b2bpic.net/free-photo/husband-wife-buying-new-apartment-having-house-keys-celebrate-relationship-event-being-property-homeowners-moving-real-estate-flat-together-bought-mortgage-loan_482257-49845.jpg",          alt: "New homeowner"},
      ]}
      avatarText="Join our 1,000+ happy clients!"
      marqueeItems={[
        {
          type: "text-icon",          text: "Trusted Advisors",          icon: CheckCircle,
        },
        {
          type: "text-icon",          text: "Market Experts",          icon: BarChart,
        },
        {
          type: "text-icon",          text: "Client Focused",          icon: Heart,
        },
        {
          type: "text-icon",          text: "Seamless Transactions",          icon: Key,
        },
        {
          type: "text-icon",          text: "Dream Homes",          icon: Key,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Who We Are"
      title="Connecting You to Your Ideal Home with Expertise"
      buttons={[
        {
          text: "Our Team",          href: "#"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Buy Your Dream Home",          description: "Access exclusive listings and expert negotiation to secure your perfect property.",          bentoComponent: "reveal-icon",          icon: Home,
        },
        {
          title: "Sell Your Property Fast",          description: "Maximize your sale price with our strategic marketing and broad buyer network.",          bentoComponent: "reveal-icon",          icon: DollarSign,
        },
        {
          title: "Rentals & Property Management",          description: "Find ideal rental properties or let us expertly manage your investments.",          bentoComponent: "reveal-icon",          icon: Key,
        },
      ]}
      title="Your Complete Real Estate Partner"
      description="We offer a full spectrum of services designed to simplify your property journey, from initial search to final closing."
    />
  </div>

  <div id="properties" data-section="properties">
      <ProductCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Modern Family House",          price: "$750,000",          imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-building-surrounded-by-green-landscape_181624-16315.jpg",          imageAlt: "Modern family house exterior"},
        {
          id: "p2",          name: "Luxury Downtown Condo",          price: "$1,200,000",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-corporate-woman-beige-suit-standing-outside-street-drinks-morning-coffee-take_1258-118775.jpg",          imageAlt: "Luxury downtown condo balcony city view"},
        {
          id: "p3",          name: "Suburban Retreat",          price: "$520,000",          imageSrc: "http://img.b2bpic.net/free-photo/full-view-happy-mom-her-young-daughter-outdoors_197531-33026.jpg",          imageAlt: "Suburban retreat home backyard"},
        {
          id: "p4",          name: "Cozy Apartment",          price: "$380,000",          imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-lighting-lamp-design_23-2151037449.jpg",          imageAlt: "Cozy apartment living room bright"},
        {
          id: "p5",          name: "Spacious Villa",          price: "$1,850,000",          imageSrc: "http://img.b2bpic.net/free-photo/berlin-concert-hall-germany_181624-18088.jpg",          imageAlt: "Spacious villa private pool"},
        {
          id: "p6",          name: "Commercial Office Space",          price: "$950,000",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings-city_23-2148836805.jpg",          imageAlt: "Commercial office space modern interior"},
      ]}
      title="Discover Our Latest Listings"
      description="Browse a diverse collection of residential and commercial properties carefully curated to meet various needs and preferences."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "1,200+",          description: "Successful Closings Annually"},
        {
          id: "m2",          value: "$1.5B+",          description: "Total Value of Properties Transacted"},
        {
          id: "m3",          value: "24/7",          description: "Dedicated Client Support"},
      ]}
      title="Our Impact in Numbers"
      description="Our dedication to excellence and client success is reflected in our measurable achievements."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Working with Real Estate Agency was an absolute pleasure. Their team was incredibly knowledgeable, responsive, and helped us find our dream home faster than we ever imagined. Highly recommended!"
      rating={5}
      author="Sarah M., Happy Homeowner"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",          alt: "Client 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelman-dressed-white-sweater-jeans-fashion-male-posing-near-wall-studio_158538-23490.jpg",          alt: "Client 2"},
        {
          src: "http://img.b2bpic.net/free-photo/horizontal-portrait-cheerful-woman-with-appealing-smile-having-pinkish-hair-bun-tattoo-wearing-casual-clothes_273609-307.jpg",          alt: "Client 3"},
        {
          src: "http://img.b2bpic.net/free-photo/senior-man-white-shirt-pink-bowtie_273609-42015.jpg",          alt: "Client 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",          alt: "Client 5"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "How long does the home buying process take?",          content: "The home buying process typically takes 30-45 days from accepted offer to closing, though it can vary based on financing and inspections. Our agents will keep you informed every step of the way."},
        {
          id: "q2",          title: "What fees are involved in selling a property?",          content: "Selling a property typically involves real estate agent commissions, closing costs, and potential legal fees. We provide a transparent breakdown of all costs upfront."},
        {
          id: "q3",          title: "Can you help me find rental properties?",          content: "Absolutely! We offer a wide range of rental listings and can assist you in finding the perfect rental property that fits your budget and preferences."},
      ]}
      sideTitle="Answers to Your Property Questions"
      sideDescription="Browse our frequently asked questions to gain clarity on buying, selling, and managing properties."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static"}}
      text="Ready to Find Your Next Home or Sell Your Property? Get in Touch Today!"
      buttons={[
        {
          text: "Contact Our Experts",          href: "mailto:info@realestateagency.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Team",              href: "#"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Services",          items: [
            {
              label: "Buy a Home",              href: "#properties"},
            {
              label: "Sell a Property",              href: "#contact"},
            {
              label: "Rentals",              href: "#services"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Blog",              href: "#"},
            {
              label: "Support",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Real Estate Agency. All rights reserved."
      bottomRightText="Privacy Policy • Terms of Service"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
