"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MediaAbout from '@/components/sections/about/MediaAbout';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Home, Users, TrendingUp, Award, Sparkles, Crown, MessageSquare } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="medium"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="RealEstate"
          navItems={[
            { name: "Browse Properties", id: "properties" },
            { name: "Featured Homes", id: "featured" },
            { name: "About Us", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Schedule Viewing",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="FIND YOUR HOME"
          description="Discover exceptional properties in prime locations. Browse luxury homes, modern apartments, and investment opportunities."
          slides={[
            { imageSrc: "https://img.b2bpic.net/free-photo/outdoor-swimming-pool_74190-7300.jpg", imageAlt: "luxury mansion real estate home property" },
            { imageSrc: "https://img.b2bpic.net/free-photo/miami-luxury-house_649448-2903.jpg", imageAlt: "modern home architecture real estate contemporary" },
            { imageSrc: "https://img.b2bpic.net/free-photo/beautiful-streets-switzerland_8353-9666.jpg", imageAlt: "suburban house neighborhood family residential" }
          ]}
          buttons={[
            { text: "Explore Properties", href: "#properties" },
            { text: "Schedule Tour", href: "#contact" }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="search-filters" data-section="search-filters">
        <FeatureCardEight
          title="Smart Property Search"
          description="Filter and find your perfect property with our advanced search tools"
          tag="Filter Options"
          features={[
            {
              id: 1,
              title: "Location-Based Search",              description: "Find properties in your preferred neighborhoods with map-based location filtering",              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-swimming-pool_74190-7300.jpg",              imageAlt: "Location-Based Search"
            },
            {
              id: 2,
              title: "Price Range Filter",              description: "Customize your search by setting minimum and maximum price parameters",              imageSrc: "https://img.b2bpic.net/free-photo/miami-luxury-house_649448-2903.jpg",              imageAlt: "Price Range Filter"
            },
            {
              id: 3,
              title: "Property Type Selection",              description: "Browse by property type: apartments, houses, villas, townhouses, and more",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-streets-switzerland_8353-9666.jpg",              imageAlt: "Property Type Selection"
            },
            {
              id: 4,
              title: "Amenities & Features",              description: "Filter by bedrooms, bathrooms, square footage, parking, and special amenities",              imageSrc: "https://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-726.jpg",              imageAlt: "Amenities & Features"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardOne
          title="Featured Listings"
          description="Browse our latest property listings and find homes that match your criteria"
          tag="Available Now"
          products={[
            {
              id: "1",              name: "Modern Downtown Apartment",              price: "$850,000",              imageSrc: "https://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-726.jpg",              imageAlt: "modern apartment real estate urban home"
            },
            {
              id: "2",              name: "Luxury Hilltop Villa",              price: "$2,500,000",              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: "luxury villa real estate exterior residential"
            },
            {
              id: "3",              name: "Suburban Family Home",              price: "$650,000",              imageSrc: "https://img.b2bpic.net/free-photo/backyard-water-contemporary-architecture-sky_1203-4963.jpg",              imageAlt: "house real estate property home architecture"
            },
            {
              id: "4",              name: "Urban Penthouse Suite",              price: "$3,200,000",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-shot-chaplin-s-world-museum-switzerland-surrounded-by-lush-nature_181624-16105.jpg",              imageAlt: "penthouse apartment city real estate modern"
            },
            {
              id: "5",              name: "Countryside Cottage",              price: "$450,000",              imageSrc: "https://img.b2bpic.net/free-photo/nature-travel-blue-beauty-decoration_1203-4929.jpg",              imageAlt: "cottage countryside real estate rural home"
            },
            {
              id: "6",              name: "Contemporary Townhouse",              price: "$920,000",              imageSrc: "https://img.b2bpic.net/free-photo/modern-villa-with-multiple-lights-sun-loungers-asprovalta-greece_1268-16093.jpg",              imageAlt: "townhouse real estate property residential street"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="map-integration" data-section="map-integration">
        <MediaAbout
          title="Map Integration for Property Discovery"
          description="View properties on an interactive map to explore neighborhoods, compare locations, and assess proximity to amenities, schools, and transportation"
          tag="Interactive Map"
          imageSrc="https://img.b2bpic.net/free-photo/man-looking-away-while-going-upstairs-with-coffee_171337-19937.jpg"
          imageAlt="real estate office agent professional business"
          buttons={[
            { text: "View on Map", href: "#contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="featured-premium" data-section="featured-premium">
        <PricingCardOne
          title="Premium Property Listings"
          description="Our most sought-after properties with exceptional value and unique features"
          tag="Exclusive Homes"
          plans={[
            {
              id: "1",              badge: "Best Value",              badgeIcon: Home,
              price: "$1,250,000",              subtitle: "Sophisticated Urban Living",              features: [
                "3 bedrooms, 2.5 bathrooms",                "Modern kitchen with granite countertops",                "High-floor with city views",                "Fitness center access",                "24/7 security and concierge"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$2,850,000",              subtitle: "Luxury Coastal Estate",              features: [
                "4 bedrooms, 3 bathrooms",                "Oceanfront with private beach access",                "Designer interior finishes",                "Infinity pool and hot tub",                "Smart home automation system"
              ]
            },
            {
              id: "3",              badge: "Premium Choice",              badgeIcon: Crown,
              price: "$4,200,000",              subtitle: "Executive Penthouse",              features: [
                "5 bedrooms, 4 bathrooms",                "Panoramic skyline views",                "Wine cellar and private theater",                "Rooftop terrace with hot tub",                "Dedicated parking spaces"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <MetricCardThree
          title="Why Choose Our Platform"
          description="Market-leading expertise and customer satisfaction"
          tag="By The Numbers"
          metrics={[
            {
              id: "1",              icon: Home,
              title: "Properties Listed",              value: "15,000+"
            },
            {
              id: "2",              icon: Users,
              title: "Active Buyers",              value: "125,000+"
            },
            {
              id: "3",              icon: TrendingUp,
              title: "Sales Closed",              value: "$8.5B"
            },
            {
              id: "4",              icon: Award,
              title: "Client Satisfaction",              value: "98%"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Happy Homeowners"
          description="Real stories from satisfied clients who found their dream homes through our platform"
          tag="Client Reviews"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "First-Time Buyer",              testimonial: "Finding our first home was seamless with their platform. The search filters were intuitive and the agents were incredibly knowledgeable and supportive throughout the entire process.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "portrait professional person headshot user"
            },
            {
              id: "2",              name: "Michael Rodriguez",              role: "Luxury Home Buyer",              testimonial: "The map integration and detailed property information helped us explore neighborhoods we'd never considered. We found a stunning penthouse that exceeded all our expectations.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "portrait professional person headshot user"
            },
            {
              id: "3",              name: "Jennifer Williams",              role: "Real Estate Investor",              testimonial: "Outstanding service from start to finish. Their property analytics tools and investment insights made it easy to identify high-potential listings for our portfolio.",              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: "portrait professional person headshot user"
            },
            {
              id: "4",              name: "David Thompson",              role: "Relocating Professional",              testimonial: "Moving to a new city was stressful, but their platform made finding a suitable home straightforward. The virtual tours and neighborhood guides were incredibly helpful.",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "portrait professional person headshot user"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Ready to Find Your Perfect Home?"
          description="Connect with our experienced real estate agents who will guide you through the buying, selling, or renting process"
          tagIcon={MessageSquare}
          background={{
            variant: "rotated-rays-animated-grid"
          }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Schedule Consultation"
          termsText="We'll contact you within 24 hours to discuss your real estate needs and preferences."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="RealEstate"
          columns={[
            {
              title: "Browse",              items: [
                { label: "All Properties", href: "#properties" },
                { label: "Featured Listings", href: "#featured-premium" },
                { label: "New Developments", href: "#properties" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Buying Guide", href: "https://example.com/guide" },
                { label: "Market Insights", href: "https://example.com/insights" },
                { label: "Mortgage Calculator", href: "https://example.com/calculator" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "https://example.com/careers" }
              ]
            }
          ]}
          copyrightText="© 2025 RealEstate Platform. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}