"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Crown, Facebook, Instagram, Linkedin, Twitter } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Prestige Realty Dubai"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Properties", id: "/properties" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Schedule Viewing",
            href: "/contact"
          }}
          className="bg-white/80 backdrop-blur-md"
          navItemClassName="text-foreground font-semibold hover:text-primary-cta transition-colors"
          buttonClassName="bg-primary-cta hover:bg-primary-cta/90 text-white"
          buttonTextClassName="font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Discover Luxury Living in Dubai"
          description="Explore our exclusive collection of premium properties in the world's most coveted locations. From beachfront villas to skyline penthouses, find your dream home in Dubai's most prestigious addresses."
          tag="Prestige Properties"
          tagIcon={Crown}
          kpis={[
            { value: "500+", label: "Premium Properties" },
            { value: "15+", label: "Years of Excellence" },
            { value: "98%", label: "Client Satisfaction" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
          imageAlt="Luxury Dubai property with stunning skyline view"
          imagePosition="right"
          buttons={[
            { text: "View Properties", href: "/properties" },
            { text: "Schedule Consultation", href: "/contact" }
          ]}
          className="w-full"
          containerClassName="py-20 px-6"
          titleClassName="text-5xl md:text-6xl font-extrabold text-foreground"
          descriptionClassName="text-lg text-foreground/80 max-w-2xl"
          buttonClassName="rounded-lg"
          mediaWrapperClassName="rounded-2xl overflow-hidden"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Prestige Realty Dubai exceeded all expectations. Their professionalism, market expertise, and dedication to finding the perfect property made the entire process seamless. We couldn't be happier with our Palm Jumeirah villa!"
          rating={5}
          author="Mohammed Al-Maktoum, International Investor"
          avatars={[
            { src: "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", alt: "Mohammed Al-Maktoum" },
            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Fatima Al-Noor" },
            { src: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Ahmed Hassan" },
            { src: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", alt: "Sarah Johnson" },
            { src: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Raj Patel" },
            { src: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Lisa Chen" }
          ]}
          useInvertedBackground="invertDefault"
          className="w-full"
          containerClassName="py-20 px-6"
          testimonialClassName="text-2xl md:text-3xl font-bold text-foreground text-center"
          avatarGroupClassName="justify-center gap-3"
        />
      </div>

      <FooterCard
        logoText="Prestige Realty Dubai"
        copyrightText="© 2025 Prestige Realty Dubai. All rights reserved. | Premium Real Estate Solutions"
        socialLinks={[
          { icon: Facebook, href: "https://facebook.com/prestigerealtydubai", ariaLabel: "Visit our Facebook page" },
          { icon: Instagram, href: "https://instagram.com/prestigerealtydubai", ariaLabel: "Follow us on Instagram" },
          { icon: Linkedin, href: "https://linkedin.com/company/prestigerealtydubai", ariaLabel: "Connect with us on LinkedIn" },
          { icon: Twitter, href: "https://twitter.com/prestigedubai", ariaLabel: "Follow us on Twitter" }
        ]}
        className="w-full"
        containerClassName="py-12 px-6"
        cardClassName="rounded-2xl"
        logoClassName="text-2xl font-extrabold text-foreground"
        copyrightTextClassName="text-foreground/70 text-sm"
      />
    </ThemeProvider>
  );
}