"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { MapPin, Building2, Home, Heart, Sliders, Fire, BarChart3, Quote, Sparkles, Shield, TrendingUp } from 'lucide-react';

export default function PropertyListingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PropertyHub"
          navItems={[
            { name: "Browse", id: "properties" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "List Property",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Discover Your Dream Home"
          description="Browse thousands of premium properties with advanced filters, detailed listings, and interactive map integration to find the perfect fit for your lifestyle."
          tag="Real Estate Platform"
          tagIcon={MapPin}
          buttons={[
            { text: "Start Browsing", href: "#properties" },
            { text: "View Listings", href: "#properties" }
          ]}
          background={{
            variant: "radial-gradient"
          }}
          dashboard={{
            title: "Property Market Dashboard",            logoIcon: Building2,
            imageSrc: "https://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg",            imageAlt: "luxury home modern house exterior residential property",            searchPlaceholder: "Search properties by location...",            buttons: [
              { text: "Advanced Search", href: "#properties" },
              { text: "Save Favorites", href: "#" }
            ],
            sidebarItems: [
              { icon: Home, active: true },
              { icon: MapPin },
              { icon: Heart }
            ],
            stats: [
              {
                title: "Active Listings",                values: [1240, 1856, 2341],
                description: "Properties available now."
              },
              {
                title: "Avg Price",                values: [450000, 520000, 585000],
                valuePrefix: "$",                description: "Market average."
              },
              {
                title: "Sold This Month",                values: [234, 389, 456],
                description: "Successful sales."
              }
            ],
            chartTitle: "Market Activity",            chartData: [
              { value: 45 },
              { value: 62 },
              { value: 58 },
              { value: 73 },
              { value: 89 }
            ],
            listTitle: "Recent Sales",            listItems: [
              {
                icon: TrendingUp,
                title: "$2.5M Property Sold",                status: "Completed"
              },
              {
                icon: Home,
                title: "New Listing: Downtown Condo",                status: "Active"
              },
              {
                icon: MapPin,
                title: "Open House: Suburban Estate",                status: "This Weekend"
              }
            ]
          }}
        />
      </div>

      <div id="filters" data-section="filters">
        <FeatureCardNineteen
          title="Advanced Search & Filters"
          description="Refine your search with powerful filtering tools to find exactly what you're looking for."
          tag="Smart Tools"
          tagIcon={Sliders}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Location",              title: "Geographic Search",              subtitle: "Filter by neighborhood and proximity",              description: "Search properties by city, neighborhood, or radius from a specific location. View surrounding amenities and infrastructure with integrated map visualization.",              imageSrc: "https://img.b2bpic.net/free-vector/gps-navigation-laptop_24877-57122.jpg",              imageAlt: "map interface location pin navigation digital map"
            },
            {
              id: 2,
              tag: "Price Range",              title: "Budget Filters",              subtitle: "Set min and max price parameters",              description: "Specify your budget range and instantly see available properties that match your financial criteria. Compare prices across neighborhoods and property types.",              imageSrc: "https://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-726.jpg",              imageAlt: "modern apartment urban living contemporary interior residential"
            },
            {
              id: 3,
              tag: "Property Type",              title: "Category Selection",              subtitle: "Choose from homes, condos, and more",              description: "Filter by property type including single-family homes, condos, townhouses, and multi-unit properties. Each category shows detailed specifications and features.",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-young-woman-stairs_23-2149204468.jpg",              imageAlt: "suburban house family home residential property garden"
            },
            {
              id: 4,
              tag: "Features",              title: "Amenities Checklist",              subtitle: "Select desired home features",              description: "Choose from numerous property features including bedrooms, bathrooms, garage, pool, garden, and modern appliances. Mix and match to narrow results.",              imageSrc: "https://img.b2bpic.net/free-photo/mother-with-daughter-posing-street_1303-31802.jpg",              imageAlt: "downtown condo city living modern residence urban"
            }
          ]}
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardTwo
          title="Featured Listings"
          description="Browse our carefully curated selection of premium properties available for immediate viewing."
          tag="Hot Properties"
          tagIcon={Fire}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "Luxury Collection",              name: "Modern Downtown Penthouse",              price: "$2,850,000",              rating: 5,
              reviewCount: "127 reviews",              imageSrc: "https://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg",              imageAlt: "penthouse luxury apartment high-rise city skyline"
            },
            {
              id: "2",              brand: "Prime Homes",              name: "Waterfront Villa with Ocean View",              price: "$3,200,000",              rating: 5,
              reviewCount: "98 reviews",              imageSrc: "https://img.b2bpic.net/free-photo/happy-caucasian-woman-short-summer-dress-outside-villa-hotel-by-tree-blue-swimming-pool_343596-691.jpg",              imageAlt: "waterfront villa luxury property beachfront premium home"
            },
            {
              id: "3",              brand: "Urban Living",              name: "Contemporary City Apartment",              price: "$1,450,000",              rating: 4,
              reviewCount: "84 reviews",              imageSrc: "https://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-726.jpg",              imageAlt: "modern apartment urban living contemporary interior residential"
            },
            {
              id: "4",              brand: "Suburban Haven",              name: "Family Home with Large Garden",              price: "$890,000",              rating: 5,
              reviewCount: "156 reviews",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-young-woman-stairs_23-2149204468.jpg",              imageAlt: "suburban house family home residential property garden"
            },
            {
              id: "5",              brand: "Country Estates",              name: "Historic Cottage in Scenic Area",              price: "$625,000",              rating: 4,
              reviewCount: "72 reviews",              imageSrc: "https://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg",              imageAlt: "country cottage garden property rural home scenic"
            },
            {
              id: "6",              brand: "Urban Core",              name: "Renovated Loft Downtown",              price: "$1,750,000",              rating: 5,
              reviewCount: "143 reviews",              imageSrc: "https://img.b2bpic.net/free-photo/mother-with-daughter-posing-street_1303-31802.jpg",              imageAlt: "downtown condo city living modern residence urban"
            }
          ]}
        />
      </div>

      <div id="featured" data-section="featured">
        <MetricCardTen
          title="Market Insights"
          description="Key metrics and statistics from our real estate market data"
          tag="Analytics"
          tagIcon={BarChart3}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",              title: "Luxury Penthouse - Downtown",              subtitle: "45th Floor · Modern Building · City View",              category: "Premium",              value: "$2.85M",              buttons: [
                { text: "View Details", href: "#" }
              ]
            },
            {
              id: "2",              title: "Family Home - Suburbs",              subtitle: "4 Bed · 3 Bath · 2 Car Garage",              category: "Residential",              value: "$890K",              buttons: [
                { text: "Schedule Tour", href: "#" }
              ]
            },
            {
              id: "3",              title: "Waterfront Property",              subtitle: "Beach Access · Resort Amenities · 5 Bed",              category: "Luxury",              value: "$3.2M",              buttons: [
                { text: "Request Info", href: "#" }
              ]
            },
            {
              id: "4",              title: "Urban Condo - City Center",              subtitle: "2 Bed · Modern Finishes · Pool Access",              category: "Urban",              value: "$1.45M",              buttons: [
                { text: "View Tours", href: "#" }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Client Success Stories"
          description="Real experiences from buyers and sellers who found their perfect property with PropertyHub"
          tag="Testimonials"
          tagIcon={Quote}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="opacity"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "Found her dream home in 2 weeks",              testimonial: "The advanced search filters helped me narrow down thousands of listings to just the perfect properties. The team was incredibly responsive and professional.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "Sold his property for 15% above asking",              testimonial: "PropertyHub's marketing platform and professional photography showcased our home beautifully. We attracted multiple competitive offers within days.",              imageSrc: "https://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "First-time buyer success story",              testimonial: "As a first-time buyer, I felt overwhelmed, but the detailed property information and market insights on PropertyHub gave me confidence in my decision.",              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              handle: "Completed a complex investment portfolio",              testimonial: "The map integration and comparative analysis tools were invaluable for evaluating multiple investment properties. Excellent platform for serious investors.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              name: "Jessica Martinez",              handle: "Relocated across the country seamlessly",              testimonial: "Moving to a new city with PropertyHub's detailed neighborhood information was incredibly helpful. Found exactly what we needed before even visiting.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "6",              name: "Robert Thompson",              handle: "Upgraded to his forever home",              testimonial: "The virtual tours and high-quality imagery allowed me to shortlist properties without traveling. Saved time and found a better home than expected.",              imageSrc: "https://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg",              imageAlt: "Robert Thompson"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Why Choose PropertyHub"
          tagIcon={Sparkles}
          title="Your trusted partner in finding the perfect property"
          description="Industry leading platform"
          subdescription="Over 15 years of excellence"
          icon={Shield}
          imageSrc="https://img.b2bpic.net/free-photo/way-white-house_1162-117.jpg"
          imageAlt="Modern luxury home"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Start Your Property Journey"
          description="Connect with our real estate experts to schedule tours, get market insights, or list your property. We're here to help you achieve your real estate goals."
          useInvertedBackground="noInvert"
          inputs={[
            {
              name: "fullName",              type: "text",              placeholder: "Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: false
            },
            {
              name: "propertyType",              type: "text",              placeholder: "Property Interest (e.g., Home, Condo)",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your real estate goals...",            rows: 5,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg"
          imageAlt="Modern property interior"
          mediaPosition="right"
          buttonText="Get in Touch"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Browse",              items: [
                { label: "All Properties", href: "#properties" },
                { label: "New Listings", href: "#properties" },
                { label: "Featured", href: "#featured" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#" },
                { label: "Resources", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 PropertyHub. All rights reserved."
          bottomRightText="Built for real estate excellence"
        />
      </div>
    </ThemeProvider>
  );
}