"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSignup from '@/components/sections/hero/HeroSignup';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Bell, Eye, Home, MapPin, Rocket, Search } from "lucide-react";

export default function PropertyPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Properties", id: "properties" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Blog", id: "blog" }
          ]}
          brandName="PropertyHub"
          bottomLeftText="Premium Real Estate"
          bottomRightText="hello@propertyhub.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSignup
          background={{ variant: "sparkles-gradient" }}
          tag="Find Your Perfect Home"
          tagIcon={Home}
          title="Discover Premium Properties in Your Area"
          description="Browse verified listings from trusted sellers. Advanced filters, virtual tours, and instant contact options make finding your dream property effortless."
          inputPlaceholder="Enter your email to get alerts"
          buttonText="Get Property Alerts"
        />
      </div>
      
      <div id="properties" data-section="properties">
        <ProductCardTwo
          products={[
            {
              id: "1",              brand: "Downtown",              name: "Modern Apartment - Central District",              price: "$450,000",              rating: 5,
              reviewCount: "127",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-water-swimming-resort-hotel_1203-4648.jpg",              imageAlt: "Modern apartment in central district",              isFavorited: false
            },
            {
              id: "2",              brand: "Waterfront",              name: "Luxury Penthouse - City View",              price: "$1,200,000",              rating: 5,
              reviewCount: "89",              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-deck_1203-3200.jpg",              imageAlt: "Luxury penthouse with city view",              isFavorited: false
            },
            {
              id: "3",              brand: "Suburban",              name: "Family Home - Quiet Neighborhood",              price: "$650,000",              rating: 5,
              reviewCount: "156",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-person-standing-top-building_181624-14409.jpg",              imageAlt: "Family home in quiet neighborhood",              isFavorited: false
            },
            {
              id: "4",              brand: "Urban",              name: "Starter Condo - Near Transport",              price: "$280,000",              rating: 5,
              reviewCount: "203",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-water-swimming-resort-hotel_1203-4648.jpg",              imageAlt: "Starter condo near public transport",              isFavorited: false
            },
            {
              id: "5",              brand: "Lakeside",              name: "Cottage with Waterfront Access",              price: "$520,000",              rating: 5,
              reviewCount: "94",              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-deck_1203-3200.jpg",              imageAlt: "Cottage with waterfront access",              isFavorited: false
            },
            {
              id: "6",              brand: "Hills",              name: "Villa with Garden - Premium Location",              price: "$950,000",              rating: 5,
              reviewCount: "67",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-person-standing-top-building_181624-14409.jpg",              imageAlt: "Villa with garden in premium location",              isFavorited: false
            }
          ]}
          title="Featured Properties for Sale"
          description="Explore our curated collection of premium residential properties. Each listing is verified and professionally photographed."
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="filters" data-section="filters">
        <FeatureCardTwentySix
          features={[
            {
              title: "Advanced Search Filters",              description: "Filter by price, bedrooms, bathrooms, property type, and more. Save your searches for quick access.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-toys-accessories-tourist_23-2148232449.jpg",              imageAlt: "Search interface",              buttonIcon: Search
            },
            {
              title: "Location Map Integration",              description: "Visualize properties on an interactive map. Explore neighborhoods and nearby amenities.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-toys-accessories-tourist_23-2148232449.jpg",              imageAlt: "Map integration",              buttonIcon: MapPin
            },
            {
              title: "Virtual Tours Available",              description: "360° property tours and video walkthroughs. Experience properties from your home.",              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-deck_1203-3200.jpg",              imageAlt: "Virtual tour",              buttonIcon: Eye
            },
            {
              title: "Instant Notifications",              description: "Get alerts for new listings matching your criteria. Never miss your dream property.",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-person-standing-top-building_181624-14409.jpg",              imageAlt: "Notifications",              buttonIcon: Bell
            }
          ]}
          title="Powerful Tools to Find Your Perfect Property"
          description="Our platform combines advanced search, interactive mapping, and real-time alerts to make property hunting simple and efficient."
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="featured" data-section="featured">
        <PricingCardNine
          plans={[
            {
              id: "starter",              title: "Starter Package",              price: "$2,500",              period: "one-time",              imageSrc: "https://img.b2bpic.net/free-photo/swimming-pool_74190-7325.jpg",              imageAlt: "Starter package property",              button: {
                text: "View Properties",                href: "#properties"
              },
              features: [
                "Access to 500+ listings",                "Basic search filters",                "Email notifications",                "Property comparison tool"
              ]
            },
            {
              id: "professional",              title: "Professional Package",              price: "$5,900",              period: "one-time",              imageSrc: "https://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg",              imageAlt: "Professional package property",              button: {
                text: "Get Started",                href: "#contact"
              },
              features: [
                "Unlimited property access",                "Advanced AI filters",                "Priority support",                "Virtual tour hosting",                "Market analysis reports"
              ]
            },
            {
              id: "premium",              title: "Premium Package",              price: "$9,999",              period: "one-time",              imageSrc: "https://img.b2bpic.net/free-photo/backyard-water-contemporary-architecture-sky_1203-4963.jpg",              imageAlt: "Premium package property",              button: {
                text: "Contact Sales",                href: "#contact"
              },
              features: [
                "White-label solution",                "Custom integrations",                "Dedicated account manager",                "Advanced analytics",                "API access",                "Priority listing placement"
              ]
            }
          ]}
          title="Our Packages"
          description="Choose the perfect plan for your real estate needs. Whether you're a buyer, seller, or agent, we have a solution."
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Homebuyer",              date: "Date: 15 December 2024",              title: "Found my dream home in just two weeks!",              quote: "PropertyHub made the entire process so simple. The advanced filters helped me narrow down exactly what I was looking for, and the virtual tours saved me hours. The team was incredibly responsive to all my questions.",              tag: "Verified Buyer",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "2",              name: "Michael Chen, Real Estate Agent",              date: "Date: 10 December 2024",              title: "The best platform for modern agents",              quote: "As a real estate professional, I appreciate how PropertyHub streamlines the entire listing process. The analytics tools help me price properties competitively, and my clients love the interactive maps and virtual tour features.",              tag: "Professional Agent",              avatarSrc: "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"
            },
            {
              id: "3",              name: "Jessica Rodriguez, Property Investor",              date: "Date: 5 December 2024",              title: "Excellent market insights and opportunities",              quote: "I've invested in 8 properties through PropertyHub. Their analytics and market reports give me an edge in identifying investment opportunities. The notification system ensures I never miss a good deal.",              tag: "Verified Investor",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"
            },
            {
              id: "4",              name: "David Thompson, Relocating Professional",              date: "Date: 1 December 2024",              title: "Perfect for finding properties in new cities",              quote: "Moving to a new city can be stressful, but PropertyHub made it effortless. The location-based filters and neighborhood insights helped me find the perfect area for my family. I highly recommend this platform.",              tag: "Verified Buyer",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"
            }
          ]}
          title="What Our Users Say"
          description="Join thousands of satisfied buyers, sellers, and agents who trust PropertyHub for their real estate needs."
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="cta" data-section="cta">
        <ContactCenter
          tag="Get Started Today"
          tagIcon={Rocket}
          title="Ready to Find Your Perfect Property?"
          description="Join thousands of homebuyers, sellers, and real estate professionals using PropertyHub. Start your property search or list your home today."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Sign Up Free"
          termsText="Join our community to access premium listings and exclusive market insights. We respect your privacy."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBase
          logoText="PropertyHub"
          columns={[
            {
              title: "Product",              items: [
                { label: "Search Properties", href: "properties" },
                { label: "List Property", href: "https://seller.propertyhub.com" },
                { label: "Pricing", href: "featured" },
                { label: "Virtual Tours", href: "https://tours.propertyhub.com" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Blog", href: "blog" },
                { label: "Careers", href: "https://careers.propertyhub.com" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "https://propertyhub.com/privacy" },
                { label: "Terms of Service", href: "https://propertyhub.com/terms" },
                { label: "Cookie Policy", href: "https://propertyhub.com/cookies" }
              ]
            }
          ]}
          copyrightText="© 2025 PropertyHub | All rights reserved"
        />
      </div>
    </ThemeProvider>
  );
}