"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 FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, CheckCircle, MapPin, ShieldCheck, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmall"
        background="fluid"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Properties", id: "products" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Rajesh Properties"
      button={{ text: "Contact Us", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{ variant: "gradient-bars" }}
      title="Trusted Real Estate Experts in Kurukshetra"
      description="5-star rated consultant with 10 years of local expertise. Find your perfect property or sell with confidence—transparent, fair, and fast."
      buttons={[{ text: "Get Free Property Consultation", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694025.jpg"
      mediaAnimation="slide-up"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149938.jpg", alt: "Happy client 1" },
        { src: "http://img.b2bpic.net/free-photo/young-man-t-shirt-holding-house-model-looking-dreamy_176474-48599.jpg", alt: "Happy client 2" },
        { src: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-standing-with-box-new-house-apartment_74855-10349.jpg", alt: "Happy client 3" },
        { src: "http://img.b2bpic.net/free-photo/happy-couple-their-new-house_329181-131.jpg", alt: "Happy client 4" },
        { src: "http://img.b2bpic.net/free-photo/front-view-real-estate-agent-working_23-2150322089.jpg", alt: "Happy client 5" },
      ]}
      avatarText="Join 1000+ satisfied families"
      marqueeItems={[
        { type: "text-icon", text: "10+ Years Experience", icon: Award },
        { type: "text-icon", text: "Kurukshetra Market Experts", icon: MapPin },
        { type: "text-icon", text: "Transparent Transactions", icon: ShieldCheck },
        { type: "text-icon", text: "5-Star Service Rating", icon: Star },
        { type: "text-icon", text: "100% Vetted Listings", icon: CheckCircle },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="A Decade of Excellence in Real Estate"
      description={[
        "At Rajesh Properties, we believe that buying or selling a home should be transparent, fair, and fast. With 10 years of experience serving Kurukshetra, we have helped thousands find their perfect match.",        "Our 5-star reputation is built on reliability, local market knowledge, and an unwavering commitment to our clients' success, whether you're a first-time buyer or a seasoned investor."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        { title: "Transparent Pricing", description: "No hidden fees or surprise costs. We provide clear valuation and honest advice.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-couple-working-home_273609-20287.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-house-shaped-wood-blocks-sale-written-notebook-lupa-black_140725-145643.jpg", buttonText: "Learn More" },
        { title: "Vetted Opportunities", description: "Every property in our portfolio is thoroughly researched and checked for legal compliance.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-house-insurance_53876-94859.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/paper-cutout-house-keys-with-cellphone-blue-background_23-2148203968.jpg", buttonText: "View Listings" },
        { title: "Local Expertise", description: "Deep understanding of the Kurukshetra market ensures you get the best deal every time.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flower-shop-young-worker-is-handing-big-cactus-basket_613910-15104.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-front-door-with-sale-sign_23-2147653340.jpg", buttonText: "Meet Our Team" },
      ]}
      title="Why Choose Rajesh Properties?"
      description="We stand for transparency, local insight, and results."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "1", brand: "Residential", name: "Luxury 3BHK Apartment", price: "₹65 Lakhs", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/cozy-living-room-modern-apartment_181624-60384.jpg" },
        { id: "2", brand: "Commercial", name: "Retail Space Downtown", price: "₹1.2 Cr", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/empty-flat-interrior-with-elements-decoration_1303-23909.jpg" },
        { id: "3", brand: "Residential", name: "Spacious Independent Villa", price: "₹2.5 Cr", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/star-favourite-label-box-bar-banner-graphic_53876-125576.jpg" },
        { id: "4", brand: "Residential", name: "Modern 2BHK Starter Home", price: "₹45 Lakhs", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571916.jpg" },
        { id: "5", brand: "Plot", name: "Premium Residential Plot", price: "₹30 Lakhs", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/land-plot-with-nature-landscape-location-pin_23-2149937914.jpg" },
        { id: "6", brand: "Commercial", name: "Office Complex Unit", price: "₹85 Lakhs", rating: 4, reviewCount: "6", imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-beautiful-architecture-modern-house_181624-3464.jpg" },
      ]}
      title="Featured Property Listings"
      description="Explore our latest vetted residential and commercial opportunities in Kurukshetra."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "10+", title: "Years of Experience", description: "Expertise in Kurukshetra", icon: Award },
        { id: "m2", value: "1000+", title: "Happy Clients", description: "Trusted by home buyers", icon: Users },
        { id: "m3", value: "5-Star", title: "Average Rating", description: "Exceptional service record", icon: Star },
      ]}
      title="Proven Performance Metrics"
      description="Our numbers reflect our commitment to your real estate success."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", title: "Great Experience", quote: "Rajesh Properties made buying our first home easy and transparent.", name: "Sarah Johnson", role: "Home Buyer", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-excited-asian-senior-woman-looking-happy-lucky-winning-apartment-showing-paper-house_1258-147381.jpg" },
        { id: "2", title: "Expert Investors", quote: "Their market analysis is spot-on. Highly recommended for investors.", name: "Michael Chen", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-family-getting-home-consultation-choosig-colors-floor_1157-47964.jpg" },
        { id: "3", title: "Fair & Fast", quote: "Sold my property in record time at a great price.", name: "Emily Rodriguez", role: "Seller", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064919.jpg" },
        { id: "4", title: "Professional Service", quote: "Professional, knowledgeable, and reliable at every step.", name: "David Kim", role: "NRI Client", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28900.jpg" },
        { id: "5", title: "Highly Recommend", quote: "They turned a complex search into a simple process.", name: "Rahul Verma", role: "Home Buyer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-pointing-paper-house_23-2147694202.jpg" },
      ]}
      title="What Our Clients Say"
      description="Read why local buyers and sellers trust Rajesh Properties."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        { id: "f1", title: "How do you determine property value?", content: "We use detailed market analysis, recent sales data, and property evaluation to ensure fair pricing." },
        { id: "f2", title: "Can you help NRI clients?", content: "Yes, we specialize in assisting NRIs with secure, transparent, and remote property transactions." },
        { id: "f3", title: "How can I schedule a consultation?", content: "Click the contact button below or give us a call to book your free session." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/rear-estate-agent-young-couple-going-through-blueprints-using-digital-tablet-meeting_637285-3873.jpg"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Get quick answers to common questions about buying, selling, or investing."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "radial-gradient" }}
      tag="Get in touch"
      title="Ready to Find Your Dream Property?"
      description="Start your journey with a free, no-obligation consultation with our Kurukshetra experts."
      buttons={[{ text: "Contact Us Now", href: "#" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/urban-city-skyline_649448-1650.jpg"
      logoText="Rajesh Properties"
      columns={[
        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
        { title: "Services", items: [{ label: "Buying", href: "#" }, { label: "Selling", href: "#" }, { label: "Investing", href: "#" }] },
        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}