"use client";

import Link from "next/link";
import { Phone } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function ContactPage() {
  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="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Schedule Your Private Viewing"
          ctaDescription="Connect with our luxury real estate specialists to explore properties tailored to your vision."
          ctaButton={{ text: "Schedule Consultation", href: "#" }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What properties are currently available?",
              content: "We maintain an exclusive portfolio of luxury properties including penthouses, villas, and beachfront residences. Our inventory ranges from AED 5M to AED 25M+. Contact us to access our complete listings and off-market opportunities."
            },
            {
              id: "2",
              title: "What is the buying process in Dubai?",
              content: "The process involves property selection, offer negotiation, documentation review, property inspection, title transfer, and final payment. Dubai Estates handles all aspects, typically completing transactions within 60-90 days."
            },
            {
              id: "3",
              title: "Are foreign investors welcome?",
              content: "Yes, Dubai welcomes international investors. Most prime areas are open to foreign ownership. We provide guidance on legal requirements, residency options, and financing solutions for international clients."
            },
            {
              id: "4",
              title: "What about financing and mortgages?",
              content: "We partner with leading banks offering competitive rates for qualified buyers. Typically, banks finance 50-80% of the property value. We assist with all financial documentation and lender coordination."
            },
            {
              id: "5",
              title: "What are the ownership costs and fees?",
              content: "Costs include property registration (4%), agent commission (2-4%), and annual maintenance fees. Dubai has no property tax, making it attractive for investment. We provide transparent cost estimates."
            }
          ]}
        />
      </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>
  );
}