"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Dubai Estates"
          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 Dubai Estates"
          description={[
            "With over 25 years of expertise in Dubai's luxury real estate market, Dubai Estates has become the trusted partner for discerning investors and homeowners seeking exceptional properties and unparalleled service.",
            "Our team combines deep market knowledge, architectural expertise, and a commitment to excellence in every transaction. We specialize in connecting you with properties that match your lifestyle aspirations and investment goals.",
            "From initial consultation to final handover, we provide white-glove service and personalized attention to ensure your real estate journey exceeds expectations."
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          buttons={[
            { text: "View Properties", href: "/properties" },
            { text: "Contact Us", href: "/contact" }
          ]}
        />
      </div>

      <div id="expertise" data-section="expertise">
        <FeatureCardTwelve
          title="Why Choose Dubai Estates"
          description="Experience unmatched expertise and service in luxury real estate"
          textboxLayout="default"
          animationType="opacity"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: "expertise",
              label: "Expertise",
              title: "Market Leadership & Experience",
              items: [
                "25+ years in Dubai luxury real estate",
                "Deep market knowledge and insights",
                "Award-winning agents and consultants",
                "Specialized knowledge of prime districts"
              ]
            },
            {
              id: "service",
              label: "Service",
              title: "White-Glove Customer Experience",
              items: [
                "24/7 dedicated client support",
                "Personalized property recommendations",
                "Hassle-free transaction management",
                "Post-purchase property management services"
              ]
            },
            {
              id: "portfolio",
              label: "Portfolio",
              title: "Exclusive Properties & Networks",
              items: [
                "Access to off-market properties",
                "Curated luxury collection",
                "International buyer connections",
                "Strategic partnerships with developers"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Client Testimonials"
          description="Hear from satisfied clients who have found their perfect home through Dubai Estates"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Fatima Al Mansouri, Business Executive",
              date: "Date: November 2024",
              title: "Exceeded all expectations",
              quote: "Dubai Estates provided exceptional service throughout my penthouse purchase. Their market expertise and attention to detail made the entire process seamless and stress-free.",
              tag: "Premium Client",
              avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1570.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/skyscrapers-sunset_1112-1870.jpg"
            },
            {
              id: "2",
              name: "Mohammed Al Maktoum, International Investor",
              date: "Date: October 2024",
              title: "Professional excellence",
              quote: "As an international investor, finding a trusted partner in Dubai's real estate market was crucial. Dubai Estates delivered comprehensive guidance and secured the perfect villa property for my family.",
              tag: "Platinum Client",
              avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/cityscape-bangkok-night-view_1357-300.jpg"
            },
            {
              id: "3",
              name: "Sarah Chen, International Executive",
              date: "Date: September 2024",
              title: "Outstanding service and expertise",
              quote: "The team at Dubai Estates understood my vision perfectly and presented curated options that aligned with my lifestyle. Their white-glove service is truly unmatched in the region.",
              tag: "Premium Client",
              avatarSrc: "https://img.b2bpic.net/free-photo/businessman-with-hand-reaching-out_23-2148308600.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/skyscrapers-from-low-angle-view_1359-1073.jpg"
            }
          ]}
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Properties",
            items: [
              { label: "Featured Listings", href: "/properties" },
              { label: "Luxury Villas", href: "/properties" },
              { label: "Penthouses", href: "/properties" },
              { label: "Off-Market", href: "/properties" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/about" },
              { label: "Market Insights", href: "/about" },
              { label: "Careers", href: "/about" }
            ]
          },
          {
            title: "Services",
            items: [
              { label: "Property Search", href: "/properties" },
              { label: "Investment Advisory", href: "/about" },
              { label: "Legal Support", href: "/contact" },
              { label: "Property Management", href: "/contact" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Dubai Office", href: "/contact" },
              { label: "Schedule Viewing", href: "/contact" },
              { label: "Email Support", href: "/contact" },
              { label: "Phone: +971-4-XXXX-XXXX", href: "/contact" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Dubai Estates. All rights reserved."
        bottomRightText="Luxury Real Estate Solutions"
      />
    </ThemeProvider>
  );
}