"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Phone, HelpCircle } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="radialGradient"
      cardStyle="solid"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxe Properties"
          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-main" data-section="contact-main">
        <ContactFaq
          ctaTitle="Ready to Find Your Dream Property?"
          ctaDescription="Schedule a personalized consultation with our real estate experts today"
          ctaButton={{ text: "Get In Touch", href: "#contact" }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",
              title: "Do you offer property management services?",
              content: "Yes, we provide full property management services including tenant screening, rent collection, maintenance coordination, and regular reporting for investors."
            },
            {
              id: "2",
              title: "Can I sell my property through Luxe Properties?",
              content: "Absolutely! We offer comprehensive selling services including market valuation, professional marketing, buyer qualification, and negotiation to get you the best price."
            },
            {
              id: "3",
              title: "How do I schedule a property viewing?",
              content: "Simply contact us through this form or call our team directly. We arrange viewings at your convenience and provide detailed property information to help you make informed decisions."
            }
          ]}
        />
      </div>

      <div id="comprehensive-faq" data-section="comprehensive-faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about buying, selling, and investing in Dubai real estate"
          tag="Complete FAQ"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What is the process for buying property in Dubai?",
              content: "The buying process includes property search, offer negotiation, villa inspection, mortgage approval (if needed), legal documentation, and final handover. Our team guides you through each step to ensure a smooth transaction."
            },
            {
              id: "2",
              title: "Can non-UAE residents purchase property in Dubai?",
              content: "Yes, foreign nationals can purchase freehold property in designated areas of Dubai. However, certain zones require local sponsorship. We'll guide you through the legal requirements and paperwork needed for your purchase."
            },
            {
              id: "3",
              title: "What are the current rental yields in Dubai?",
              content: "Rental yields vary by location and property type, typically ranging from 3-6% annually. Premium areas like Marina and Downtown Dubai offer competitive yields. We analyze investment potential for each property and location."
            },
            {
              id: "4",
              title: "How long does a typical property transaction take?",
              content: "From offer to final registration, the process usually takes 4-8 weeks. This includes inspections, financing approval, legal review, and document processing with the Dubai Land Department."
            },
            {
              id: "5",
              title: "What are the costs involved in buying property?",
              content: "Main costs include property price, 5% transfer fee, 1% registration fee, mortgage insurance, inspection, and legal fees. Our team provides a detailed cost breakdown before you commit to any purchase."
            },
            {
              id: "6",
              title: "Is property investment in Dubai a good opportunity?",
              content: "Dubai offers strong investment fundamentals including stable government, diversified economy, no income tax on property rentals, and steady capital appreciation. We help identify properties with optimal investment returns."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Luxe Properties"
          copyrightText="© 2025 Luxe Properties Dubai. All rights reserved."
          columns={[
            {
              title: "Properties",
              items: [
                { label: "Featured Listings", href: "/properties" },
                { label: "New Developments", href: "/properties" },
                { label: "Investment Properties", href: "/properties" },
                { label: "Luxury Villas", href: "/properties" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Team", href: "/about" },
                { label: "Careers", href: "/careers" },
                { label: "Press", href: "/press" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "Property Buying", href: "/services" },
                { label: "Property Selling", href: "/services" },
                { label: "Investment Consulting", href: "/services" },
                { label: "Property Management", href: "/services" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "/contact" },
                { label: "FAQ", href: "/faq" },
                { label: "Blog", href: "/blog" },
                { label: "Support Center", href: "/support" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}