"use client";

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

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="medium"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="DubaiLux Properties"
          navItems={[
            { name: "Properties", id: "/properties" },
            { name: "About", id: "/about" },
            { name: "Insights", id: "/insights" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Schedule Viewing",
            href: "/contact"
          }}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose DubaiLux Properties"
          description="Your trusted partner in finding the perfect property in Dubai"
          tabs={[
            {
              id: "expertise",
              label: "Expertise",
              description: "With over 15 years of experience in Dubai's real estate market, we understand every neighborhood, community, and investment opportunity. Our team stays ahead of market trends to guide you toward the best decisions."
            },
            {
              id: "transparency",
              label: "Transparency",
              description: "We believe in complete honesty and clarity. Every property listing includes detailed information, honest market assessments, and transparent pricing. No hidden fees, no surprises."
            },
            {
              id: "service",
              label: "Personal Service",
              description: "Your needs matter to us. We provide personalized consultation, arrange private viewings, handle negotiations, and guide you through the entire buying or renting process with dedicated support."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-colleagues-being-inclusive_23-2149759010.jpg"
          imageAlt="DubaiLux Properties team"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/about" },
              { label: "Careers", href: "#" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "Properties",
            items: [
              { label: "Buy Properties", href: "/properties" },
              { label: "Rent Properties", href: "/properties" },
              { label: "Invest", href: "/insights" },
              { label: "Market Insights", href: "/insights" }
            ]
          },
          {
            title: "Support",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "FAQ", href: "/contact" },
              { label: "Privacy Policy", href: "#" },
              { label: "Terms & Conditions", href: "#" }
            ]
          }
        ]}
        copyrightText="© 2025 DubaiLux Properties. All rights reserved."
      />
    </ThemeProvider>
  );
}