"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import MediaAbout from '@/components/sections/about/MediaAbout';
import { TrendingUp, Users, Building2 } from 'lucide-react';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe Dubai Properties"
          navItems={[
            { name: "Properties", id: "properties" },
            { name: "About", id: "about" },
            { name: "Market", id: "metrics" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Schedule Tour",
            href: "contact"
          }}
        />
      </div>

      <div id="about-detailed" data-section="about-detailed">
        <MediaAbout
          title="Excellence in Dubai Real Estate for Over Two Decades"
          description="Founded in 2003, we have been at the forefront of Dubai's remarkable transformation into a global luxury real estate destination. Our deep understanding of the market, combined with our commitment to exceptional service, has established us as the trusted partner for discerning clients seeking premium properties in the region. We specialize in exclusive developments, luxury villas, and high-yield investment opportunities across Dubai's most coveted locations."
          tag="Our Story"
          buttons={[
            { text: "View Properties", href: "/" },
            { text: "Contact Team", href: "/contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/landmark-sea-waterfront-dusk-modern_1203-6139.jpg"
          imageAlt="Professional real estate team in modern Dubai office"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="company-metrics" data-section="company-metrics">
        <MetricCardThree
          title="Our Track Record"
          description="Two decades of success delivering exceptional results for our clients across Dubai's luxury real estate market."
          metrics={[
            {
              id: "1",
              icon: TrendingUp,
              title: "Transactions Completed",
              value: "5,000+"
            },
            {
              id: "2",
              icon: Users,
              title: "Satisfied Clients",
              value: "3,500+"
            },
            {
              id: "3",
              icon: Building2,
              title: "Years of Excellence",
              value: "20+"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="client-testimonials" data-section="client-testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Sarah Al Maktoum",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
              imageAlt: "Sarah Al Maktoum - Luxury Villa Buyer"
            },
            {
              id: "2",
              name: "Ahmed Al Zaabi",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
              imageAlt: "Ahmed Al Zaabi - Commercial Investor"
            },
            {
              id: "3",
              name: "Fatima Al Noor",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Fatima Al Noor - Penthouse Owner"
            },
            {
              id: "4",
              name: "Mohammed Al Mansouri",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
              imageAlt: "Mohammed Al Mansouri - International Investor"
            }
          ]}
          cardTitle="Our clients consistently choose us for our expertise, integrity, and commitment to delivering exceptional results in Dubai's luxury real estate market"
          cardTag="What Our Clients Say"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Luxe Dubai Properties"
          columns={[
            {
              title: "Properties",
              items: [
                { label: "Apartments", href: "/#properties" },
                { label: "Villas", href: "/#properties" },
                { label: "Commercial", href: "/#properties" },
                { label: "Land", href: "/#properties" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Team", href: "/about" },
                { label: "Market Reports", href: "/#metrics" },
                { label: "Blog", href: "#blog" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "Buy Property", href: "/#properties" },
                { label: "Sell Property", href: "/contact" },
                { label: "Rent Property", href: "/#properties" },
                { label: "Investment Consultation", href: "/contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Cookie Policy", href: "/cookies" },
                { label: "Contact Us", href: "/contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Luxe Dubai Properties. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}