"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from 'next/link';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: 'Properties', id: 'properties' },
            { name: 'About', id: 'about' },
            { name: 'Services', id: 'services' },
            { name: 'Contact', id: 'contact' }
          ]}
          button={{ text: 'Schedule Tour', href: 'contact' }}
          brandName="Prestige Dubai"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Exceptional Luxury Properties in Dubai"
          description="Discover the world's most coveted addresses. Premium real estate investments in Dubai's most prestigious locations."
          tag="Luxury Real Estate"
          mediaItems={[
            { imageSrc: "https://img.b2bpic.net/free-photo/train-by-night-dubai_641386-1183.jpg", imageAlt: "Dubai skyline with luxury towers" },
            { imageSrc: "https://img.b2bpic.net/free-photo/river-modern-buildings-against-sky_1359-154.jpg", imageAlt: "Ultra-luxury penthouse interior" },
            { imageSrc: "https://img.b2bpic.net/free-photo/miami-night-scene_649448-854.jpg", imageAlt: "Beachfront luxury villa" },
            { imageSrc: "https://img.b2bpic.net/free-photo/hong-kong_649448-956.jpg", imageAlt: "Dubai Marina waterfront properties" },
            { imageSrc: "https://img.b2bpic.net/free-photo/business-urban-beautiful-landscape-night_1122-1702.jpg", imageAlt: "Palm Jumeirah aerial view" }
          ]}
          buttons={[
            { text: 'Explore Properties', href: '/properties' },
            { text: 'Schedule Consultation', href: '/contact' }
          ]}
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardThree
          title="Featured Properties"
          description="Hand-selected luxury properties representing the finest real estate opportunities in Dubai"
          tag="Available Now"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          carouselMode="buttons"
          products={[
            {
              id: "1",
              name: "Palm Jumeirah Penthouse",
              price: "AED 15,500,000",
              imageSrc: "https://img.b2bpic.net/free-photo/river-modern-buildings-against-sky_1359-154.jpg",
              imageAlt: "Luxury penthouse on Palm Jumeirah",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Downtown Marina Apartment",
              price: "AED 8,750,000",
              imageSrc: "https://img.b2bpic.net/free-photo/hong-kong_649448-956.jpg",
              imageAlt: "Premium Dubai Marina apartment",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Beachfront Villa Emirates Hills",
              price: "AED 12,000,000",
              imageSrc: "https://img.b2bpic.net/free-photo/miami-night-scene_649448-854.jpg",
              imageAlt: "Exclusive beachfront villa",
              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="insights" data-section="insights">
        <MetricCardEleven
          title="Dubai Real Estate Market Insights"
          description="Key performance indicators demonstrating the strength and opportunity in Dubai's luxury property sector"
          tag="Market Data"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              value: "12.5%",
              title: "Annual Growth",
              description: "Consistent year-over-year appreciation in luxury segment",
              imageSrc: "https://img.b2bpic.net/free-photo/serious-boss-manager-discussing-report-talking-while-sitting-standing-workplace-with-panoramic-window-business-communication-concept_74855-11957.jpg",
              imageAlt: "market data analytics chart growth"
            },
            {
              id: "2",
              value: "$90B+",
              title: "Market Value",
              description: "Total Dubai real estate market capitalization",
              imageSrc: "https://img.b2bpic.net/free-photo/business-urban-beautiful-landscape-night_1122-1702.jpg",
              imageAlt: "palm jumeirah dubai aerial view"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Client Success Stories"
          description="Hear from satisfied international investors and residents who found their dream properties with us"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          showRating={true}
          animationType="slide-up"
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",
              name: "Sheikh Ahmed Al Maktoum",
              handle: "@ahmaktoum",
              testimonial: "Exceptional service and unparalleled knowledge of the Dubai market. They secured my penthouse at the perfect time.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "professional portrait man business executive"
            },
            {
              id: "2",
              name: "Lucia Fontaine",
              handle: "@luciafontaine",
              testimonial: "Professional, discreet, and perfectly understood my investment criteria. Highly recommend for discerning buyers.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg",
              imageAlt: "professional portrait woman business executive"
            },
            {
              id: "3",
              name: "James Wellington",
              handle: "@jwellington",
              testimonial: "Outstanding market insights and negotiation skills. They helped me acquire multiple properties at excellent valuations.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1588.jpg",
              imageAlt: "professional portrait man business investor"
            }
          ]}
        />
      </div>

      <FooterLogoReveal logoText="Prestige Dubai" />
    </ThemeProvider>
  );
}