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

export default function ContactPage() {
  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="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Find Your Luxury Property?"
          ctaDescription="Connect with our team of experts to explore personalized property recommendations and investment opportunities tailored to your vision."
          ctaButton={{
            text: "Schedule Consultation",
            href: "mailto:info@luxepropertiesdubai.com"
          }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",
              title: "What areas of Dubai do you specialize in?",
              content: "We specialize in Dubai's most prestigious neighborhoods including Downtown Dubai, Palm Jumeirah, Emirates Hills, Arabian Ranches, Dubai Marina, and Jumeirah. Our expertise covers both primary and secondary luxury markets."
            },
            {
              id: "2",
              title: "Do you assist international buyers?",
              content: "Yes, we have extensive experience working with international investors. We provide guidance on visa requirements, banking processes, and investment considerations for foreign buyers in Dubai."
            },
            {
              id: "3",
              title: "What is the typical timeline for property transactions?",
              content: "Most transactions complete within 60-90 days from offer acceptance, depending on financing and regulatory requirements. We streamline the process to ensure timely closings."
            },
            {
              id: "4",
              title: "Can you provide property management services?",
              content: "While our primary focus is brokerage, we partner with premium property management firms to provide comprehensive rental and maintenance services for our clients."
            }
          ]}
        />
      </div>

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