5d8481ab-9d63-40a0-9116-b919e1443f17/src/app/page.tsx

"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Dubai Estates"
          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">
        <HeroOverlay
          title="Discover Luxury Living in Dubai"
          description="Explore the most exclusive properties in the world's most dynamic city. From waterfront penthouses to palatial villas, your dream home awaits."
          imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
          imageAlt="Dubai skyline at sunset"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "View Properties", href: "/properties" },
            { text: "Schedule Tour", href: "/contact" }
          ]}
        />
      </div>

      <div id="properties-preview" data-section="properties-preview">
        <ProductCardOne
          title="Featured Properties"
          description="Handpicked luxury residences representing the finest real estate opportunities in Dubai"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              name: "Marina Penthouse",
              price: "AED 8.5M",
              imageSrc: "https://img.b2bpic.net/free-photo/skyscrapers-sunset_1112-1870.jpg",
              imageAlt: "Luxury Marina Penthouse"
            },
            {
              id: "2",
              name: "Palm Villa Estate",
              price: "AED 15.2M",
              imageSrc: "https://img.b2bpic.net/free-photo/cityscape-bangkok-night-view_1357-300.jpg",
              imageAlt: "Exclusive Palm Villa"
            },
            {
              id: "3",
              name: "Beachfront Residency",
              price: "AED 12.8M",
              imageSrc: "https://img.b2bpic.net/free-photo/skyscrapers-from-low-angle-view_1359-1073.jpg",
              imageAlt: "Beachfront Luxury Residence"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Market Insights"
          description="Dubai's real estate market continues to demonstrate strong growth and investment potential"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="four-items-2x2-equal-grid"
          metrics={[
            { id: "1", value: "500+", description: "Properties Successfully Sold" },
            { id: "2", value: "AED 2.5B+", description: "Total Transaction Value" },
            { id: "3", value: "15%", description: "Average Annual Growth" },
            { id: "4", value: "98%", description: "Client Satisfaction Rate" }
          ]}
        />
      </div>

      <div id="testimonials-preview" data-section="testimonials-preview">
        <TestimonialCardFive
          title="Client Success Stories"
          description="Hear from satisfied clients who have found their perfect home through Dubai Estates"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",
              name: "Fatima Al Mansouri, Business Executive",
              date: "Date: November 2024",
              title: "Exceeded all expectations",
              quote: "Dubai Estates provided exceptional service throughout my penthouse purchase. Their market expertise and attention to detail made the entire process seamless and stress-free.",
              tag: "Premium Client",
              avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1570.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/skyscrapers-sunset_1112-1870.jpg"
            },
            {
              id: "2",
              name: "Mohammed Al Maktoum, International Investor",
              date: "Date: October 2024",
              title: "Professional excellence",
              quote: "As an international investor, finding a trusted partner in Dubai's real estate market was crucial. Dubai Estates delivered comprehensive guidance and secured the perfect villa property for my family.",
              tag: "Platinum Client",
              avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/cityscape-bangkok-night-view_1357-300.jpg"
            }
          ]}
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Properties",
            items: [
              { label: "Featured Listings", href: "/properties" },
              { label: "Luxury Villas", href: "/properties" },
              { label: "Penthouses", href: "/properties" },
              { label: "Off-Market", href: "/properties" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/about" },
              { label: "Market Insights", href: "/about" },
              { label: "Careers", href: "/about" }
            ]
          },
          {
            title: "Services",
            items: [
              { label: "Property Search", href: "/properties" },
              { label: "Investment Advisory", href: "/about" },
              { label: "Legal Support", href: "/contact" },
              { label: "Property Management", href: "/contact" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Dubai Office", href: "/contact" },
              { label: "Schedule Viewing", href: "/contact" },
              { label: "Email Support", href: "/contact" },
              { label: "Phone: +971-4-XXXX-XXXX", href: "/contact" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Dubai Estates. All rights reserved."
        bottomRightText="Luxury Real Estate Solutions"
      />
    </ThemeProvider>
  );
}