"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Award, Sparkles, Home, TrendingUp, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="blurBottom"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Properties", id: "properties" },
            { name: "About", id: "about" },
            { name: "Expertise", id: "expertise" },
            { name: "Contact", id: "contact" },
          ]}
          brandName="RE/MAX Ultima"
          bottomLeftText="Dubai Premium Real Estate"
          bottomRightText="expertise@remax-ultima.ae"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Dubai's Premier Luxury Properties Await"
          description="Discover exclusive real estate opportunities across Dubai's most coveted neighborhoods. Expert RE/MAX agents ready to guide your next investment or dream home."
          tag="Luxury Real Estate"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Browse Listings", href: "#properties" },
            { text: "Schedule Consultation", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg?_wi=1",              imageAlt: "Luxury apartment in Dubai"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg?_wi=2",              imageAlt: "Penthouse with Dubai skyline view"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg?_wi=1",              imageAlt: "Waterfront villa in Dubai"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg",              imageAlt: "Modern luxury apartment interior"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg?_wi=2",              imageAlt: "Luxury resort-style property"},
          ]}
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Who We Are"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="RE/MAX Ultima: Dubai's Trusted Luxury Real Estate Partner"
          description="With decades of combined expertise in Dubai's luxury property market, RE/MAX Ultima specializes in connecting international and local high-net-worth buyers with their dream properties. We understand the unique dynamics of Dubai's real estate landscape and leverage cutting-edge market intelligence to deliver exceptional results. Our agents are multilingual professionals committed to transparency, expertise, and client satisfaction."
          metrics={[
            { value: "500+", title: "Premium Properties Listed" },
            { value: "95%", title: "Client Satisfaction Rate" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/vertical-view-dubai-city-from-top-tower_268835-1060.jpg"
          imageAlt="Dubai modern skyline"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardTwo
          title="Featured Luxury Properties"
          description="Explore our curated collection of premium residential and investment opportunities across Dubai's most prestigious neighborhoods."
          tag="Featured Listings"
          tagIcon={Home}
          tagAnimation="slide-up"
          buttons={[{ text: "View All Properties", href: "#" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Downtown Dubai",              name: "Luxury Penthouse with Burj Khalifa View",              price: "AED 8,500,000",              rating: 5,
              reviewCount: "12 inquiries",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg?_wi=3",              imageAlt: "Downtown Dubai penthouse"},
            {
              id: "2",              brand: "Emirates Hills",              name: "Modern Villa with Private Pool",              price: "AED 12,000,000",              rating: 5,
              reviewCount: "8 inquiries",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg?_wi=3",              imageAlt: "Emirates Hills villa"},
            {
              id: "3",              brand: "Palm Jumeirah",              name: "Waterfront Mansion with Beach Access",              price: "AED 15,500,000",              rating: 5,
              reviewCount: "15 inquiries",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg?_wi=4",              imageAlt: "Palm Jumeirah waterfront property"},
          ]}
        />
      </div>

      <div id="expertise" data-section="expertise">
        <FeatureCardTwentyOne
          title="Why Choose RE/MAX Ultima"
          description="Our proven expertise and client-centric approach set us apart in Dubai's competitive luxury real estate market."
          tag="Market Leadership"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          buttons={[{ text: "Learn More", href: "#" }]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/successful-multiethnic-business-team_1262-20833.jpg"
          imageAlt="Professional RE/MAX agents"
          mediaAnimation="slide-up"
          mediaPosition="right"
          accordionItems={[
            {
              id: "1",              title: "Expert Market Knowledge",              content: "Our agents possess deep insights into Dubai's luxury neighborhoods, price trends, and investment opportunities. We provide comprehensive market analysis to guide your decisions."},
            {
              id: "2",              title: "International Network",              content: "Access our global RE/MAX network of over 180,000 agents worldwide, enabling seamless connections for international buyers and investors seeking Dubai properties."},
            {
              id: "3",              title: "Seamless Transaction Management",              content: "From initial consultation through closing, our experienced team handles all details with precision, ensuring smooth transactions and complete transparency."},
            {
              id: "4",              title: "Premium Client Support",              content: "We provide concierge-level service including property tours, market comparisons, financing guidance, and post-purchase support for your complete satisfaction."},
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Dubai Real Estate Market Leadership"
          tag="Market Insights"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "AED 3.2T",              description: "Total real estate market value in Dubai, offering diverse investment opportunities across all segments."},
            {
              id: "2",              value: "42%",              description: "Average annual appreciation in premium neighborhoods, delivering strong long-term investment returns."},
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Client Success Stories"
          description="Hear from satisfied clients who found their perfect property with RE/MAX Ultima's expert guidance."
          tag="Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              title: "Found My Dream Penthouse",              quote: "RE/MAX Ultima's team understood exactly what I was looking for in a Dubai property. Their market expertise and professional approach made the entire process seamless and enjoyable.",              name: "Sarah Mitchell",              role: "International Property Buyer",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Sarah Mitchell"},
            {
              id: "2",              title: "Excellent Investment Guidance",              quote: "Working with their agents provided invaluable insights into Dubai's investment market. I secured an exceptional property with strong appreciation potential.",              name: "Michael Chen",              role: "Real Estate Investor",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Michael Chen"},
            {
              id: "3",              title: "Professional and Trustworthy",              quote: "Their commitment to transparency and client satisfaction is evident in every interaction. I highly recommend RE/MAX Ultima for luxury property searches in Dubai.",              name: "Emily Rodriguez",              role: "Expatriate Executive",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Emily Rodriguez"},
            {
              id: "4",              title: "Exceptional Service Throughout",              quote: "From initial consultation to closing, RE/MAX Ultima provided concierge-level service. Their attention to detail and market knowledge is unparalleled.",              name: "David Kim",              role: "Corporate Relocation Client",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",              imageAlt: "David Kim"},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to explore Dubai's finest properties? Let our expert agents guide you to your ideal investment or dream home."
          animationType="entrance-slide"
          buttons={[
            { text: "Schedule Consultation", href: "#" },
            { text: "Browse All Listings", href: "#properties" },
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#hero" },
                { label: "Properties", href: "#properties" },
                { label: "About", href: "#about" },
                { label: "Expertise", href: "#expertise" },
              ],
            },
            {
              title: "Resources",              items: [
                { label: "Market Reports", href: "#" },
                { label: "Buyer's Guide", href: "#" },
                { label: "Investment Tips", href: "#" },
                { label: "FAQ", href: "#" },
              ],
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Schedule Tour", href: "#" },
                { label: "Email", href: "mailto:expertise@remax-ultima.ae" },
                { label: "Phone", href: "tel:+971-4-XXX-XXXX" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
              ],
            },
          ]}
          bottomLeftText="© 2025 RE/MAX Ultima Dubai. All rights reserved."
          bottomRightText="Luxury Real Estate Excellence"
        />
      </div>
    </ThemeProvider>
  );
}
