"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Heart, Star, Phone } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="radialGradient"
      cardStyle="solid"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxe Properties"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Properties", id: "/properties" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Schedule Tour", href: "/contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Discover Your Dream Property in Dubai"
          description="Explore the finest luxury real estate in Dubai. From stunning beachfront villas to modern downtown apartments, we connect you with your perfect home in this iconic city."
          tag="Premium Properties"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/business-urban-beautiful-landscape-night_1122-1702.jpg"
          imageAlt="Dubai skyline luxury cityscape emirates modern"
          imagePosition="right"
          buttons={[
            { text: "View Properties", href: "/properties" },
            { text: "Schedule Consultation", href: "/contact" }
          ]}
          className="w-full"
          titleClassName="text-4xl md:text-5xl font-extrabold tracking-tight"
          descriptionClassName="text-lg md:text-xl text-opacity-80"
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardTwo
          title="Featured Properties"
          description="Handpicked luxury properties across Dubai's most sought-after locations"
          tag="Curated Selection"
          tagIcon={Heart}
          products={[
            {
              id: "1",
              brand: "Marina District",
              name: "Luxury Beachfront Penthouse",
              price: "AED 8,500,000",
              rating: 5,
              reviewCount: "127",
              imageSrc: "https://img.b2bpic.net/free-photo/inner-courtyard-with-swimming-pool_661209-479.jpg",
              imageAlt: "luxury villa modern Dubai real-estate exterior"
            },
            {
              id: "2",
              brand: "Downtown Dubai",
              name: "Modern Downtown Apartment",
              price: "AED 5,200,000",
              rating: 5,
              reviewCount: "89",
              imageSrc: "https://img.b2bpic.net/free-photo/blue-sun-loungers-swimming-pool_198523-20.jpg",
              imageAlt: "beachfront luxury apartment Dubai waterfront premium"
            },
            {
              id: "3",
              brand: "Arabian Ranches",
              name: "Exclusive Villa with Garden",
              price: "AED 6,750,000",
              rating: 5,
              reviewCount: "156",
              imageSrc: "https://img.b2bpic.net/free-photo/place-relax-sunny-beach-black-sea-bulgaria-summer-vacation-travel-holiday_627829-9817.jpg",
              imageAlt: "downtown Dubai apartment modern city-center luxury"
            },
            {
              id: "4",
              brand: "Palm Jumeirah",
              name: "Iconic Palm Beachfront Villa",
              price: "AED 12,000,000",
              rating: 5,
              reviewCount: "203",
              imageSrc: "https://img.b2bpic.net/free-photo/mosque-pictures-moroccan-wall-pattern_1203-5080.jpg",
              imageAlt: "villa luxury Dubai exterior garden premium"
            },
            {
              id: "5",
              brand: "Business Bay",
              name: "Business Bay Luxury Suite",
              price: "AED 4,100,000",
              rating: 4,
              reviewCount: "72",
              imageSrc: "https://img.b2bpic.net/free-photo/beach-chair-hotel_1150-17975.jpg",
              imageAlt: "penthouse Dubai luxury apartment high-rise modern"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="invertDefault"
          buttons={[{ text: "View All Properties", href: "/properties" }]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Luxe Properties made finding our dream villa effortless. Their expertise and personalized service exceeded all expectations. Highly recommend!"
          rating={5}
          author="Ahmed Al Mansoori, Property Investor"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", alt: "professional portrait business man confident headshot" },
            { src: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", alt: "professional portrait business woman confident headshot" },
            { src: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg", alt: "professional portrait business man smile headshot" },
            { src: "https://img.b2bpic.net/free-photo/portrait-elegant-professional-businesswoman_23-2150917266.jpg", alt: "professional portrait business woman smile headshot" },
            { src: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg", alt: "professional portrait business man entrepreneur headshot" },
            { src: "https://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg", alt: "professional portrait business woman entrepreneur headshot" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Luxe Properties"
          copyrightText="© 2025 Luxe Properties Dubai. All rights reserved."
          columns={[
            {
              title: "Properties",
              items: [
                { label: "Featured Listings", href: "/properties" },
                { label: "New Developments", href: "/properties" },
                { label: "Investment Properties", href: "/properties" },
                { label: "Luxury Villas", href: "/properties" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Team", href: "/about" },
                { label: "Careers", href: "/careers" },
                { label: "Press", href: "/press" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "Property Buying", href: "/services" },
                { label: "Property Selling", href: "/services" },
                { label: "Investment Consulting", href: "/services" },
                { label: "Property Management", href: "/services" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "/contact" },
                { label: "FAQ", href: "/faq" },
                { label: "Blog", href: "/blog" },
                { label: "Support Center", href: "/support" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}