"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { TrendingUp, Home, Users, Award, Shield, Target, Globe, HeartHandshake } from 'lucide-react';
import Link from 'next/link';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="fluid"
      cardStyle="solid"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Dubai Realty"
          navItems={[
            { name: "Properties", id: "/properties" },
            { name: "Services", id: "services" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Schedule Tour",            href: "/contact"
          }}
        />
      </div>

      <div id="company-metrics" data-section="company-metrics">
        <AboutMetric
          title="Dubai Realty has been at the forefront of luxury real estate in the UAE for over two decades, establishing ourselves as the trusted partner for discerning clients seeking exceptional properties"
          metrics={[
            {
              icon: TrendingUp,
              label: "Property Growth",              value: "15%+"
            },
            {
              icon: Home,
              label: "Premium Listings",              value: "500+"
            },
            {
              icon: Users,
              label: "Satisfied Clients",              value: "2,500+"
            },
            {
              icon: Award,
              label: "Years Experience",              value: "20+"
            }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="our-values" data-section="our-values">
        <FeatureHoverPattern
          title="Our Core Values"
          description="The principles that guide every aspect of our real estate services and client relationships"
          features={[
            {
              icon: Shield,
              title: "Trust & Integrity",              description: "We build lasting relationships through transparent communication, honest advice, and unwavering commitment to our clients' best interests."
            },
            {
              icon: Target,
              title: "Excellence in Service",              description: "Our team of experienced professionals delivers exceptional service with attention to detail and personalized solutions for every client."
            },
            {
              icon: Globe,
              title: "Market Leadership",              description: "As pioneers in Dubai's luxury real estate market, we leverage deep market knowledge and extensive networks to deliver results."
            },
            {
              icon: HeartHandshake,
              title: "Client-Centric Approach",              description: "Every decision we make prioritizes our clients' needs, ensuring their real estate journey exceeds expectations at every step."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="client-stories" data-section="client-stories">
        <TestimonialCardSix
          title="What Our Clients Say About Us"
          description="Real stories from satisfied clients who have experienced our exceptional service and market expertise"
          testimonials={[
            {
              id: "1",              name: "Ahmed Al Mansouri",              handle: "@mansouri_dubai",              testimonial: "Found the perfect villa for my family in just two weeks. The team's professionalism and market knowledge made the entire process smooth and transparent.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Ahmed Al Mansouri"
            },
            {
              id: "2",              name: "Fatima Al Zahra",              handle: "@fatima_real_estate",              testimonial: "Excellent investment opportunity presentation. Dubai Realty's analytical approach helped me make an informed decision that exceeded my expectations.",              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: "Fatima Al Zahra"
            },
            {
              id: "3",              name: "Mohammed Hassan",              handle: "@mhasan_investments",              testimonial: "Outstanding property portfolio and expert guidance. The team understood my requirements perfectly and delivered exceptional results within my timeline.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "Mohammed Hassan"
            },
            {
              id: "4",              name: "Layla Al Khoori",              handle: "@layla_entrepreneur",              testimonial: "Professional, reliable, and results-driven. Dubai Realty handled all legal complexities seamlessly while I focused on my business commitments.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              imageAlt: "Layla Al Khoori"
            },
            {
              id: "5",              name: "Rashed Al Maktoum",              handle: "@rashed_business",              testimonial: "Impressive attention to detail and market insights. My investment has appreciated significantly thanks to Dubai Realty's strategic recommendations.",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              imageAlt: "Rashed Al Maktoum"
            },
            {
              id: "6",              name: "Noor Al Falahi",              handle: "@noor_lifestyle",              testimonial: "Found more than just a property - found a trusted partner. Dubai Realty's team remains invested in my property's success long after purchase.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              imageAlt: "Noor Al Falahi"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Company",            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/about" },
              { label: "Careers", href: "#" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "Services",            items: [
              { label: "Buy Property", href: "/properties" },
              { label: "Sell Property", href: "#" },
              { label: "Property Management", href: "#" },
              { label: "Investment Advisory", href: "#" }
            ]
          },
          {
            title: "Support",            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "FAQ", href: "#" },
              { label: "Privacy Policy", href: "#" },
              { label: "Terms & Conditions", href: "#" }
            ]
          }
        ]}
        copyrightText="© 2025 Dubai Realty. All rights reserved. | Dubai, UAE"
      />
    </ThemeProvider>
  );
}
