"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Building2, Globe, Award, TrendingUp } from 'lucide-react';

export default function LuxePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="LUXE DUBAI"
          navItems={[
            { name: "Properties", id: "properties" },
            { name: "About", id: "about" },
            { name: "Why Us", id: "metrics" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{
            text: "Schedule Viewing",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="LUXE DUBAI"
          description="Discover exceptional luxury real estate in the heart of Dubai. From stunning penthouses with panoramic views to exclusive waterfront villas, we offer the finest properties for discerning clients worldwide."
          layoutOrder="default"
          buttons={[
            { text: "Explore Properties", href: "properties" },
            { text: "Contact Us", href: "contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/buildings-milan-italy_268835-734.jpg"
          imageAlt="Dubai luxury skyline with modern architecture"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Two decades of excellence in Dubai luxury real estate, specializing in premium properties for international investors and discerning buyers seeking world-class living in the most coveted locations."
          useInvertedBackground="invertDefault"
          metrics={[
            { icon: Building2, label: "Premium Properties", value: "500+" },
            { icon: Globe, label: "International Clients", value: "2000+" },
            { icon: Award, label: "Years of Excellence", value: "20" },
            { icon: TrendingUp, label: "Market Growth", value: "35%" }
          ]}
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardTwo
          title="Featured Properties"
          description="Explore our curated selection of the most prestigious luxury properties available in Dubai"
          tag="Exclusive Listings"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-alternating-sizes"
          products={[
            {
              id: "1",              brand: "Downtown Dubai",              name: "Luxury Downtown Penthouse",              price: "AED 8,500,000",              rating: 5,
              reviewCount: "125",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",              imageAlt: "Luxury downtown penthouse with floor-to-ceiling windows"
            },
            {
              id: "2",              brand: "Arabian Ranches",              name: "Exclusive Modern Villa",              price: "AED 12,200,000",              rating: 5,
              reviewCount: "98",              imageSrc: "https://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg",              imageAlt: "Exclusive modern villa with private garden"
            },
            {
              id: "3",              brand: "Dubai Marina",              name: "Waterfront Marina Apartment",              price: "AED 7,900,000",              rating: 5,
              reviewCount: "156",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",              imageAlt: "Waterfront apartment with marina views"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Why Choose LUXE DUBAI"
          description="Our expertise and commitment to excellence set us apart in the luxury real estate market"
          tag="Our Advantage"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "24/7",              title: "Dedicated Client Support",              items: [
                "Personal investment advisors",                "Multi-lingual support team",                "Priority scheduling for viewings"
              ]
            },
            {
              id: "2",              value: "100%",              title: "Transparency & Trust",              items: [
                "Full property documentation",                "Legal consultation included",                "No hidden fees or charges"
              ]
            },
            {
              id: "3",              value: "AED 50B+",              title: "Portfolio Value",              items: [
                "Prime location properties",                "Investment growth potential",                "Exclusive access benefits"
              ]
            },
            {
              id: "4",              value: "99%",              title: "Client Satisfaction",              items: [
                "Award-winning service",                "Successful transactions",                "Long-term relationships"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Client Testimonials"
          description="Hear from satisfied international investors and discerning buyers who found their perfect Dubai property with us"
          tag="Client Stories"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Hassan Al Mansouri",              handle: "@hmansouri_dubai",              testimonial: "LUXE DUBAI's professionalism and attention to detail made finding my perfect penthouse an effortless experience. Highly recommend their services.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg",              imageAlt: "Hassan Al Mansouri"
            },
            {
              id: "2",              name: "Elena Volkov",              handle: "@elenav_investments",              testimonial: "Outstanding service from start to finish. The team understood my requirements perfectly and delivered exactly what I was looking for in Dubai.",              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",              imageAlt: "Elena Volkov"
            },
            {
              id: "3",              name: "Ahmed Al Khouri",              handle: "@aakhouri_ae",              testimonial: "Exceptional expertise in the luxury real estate market. They guided me through every step of my villa purchase with complete transparency.",              imageSrc: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",              imageAlt: "Ahmed Al Khouri"
            },
            {
              id: "4",              name: "Victoria Zhang",              handle: "@vzhang_properties",              testimonial: "Professional, reliable, and knowledgeable. LUXE DUBAI made my international property investment smooth and secure.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-elegant-professional-businesswoman_23-2150917266.jpg",              imageAlt: "Victoria Zhang"
            },
            {
              id: "5",              name: "Marcus von Stein",              handle: "@mvonsteineu",              testimonial: "The finest service in Dubai luxury real estate. Their dedication to client satisfaction is unmatched in the market.",              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg",              imageAlt: "Marcus von Stein"
            },
            {
              id: "6",              name: "Priya Sharma",              handle: "@psharma_invest",              testimonial: "LUXE DUBAI's team provided exceptional guidance throughout my purchase. I couldn't have asked for better support.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",              imageAlt: "Priya Sharma"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to find your luxury home in Dubai? Schedule a private consultation with our expert team today."
          animationType="entrance-slide"
          buttons={[
            { text: "Schedule Viewing", href: "tel:+971-50-123-4567" },
            { text: "Email Inquiry", href: "mailto:luxury@luxedubai.ae" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="LUXE DUBAI"
          copyrightText="© 2025 LUXE DUBAI. All rights reserved."
          columns={[
            {
              title: "Properties",              items: [
                { label: "All Listings", href: "properties" },
                { label: "New Launches", href: "properties" },
                { label: "Investment Properties", href: "properties" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "about" },
                { label: "Careers", href: "about" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: +971-50-123-4567", href: "tel:+971-50-123-4567" },
                { label: "Email: luxury@luxedubai.ae", href: "mailto:luxury@luxedubai.ae" },
                { label: "Office: Downtown Dubai", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}