"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from 'next/link';

export default function AboutPage() {
  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="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Dubai Stands Apart"
          description="Dubai represents the pinnacle of luxury real estate investment, combining world-class infrastructure with unparalleled lifestyle opportunities."
          imagePosition="right"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/business-urban-beautiful-landscape-night_1122-1702.jpg"
          imageAlt="Palm Jumeirah iconic development"
          tabs={[
            {
              id: "market",
              label: "Market Leadership",
              description: "Dubai's real estate market leads the Middle East with transparent regulations, robust legal frameworks, and consistent year-over-year growth attracting global investors."
            },
            {
              id: "lifestyle",
              label: "Unmatched Lifestyle",
              description: "World-class amenities, Michelin-starred restaurants, private beaches, championship golf courses, and exclusive clubs create an unparalleled luxury living experience."
            },
            {
              id: "investment",
              label: "Investment Potential",
              description: "Strategic location between East and West, tax advantages, and strong rental yields make Dubai properties exceptional long-term investment vehicles for wealth preservation."
            }
          ]}
        />
      </div>

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