"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";
import { MessageSquare, Gem } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Properties", id: "properties" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Schedule Tour", href: "/contact" }}
          brandName="Luxury Estates"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={MessageSquare}
          tagAnimation="slide-up"
          title="Connect With Luxury Estates Today"
          description="Whether you're seeking your dream luxury property, exploring investment opportunities, or ready to list an exceptional residence, our team of specialists is ready to assist you. Schedule a consultation at your convenience."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Schedule Consultation", href: "#" },
            { text: "Explore Properties", href: "/properties" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact-methods" data-section="contact-methods">
        <FeatureCardThree
          title="Ways to Connect With Us"
          description="Multiple channels to reach our team and begin your luxury real estate journey."
          tag="Contact Methods"
          tagIcon={Gem}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "01",
              title: "Phone Consultation",
              description: "Speak directly with our specialists. Available Monday-Friday, 9am-6pm. Call +1 (555) 123-4567 for immediate assistance.",
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=6",
              imageAlt: "Phone",
            },
            {
              id: "02",
              title: "Email Inquiry",
              description: "Send detailed inquiries to info@luxuryestates.com. Our team responds within 24 hours with personalized recommendations.",
              imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982712.jpg?_wi=5",
              imageAlt: "Email",
            },
            {
              id: "03",
              title: "Office Visit",
              description: "Visit our flagship office at 123 Prestige Avenue, Downtown. Schedule an appointment for a private consultation in our elegant boardroom.",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548580.jpg?_wi=5",
              imageAlt: "Office",
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",
              items: [
                { label: "Home", href: "/" },
                { label: "Properties", href: "/properties" },
                { label: "About", href: "/about" },
                { label: "Contact", href: "/contact" },
              ],
            },
            {
              title: "Services",
              items: [
                { label: "Property Search", href: "/" },
                { label: "Investment Analysis", href: "/" },
                { label: "Concierge Services", href: "/" },
                { label: "Market Reports", href: "/" },
              ],
            },
            {
              title: "Company",
              items: [
                { label: "Our Team", href: "/about" },
                { label: "Testimonials", href: "/" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
              ],
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclosure", href: "#" },
                { label: "Contact", href: "/contact" },
              ],
            },
          ]}
          bottomLeftText="© 2025 Luxury Estates. All rights reserved."
          bottomRightText="Redefining Luxury Real Estate Worldwide"
        />
      </div>
    </ThemeProvider>
  );
}