"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Home, Building2, BarChart3, FileText, TrendingUp, Users, Award, Phone, Sparkles } from 'lucide-react';
import Link from 'next/link';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="fluid"
      cardStyle="solid"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Dubai Realty"
          navItems={[
            { name: "Properties", id: "/properties" },
            { name: "Services", id: "services" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Schedule Tour",            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Luxury Living in Dubai"
          description="Experience the pinnacle of luxury real estate across Dubai's most exclusive neighborhoods. From iconic penthouses in Marina to sprawling villas in Arabian Ranches, find your dream property in paradise."
          background={{ variant: "sparkles-gradient" }}
          tag="Premium Properties"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Properties", href: "/properties" },
            { text: "Schedule Tour", href: "/contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/inner-courtyard-with-swimming-pool_661209-479.jpg"
          imageAlt="Luxury Dubai Property"
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardOne
          title="Featured Properties"
          description="Handpicked luxury properties showcasing the finest residential opportunities in Dubai"
          products={[
            {
              id: "1",              name: "Marina Towers Penthouse",              price: "AED 8,500,000",              imageSrc: "https://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694041.jpg",              imageAlt: "Marina Towers Penthouse"
            },
            {
              id: "2",              name: "Palm Jumeirah Villa",              price: "AED 12,000,000",              imageSrc: "https://img.b2bpic.net/free-photo/summer-white-sea-vintage-maldives_1203-4459.jpg",              imageAlt: "Palm Jumeirah Villa"
            },
            {
              id: "3",              name: "Downtown Luxury Apartment",              price: "AED 5,200,000",              imageSrc: "https://img.b2bpic.net/free-photo/blue-sun-loungers-swimming-pool_198523-20.jpg",              imageAlt: "Downtown Luxury Apartment"
            },
            {
              id: "4",              name: "Emirates Hills Townhouse",              price: "AED 7,800,000",              imageSrc: "https://img.b2bpic.net/free-photo/mosque-pictures-moroccan-wall-pattern_1203-5080.jpg",              imageAlt: "Emirates Hills Townhouse"
            },
            {
              id: "5",              name: "Jumeirah Beach Residence",              price: "AED 6,200,000",              imageSrc: "https://img.b2bpic.net/free-photo/inner-courtyard-with-swimming-pool_661209-479.jpg",              imageAlt: "Jumeirah Beach Residence"
            },
            {
              id: "6",              name: "Business Bay Tower",              price: "AED 4,800,000",              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339807.jpg",              imageAlt: "Business Bay Tower"
            },
            {
              id: "7",              name: "Arabian Ranches Villa",              price: "AED 9,500,000",              imageSrc: "https://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666220.jpg",              imageAlt: "Arabian Ranches Villa"
            },
            {
              id: "8",              name: "Bluewaters Island Penthouse",              price: "AED 7,200,000",              imageSrc: "https://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694041.jpg",              imageAlt: "Bluewaters Island Penthouse"
            },
            {
              id: "9",              name: "Meadows Luxury Villa",              price: "AED 8,900,000",              imageSrc: "https://img.b2bpic.net/free-photo/summer-white-sea-vintage-maldives_1203-4459.jpg",              imageAlt: "Meadows Luxury Villa"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureHoverPattern
          title="Our Services"
          description="Comprehensive real estate solutions tailored to meet your needs"
          features={[
            {
              icon: Home,
              title: "Property Sales",              description: "Discover and purchase your dream property from our exclusive portfolio of premium residences across Dubai's finest locations."
            },
            {
              icon: Building2,
              title: "Investment Advisory",              description: "Expert guidance on real estate investments with detailed market analysis and ROI projections for savvy investors."
            },
            {
              icon: BarChart3,
              title: "Property Management",              description: "Full-service property management including maintenance, tenant relations, and financial reporting for peace of mind."
            },
            {
              icon: FileText,
              title: "Legal Support",              description: "Complete legal documentation and compliance support for all property transactions and regulatory requirements."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Why Choose Dubai for Your Real Estate Investment"
          metrics={[
            {
              icon: TrendingUp,
              label: "Property Growth",              value: "15%+"
            },
            {
              icon: Home,
              label: "Premium Listings",              value: "500+"
            },
            {
              icon: Users,
              label: "Satisfied Clients",              value: "2,500+"
            },
            {
              icon: Award,
              label: "Years Experience",              value: "20+"
            }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Client Success Stories"
          description="Hear from our satisfied clients who found their perfect properties through Dubai Realty"
          testimonials={[
            {
              id: "1",              name: "Ahmed Al Mansouri",              handle: "@mansouri_dubai",              testimonial: "Found the perfect villa for my family in just two weeks. The team's professionalism and market knowledge made the entire process smooth and transparent.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Ahmed Al Mansouri"
            },
            {
              id: "2",              name: "Fatima Al Zahra",              handle: "@fatima_real_estate",              testimonial: "Excellent investment opportunity presentation. Dubai Realty's analytical approach helped me make an informed decision that exceeded my expectations.",              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: "Fatima Al Zahra"
            },
            {
              id: "3",              name: "Mohammed Hassan",              handle: "@mhasan_investments",              testimonial: "Outstanding property portfolio and expert guidance. The team understood my requirements perfectly and delivered exceptional results within my timeline.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "Mohammed Hassan"
            },
            {
              id: "4",              name: "Layla Al Khoori",              handle: "@layla_entrepreneur",              testimonial: "Professional, reliable, and results-driven. Dubai Realty handled all legal complexities seamlessly while I focused on my business commitments.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              imageAlt: "Layla Al Khoori"
            },
            {
              id: "5",              name: "Rashed Al Maktoum",              handle: "@rashed_business",              testimonial: "Impressive attention to detail and market insights. My investment has appreciated significantly thanks to Dubai Realty's strategic recommendations.",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              imageAlt: "Rashed Al Maktoum"
            },
            {
              id: "6",              name: "Noor Al Falahi",              handle: "@noor_lifestyle",              testimonial: "Found more than just a property - found a trusted partner. Dubai Realty's team remains invested in my property's success long after purchase.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              imageAlt: "Noor Al Falahi"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Started"
          tagIcon={Phone}
          title="Ready to Find Your Perfect Property?"
          description="Contact our expert real estate consultants today. We'll guide you through every step of your property journey in Dubai."
          buttons={[
            { text: "Schedule Consultation", href: "/contact" },
            { text: "Call Us Today", href: "tel:+971123456789" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Company",            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/about" },
              { label: "Careers", href: "#" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "Services",            items: [
              { label: "Buy Property", href: "/properties" },
              { label: "Sell Property", href: "#" },
              { label: "Property Management", href: "#" },
              { label: "Investment Advisory", href: "#" }
            ]
          },
          {
            title: "Support",            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "FAQ", href: "#" },
              { label: "Privacy Policy", href: "#" },
              { label: "Terms & Conditions", href: "#" }
            ]
          }
        ]}
        copyrightText="© 2025 Dubai Realty. All rights reserved. | Dubai, UAE"
      />
    </ThemeProvider>
  );
}
