"use client";
import Link from 'next/link';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxe Properties Dubai"
          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="about" data-section="about">
        <TextSplitAbout
          title="About Luxe Properties Dubai"
          description={[
            "With over 15 years of expertise in Dubai's luxury real estate market, we have built an unparalleled reputation for excellence and discretion. Our team of seasoned professionals combines deep market knowledge with personalized service to deliver exceptional results for discerning clients.",
            "We specialize in facilitating high-value transactions across Dubai's most prestigious neighborhoods, including Downtown Dubai, Palm Jumeirah, Emirates Hills, and the Arabian Ranches. Our commitment to transparency, integrity, and client satisfaction sets us apart in the luxury market."
          ]}
          buttons={[
            { text: "Learn Our Story", href: "/about" }
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
        />
      </div>

      <div id="expertise" data-section="expertise">
        <FeatureCardNineteen
          title="Our Proven Process"
          description="From initial consultation to closing, we guide you through every step with expertise and transparency"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="How We Work"
          features={[
            {
              id: 1,
              tag: "Discovery",
              title: "Consultation & Market Analysis",
              subtitle: "Understanding your vision and investment goals",
              description: "We begin with an in-depth consultation to understand your preferences, budget, and investment objectives. Our market analysts provide comprehensive insights into Dubai's luxury segments.",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-couple-financial-advisor-going-through-plans-meeting_637285-11088.jpg",
              imageAlt: "Consultation meeting"
            },
            {
              id: 2,
              tag: "Execution",
              title: "Property Matching & Negotiation",
              subtitle: "Curating opportunities that align with your vision",
              description: "Leveraging our extensive network and market expertise, we identify and negotiate the best opportunities. Our team ensures optimal terms and conditions for every transaction.",
              imageSrc: "https://img.b2bpic.net/free-photo/real-estate-mortgage-loan-concept_53876-125138.jpg",
              imageAlt: "Investment analysis"
            },
            {
              id: 3,
              tag: "Success",
              title: "Closing & Handover",
              subtitle: "Seamless ownership transfer with comprehensive support",
              description: "We manage all legal documentation and regulatory compliance. Our dedicated team ensures a smooth handover and provides ongoing support to enhance your investment.",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",
              imageAlt: "Property ownership"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Client Testimonials"
          description="Hear from satisfied clients who found their dream properties through Luxe Properties Dubai"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          showRating={true}
          testimonials={[
            {
              id: "1",
              name: "Ahmed Al Maktoum",
              handle: "@aalmaktoum",
              testimonial: "The team at Luxe Properties exceeded all expectations. They found us the perfect penthouse in Downtown Dubai with unmatched professionalism and discretion.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "Ahmed Al Maktoum"
            },
            {
              id: "2",
              name: "Fatima Al Zahra",
              handle: "@fzahra_ae",
              testimonial: "Exceptional service from start to finish. Their market knowledge and negotiation skills secured us a fantastic deal on our Palm Jumeirah villa.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",
              imageAlt: "Fatima Al Zahra"
            },
            {
              id: "3",
              name: "Michael Johnson",
              handle: "@mjohnson_investor",
              testimonial: "As an international investor, I appreciated their deep understanding of Dubai's luxury market. They made the entire process seamless and transparent.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",
              imageAlt: "Michael Johnson"
            },
            {
              id: "4",
              name: "Leila Hassan",
              handle: "@leilah_lifestyle",
              testimonial: "The level of personalization and attention to detail is remarkable. They understood exactly what we wanted and delivered beyond our expectations.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
              imageAlt: "Leila Hassan"
            },
            {
              id: "5",
              name: "James Richardson",
              handle: "@jrichardson_ae",
              testimonial: "Professional, responsive, and incredibly knowledgeable. They guided us through every step of our investment with confidence and expertise.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",
              imageAlt: "James Richardson"
            },
            {
              id: "6",
              name: "Noor Al Noor",
              handle: "@nooralnoordubai",
              testimonial: "Outstanding experience finding our family villa. The team's dedication and market insight made all the difference in our purchase decision.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg",
              imageAlt: "Noor Al Noor"
            }
          ]}
        />
      </div>

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