"use client";

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

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="large"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Lose My Money"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Start Investing", href: "/contact" }}
        />
      </div>

      <div id="contact" data-section="contact">
        <MediaAbout
          title="Start Your Investment Journey Today"
          description="Ready to transform your investment strategy? Contact our team of experts to discuss your financial objectives and discover how our proven approach can help you achieve superior risk-adjusted returns. We're here to answer your questions and help you take the first step toward strategic wealth building."
          tag="Get In Touch"
          tagIcon={Phone}
          imageSrc="https://img.b2bpic.net/free-photo/young-worker-leading-business-meeting-about-cryptocurrencies-office_1268-21489.jpg"
          imageAlt="Investment consultation and strategy discussion"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Schedule Consultation", href: "#" },
            { text: "Download Brochure", href: "#" }
          ]}
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Get answers to common questions about getting started, our processes, and investment approach"
          tag="Getting Started"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do I get started with Lose My Money?",
              content: "Getting started is simple. Contact us to schedule an initial consultation where we'll discuss your investment objectives, risk tolerance, and current portfolio. This consultation is complimentary and helps us understand how we can best serve your needs."
            },
            {
              id: "2",
              title: "What information do I need for the initial consultation?",
              content: "Please bring current portfolio statements, investment policy statements (if applicable), and any specific investment objectives or constraints. We'll also discuss your liquidity needs, time horizon, and risk tolerance during our meeting."
            },
            {
              id: "3",
              title: "How long does the onboarding process take?",
              content: "Our typical onboarding process takes 2-4 weeks from initial consultation to portfolio implementation. This includes comprehensive assessment, strategy design, documentation, and account setup. We work efficiently while ensuring all details are properly addressed."
            },
            {
              id: "4",
              title: "Do you offer virtual consultations?",
              content: "Yes, we offer both in-person and virtual consultations to accommodate your preferences and schedule. Our virtual meetings use secure, professional platforms and are just as comprehensive as in-person consultations."
            },
            {
              id: "5",
              title: "What happens after I decide to work with you?",
              content: "After you decide to engage our services, we'll execute a formal investment management agreement, complete account setup, and begin implementing your customized investment strategy. You'll receive regular communication throughout the process."
            },
            {
              id: "6",
              title: "Can I speak with existing clients as references?",
              content: "We'd be happy to arrange conversations with existing clients who have agreed to serve as references. This gives you the opportunity to hear firsthand about their experience working with our team and the results they've achieved."
            }
          ]}
        />
      </div>

      <FooterBaseCard
        logoText="Lose My Money"
        columns={[
          {
            title: "Services",
            items: [
              { label: "Investment Management", href: "/services" },
              { label: "Portfolio Advisory", href: "/services" },
              { label: "Risk Assessment", href: "/services" },
              { label: "Strategic Consulting", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/about" },
              { label: "Careers", href: "#" },
              { label: "News & Insights", href: "#" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Market Reports", href: "#" },
              { label: "Investment Guide", href: "#" },
              { label: "Performance Data", href: "#" },
              { label: "Contact Support", href: "/contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Disclaimers", href: "#" },
              { label: "Compliance", href: "#" }
            ]
          }
        ]}
        copyrightText="© 2025 Lose My Money Investment Agency. All rights reserved."
      />
    </ThemeProvider>
  );
}