"use client"

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, CheckCircle, Home, Phone, Search, Sparkles, Star } from "lucide-react";

export default function RealEstatePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="RealEstate Pro"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Search", id: "search" },
            { name: "Featured", id: "featured" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Find Your Dream Property Today"
          description="Explore premium residential and commercial properties with our advanced search tools. Discover the perfect home or investment opportunity with expert guidance every step of the way."
          tag="Real Estate Marketplace"
          tagIcon={Home}
          background={{ variant: "plain" }}
          rating={5}
          ratingText="Trusted by 10,000+ Happy Buyers"
          buttons={[
            { text: "Start Browsing", href: "#search" },
            { text: "Schedule Tour", href: "#contact" }
          ]}
          mediaItems={[
            {
              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 modern property exterior"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976540.jpg",              imageAlt: "Premium residential development"
            }
          ]}
        />
      </div>

      <div id="search" data-section="search">
        <FeatureCardSixteen
          title="Advanced Search & Filter Tools"
          description="Refine your property search with our comprehensive filtering system"
          tag="Smart Search"
          tagIcon={Search}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          negativeCard={{
            items: [
              "Scrolling through endless listings",              "No advanced filtering options",              "Unclear property specifications",              "Outdated information"
            ]
          }}
          positiveCard={{
            items: [
              "Filter by price, location, bedrooms, bathrooms",              "View property history and market trends",              "High-quality photos and virtual tours",              "Real-time availability updates"
            ]
          }}
          animationType="slide-up"
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardOne
          title="Featured Properties"
          description="Browse our curated selection of premium residential and commercial properties available for immediate viewing"
          tag="New Listings"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              name: "Luxury Downtown Apartment",              price: "$650,000",              imageSrc: "https://img.b2bpic.net/free-photo/happy-successful-business-team-members-posing-office_1262-20245.jpg",              imageAlt: "Modern downtown apartment"
            },
            {
              id: "2",              name: "Suburban Family Villa",              price: "$850,000",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Spacious suburban villa with pool"
            },
            {
              id: "3",              name: "Urban Townhouse",              price: "$550,000",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-young-woman-stairs_23-2149204468.jpg",              imageAlt: "Modern urban townhouse"
            },
            {
              id: "4",              name: "Skyline Penthouses",              price: "$1,200,000",              imageSrc: "https://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-726.jpg",              imageAlt: "Luxury city penthouse"
            },
            {
              id: "5",              name: "Residential Estate Home",              price: "$725,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: "Beautiful residential estate"
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          buttons={[
            { text: "View All Properties", href: "#contact" }
          ]}
        />
      </div>

      <div id="map" data-section="map">
        <MetricCardFourteen
          title="Interactive Map & Location Insights - Explore properties across prime neighborhoods with detailed location data, proximity to amenities, and commute times."
          tag="Map Integration"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "500+",              description: "Properties available in your desired locations with real-time map visualization and street view."
            },
            {
              id: "2",              value: "25",              description: "Prime neighborhoods covered with comprehensive neighborhood guides and local market analysis."
            },
            {
              id: "3",              value: "100%",              description: "Accurate GPS coordinates and interactive map displays for every listed property."
            },
            {
              id: "4",              value: "24/7",              description: "Real-time property updates and notifications for new listings in your favorite areas."
            }
          ]}
        />
      </div>

      <div id="featured" data-section="featured">
        <MetricSplitMediaAbout
          title="Premium Featured Properties"
          description="Our hand-selected collection of the finest properties in the market. Each listing represents an exceptional opportunity backed by comprehensive market analysis and expert valuation."
          tag="Exclusive Selection"
          tagIcon={Award}
          imageSrc="https://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg"
          imageAlt="Luxury estate property"
          useInvertedBackground="noInvert"
          metrics={[
            { value: "98%", title: "Client Satisfaction Rate" },
            { value: "$2.5B", title: "Total Properties Sold" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <FeatureCardSixteen
          title="Why Choose RealEstate Pro"
          description="Discover what sets us apart from traditional real estate agencies"
          tag="Our Advantage"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          negativeCard={{
            items: [
              "Limited property selection",              "Slow closing processes",              "Unpredictable pricing",              "No market insights provided"
            ]
          }}
          positiveCard={{
            items: [
              "Extensive network of verified properties",              "Fast and transparent closing procedures",              "Data-driven pricing strategies",              "Comprehensive market reports included",              "Dedicated personal agents",              "Virtual tours and 3D walkthroughs"
            ]
          }}
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Satisfied Homebuyers"
          description="See what our clients have to say about their experience with RealEstate Pro"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Found Our Dream Home in Record Time",              quote: "The entire team was incredibly helpful and professional. Within just three weeks, we found the perfect family home. The virtual tours saved us countless trips!",              name: "Sarah Johnson",              role: "Homebuyer",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              title: "Exceptional Service Throughout the Process",              quote: "From initial consultation to closing, every step was smooth and transparent. Our agent answered all questions patiently and guided us through everything.",              name: "Michael Chen",              role: "First-Time Buyer",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              title: "Excellent Investment Opportunity Identified",              quote: "The market analysis and investment recommendations helped me identify a property that appreciated significantly. Best real estate decision I made!",              name: "Emily Rodriguez",              role: "Investor",              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: "Emily Rodriguez"
            },
            {
              id: "4",              title: "Professional and Trustworthy Team",              quote: "Working with RealEstate Pro gave me complete peace of mind. Their transparency and expertise made the entire buying process stress-free.",              name: "David Kim",              role: "Property Owner",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              title: "Outstanding Support for Commercial Acquisition",              quote: "We purchased our commercial property through their platform. The negotiation support and legal guidance were invaluable for our business expansion.",              name: "Lisa Anderson",              role: "Business Owner",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",              title: "Exceeded All Expectations",              quote: "The personalized service and attention to detail made all the difference. I would recommend RealEstate Pro to anyone looking to buy or sell property.",              name: "James Wilson",              role: "Seller",              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "James Wilson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get Expert Real Estate Guidance"
          ctaDescription="Connect with our team of experienced agents to discuss your property goals and find the perfect fit."
          ctaIcon={Phone}
          ctaButton={{ text: "Schedule Consultation", href: "#contact" }}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",              title: "How do I start searching for properties?",              content: "You can begin by using our advanced search filters on the main listings page. Set your budget, desired location, number of bedrooms, and other preferences. Our algorithm will show you properties matching your criteria. You can also schedule a consultation with our agents for personalized recommendations."
            },
            {
              id: "2",              title: "What is the typical timeline for closing?",              content: "Our typical closing timeline is 30-45 days from the offer acceptance, though this can vary based on financing and inspections. We work with lenders and title companies to expedite the process. Complex transactions may take longer. Our agents will provide a detailed timeline at each stage."
            },
            {
              id: "3",              title: "Are there financing options available?",              content: "Yes! We partner with leading financial institutions offering competitive mortgage rates and flexible terms. Our team can connect you with trusted lenders who offer pre-approval services. We also provide guidance on down payment options and first-time homebuyer programs."
            },
            {
              id: "4",              title: "Can I view properties virtually?",              content: "Absolutely! Most of our listings feature high-quality 3D virtual tours and 360-degree photo galleries. You can explore properties from your home before scheduling an in-person viewing. Video tours are also available upon request for select premium properties."
            },
            {
              id: "5",              title: "What are your fees and commission rates?",              content: "Our commission rates are competitive and transparent. Typically, the seller's agent and buyer's agent each receive 2.5-3% of the sale price. During consultation, we'll discuss specific rates based on your property type and market conditions. No hidden fees!"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="RealEstate Pro"
          copyrightText="© 2025 RealEstate Pro | Connecting Dreams with Properties"
          columns={[
            {
              title: "Browse",              items: [
                { label: "Featured Properties", href: "#featured" },
                { label: "Search Listings", href: "#properties" },
                { label: "Map View", href: "#map" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#testimonials" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#contact" },
                { label: "Buyer Guide", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}