"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Mail, HelpCircle, Phone } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="SmartMoney"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Team", id: "/team" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Start Investing",
            href: "/contact"
          }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Newsletter"
          title="Stay Updated on Market Insights"
          description="Subscribe to our newsletter for weekly market analysis, investment tips, and exclusive opportunities. Our team shares valuable insights directly to your inbox."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/business-people-working-with-ipad-high-angle_23-2150103555.jpg"
          imageAlt="Investment consultation and communication"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time with a single click."
        />
      </div>

      <div id="contact-info" data-section="contact-info">
        <MetricCardTen 
          title="Get In Touch"
          description="Multiple ways to connect with our investment experts for personalized guidance"
          tag="Contact"
          tagIcon={Phone}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              title: "Schedule Consultation",
              subtitle: "Free 30-minute investment strategy session",
              category: "Meeting",
              value: "Book Now",
              buttons: [{ text: "Schedule", href: "#" }]
            },
            {
              id: "2",
              title: "Call Us Directly",
              subtitle: "Speak with an advisor Monday-Friday 9am-6pm EST",
              category: "Phone",
              value: "+1 (555) 123-4567"
            },
            {
              id: "3",
              title: "Email Support",
              subtitle: "Get detailed answers to your investment questions",
              category: "Email",
              value: "hello@smartmoney.com"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase 
          title="Common Questions"
          description="Quick answers to help you get started with your investment journey"
          tag="FAQ"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do I get started?",
              content: "Getting started is simple. Schedule a free consultation call, and we'll assess your financial goals, risk tolerance, and investment timeline. From there, we'll create a personalized investment strategy tailored to your needs."
            },
            {
              id: "2",
              title: "What information do I need to provide?",
              content: "We'll need basic information about your financial situation, investment experience, goals, and timeline. This includes current assets, income, expenses, and any existing investment accounts. All information is kept strictly confidential."
            },
            {
              id: "3",
              title: "How quickly can I start investing?",
              content: "Once your account is set up and funding is complete, you can typically start investing within 3-5 business days. We'll guide you through each step of the process to ensure a smooth onboarding experience."
            }
          ]}
        />
      </div>

      <FooterLogoReveal 
        logoText="SmartMoney"
        logoLineHeight={1.2}
      />
    </ThemeProvider>
  );
}