"use client";

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Phone, HelpCircle } from "lucide-react";
import Link from "next/link";

export default function ContactPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/about" },
    { name: "Services", id: "/services" },
    { name: "Reviews", id: "/reviews" },
    { name: "Contact", id: "/contact" },
  ];

  const footerColumns = [
    {
      title: "Company",      items: [
        { label: "Home", href: "/" },
        { label: "About", href: "/about" },
        { label: "Services", href: "/services" },
        { label: "Reviews", href: "/reviews" },
      ],
    },
    {
      title: "Services",      items: [
        { label: "Business Strategy", href: "/services" },
        { label: "Marketing Plans", href: "/services" },
        { label: "Website Design", href: "/services" },
        { label: "Growth Advisory", href: "/services" },
      ],
    },
    {
      title: "Contact",      items: [
        { label: "Schedule Call", href: "/contact" },
        { label: "Email: john@mooseconsulting.com", href: "mailto:john@mooseconsulting.com" },
        { label: "Phone: (555) 123-4567", href: "tel:+15551234567" },
        { label: "Red Bank, NJ 07701", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="The Moose Consulting"
          navItems={navItems}
          button={{
            text: "Schedule Consultation",            href: "/contact"}}
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Schedule Your Free Strategy Session"
          description="Ready to transform your business? Let's discuss your challenges, goals, and how The Moose Consulting can help you achieve measurable results. Choose your preferred way to connect below."
          buttons={[
            { text: "Email: john@mooseconsulting.com", href: "mailto:john@mooseconsulting.com?subject=Strategy%20Session%20Request" },
            { text: "Call: (555) 123-4567", href: "tel:+15551234567" },
          ]}
          buttonAnimation="blur-reveal"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <FaqBase
          faqs={[
            {
              id: "1",              title: "How much does a consultation cost?",              content: "We offer a complimentary 30-minute strategy session to discuss your business challenges, goals, and how we can help. This call is obligation-free and gives us both a chance to determine if we're a good fit to work together."},
            {
              id: "2",              title: "What areas do you serve?",              content: "We primarily serve businesses in Red Bank and throughout Monmouth County, New Jersey. Our local expertise gives us unique insights into the regional market. However, we also work with select clients in neighboring areas and can provide services remotely for qualified opportunities."},
            {
              id: "3",              title: "How long before I see results?",              content: "Most clients see initial improvements within 4-6 weeks of implementing our strategies. Significant, measurable results typically appear within 3-6 months. Results depend on your specific goals, industry, and commitment to executing the plan. We provide ongoing tracking and adjustments to optimize outcomes."},
            {
              id: "4",              title: "Can you help if I already have a website?",              content: "Absolutely! We specialize in website redesigns and optimization. If your current site isn't generating leads or converting visitors, we'll audit it, identify gaps, and rebuild it to drive results. Many of our clients came to us with existing websites that needed significant improvements."},
            {
              id: "5",              title: "Do you work with startups?",              content: "Yes, we work with startups and established businesses alike. We've helped new entrepreneurs develop comprehensive business and marketing strategies from the ground up. If you're just starting out and want strategic guidance to avoid costly mistakes, we're a great fit."},
            {
              id: "6",              title: "What's your process for working with clients?",              content: "We start with a discovery call to understand your business, challenges, and goals. We then conduct market research and competitive analysis, develop a customized strategy, and present detailed recommendations. Once you engage our services, we implement the plan, track progress, and provide regular updates and adjustments."},
          ]}
          title="Frequently Asked Questions"
          description="Find answers to common questions about how The Moose Consulting works and how we can help your business grow."
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          faqsAnimation="slide-up"
          useInvertedBackground={true}
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="The Moose Consulting"
          copyrightText="© 2025 The Moose Consulting. All rights reserved."
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
}