"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TextAbout from '@/components/sections/about/TextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Building, Users, Globe, Award } from 'lucide-react';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxury Estates Dubai"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Properties", id: "/properties" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Schedule Viewing",
            href: "/contact"
          }}
        />
      </div>

      {/* Company Story Section */}
      <div id="company-story" data-section="company-story">
        <TextAbout
          title="Founded in 2003, Luxury Estates Dubai has established itself as the premier destination for discerning clients seeking exceptional properties in the world's most dynamic luxury real estate market. Our deep understanding of Dubai's unique landscape, combined with unmatched expertise and personalized service, has made us the trusted choice for high-net-worth individuals and investors worldwide."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Properties", href: "/properties" }
          ]}
        />
      </div>

      {/* Company Achievements */}
      <div id="achievements" data-section="achievements">
        <MetricCardThree
          title="Two Decades of Excellence"
          description="Our commitment to excellence and client satisfaction has earned us recognition as Dubai's leading luxury real estate specialist"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",
              icon: Building,
              title: "Luxury Properties",
              value: "500+"
            },
            {
              id: "2",
              icon: Users,
              title: "Global Clients",
              value: "1,200+"
            },
            {
              id: "3",
              icon: Globe,
              title: "Countries Served",
              value: "45+"
            },
            {
              id: "4",
              icon: Award,
              title: "Industry Awards",
              value: "12+"
            }
          ]}
        />
      </div>

      {/* FAQ Section */}
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about buying luxury properties in Dubai"
          textboxLayout="default"
          animationType="smooth"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          imageSrc="https://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821317.jpg"
          imageAlt="Luxury interior design"
          faqs={[
            {
              id: "1",
              title: "What is the typical investment range for luxury properties?",
              content: "Luxury properties in Dubai range from AED 2 million to over AED 10 million, depending on location, size, and amenities. Our team can help you find properties within your specific budget."
            },
            {
              id: "2",
              title: "What are the financing options available?",
              content: "Most major banks in Dubai offer mortgage financing for 50-80% of the property value. We have established relationships with leading financial institutions to help you secure the best rates."
            },
            {
              id: "3",
              title: "How long does the purchase process take?",
              content: "The typical purchase process takes 4-8 weeks from offer acceptance to completion, depending on financing and legal requirements. We guide you through every step."
            },
            {
              id: "4",
              title: "Are there restrictions on foreign ownership?",
              content: "Foreign investors can own freehold properties in designated areas. We specialize in helping international buyers navigate the legal requirements and opportunities."
            },
            {
              id: "5",
              title: "What about rental income potential?",
              content: "Dubai's luxury properties offer strong rental yields, typically 5-8% annually. We provide detailed investment analysis and property management recommendations."
            }
          ]}
        />
      </div>

      {/* Footer */}
      <FooterLogoEmphasis
        logoText="Luxury Estates Dubai"
        columns={[
          {
            items: [
              { label: "Home", href: "/" },
              { label: "Properties", href: "/properties" },
              { label: "About Us", href: "/about" }
            ]
          },
          {
            items: [
              { label: "Services", href: "/properties" },
              { label: "Testimonials", href: "/" },
              { label: "FAQ", href: "/about" }
            ]
          },
          {
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Privacy Policy", href: "https://example.com/privacy" },
              { label: "Terms of Service", href: "https://example.com/terms" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}