"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { HelpCircle, Phone } from 'lucide-react';

export default function SupportPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Kapital"
          button={{
            text: "Schedule Consultation",
            href: "/contact"
          }}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our investment services and processes"
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What is the minimum investment to get started with Kapital?",
              content: "We work with clients at various investment levels. Our standard minimum is $250,000, but we offer tailored solutions for larger portfolios. We recommend discussing your specific situation with one of our advisors."
            },
            {
              id: "2",
              title: "How do you structure your investment fees?",
              content: "We use a transparent fee structure based on assets under management, typically ranging from 0.5% to 1.5% annually depending on portfolio size and complexity. There are no hidden fees or transaction costs."
            },
            {
              id: "3",
              title: "What investment options do you offer?",
              content: "We provide access to equities, bonds, real estate investment trusts, hedge funds, private equity, commodities, and cryptocurrency investments. Your portfolio is customized based on your goals and risk tolerance."
            },
            {
              id: "4",
              title: "How often will I receive updates on my portfolio?",
              content: "You'll receive detailed quarterly performance reports, access to our online client portal for real-time tracking, and annual strategy reviews. Additional consultations are available upon request."
            },
            {
              id: "5",
              title: "Can I withdraw my investments at any time?",
              content: "Yes, most holdings can be liquidated within 3-5 business days. Some alternative investments may have specific withdrawal schedules. We'll discuss liquidity options during your initial consultation."
            },
            {
              id: "6",
              title: "How do you manage risk in volatile markets?",
              content: "We employ sophisticated risk management strategies including diversification, hedging, dynamic asset allocation, and continuous market monitoring. Our goal is to smooth returns across market cycles."
            }
          ]}
        />
      </div>

      <div id="support-contact" data-section="support-contact">
        <ContactSplit
          tag="Need More Help?"
          title: "Speak with Our Support Team"
          description: "Can't find the answer you're looking for? Our expert support team is here to help with any questions about your investments or our services."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/workers-long-wooden-table_1262-810.jpg"
          imageAlt: "Kapital support team consultation"
          mediaPosition="right"
          tagIcon={Phone}
          inputPlaceholder: "your@email.com"
          buttonText: "Get Support"
          termsText: "By contacting our support team, you agree to our Terms of Service and Privacy Policy. We'll respond within 24 business hours."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Kapital"
          copyrightText="© 2025 Kapital Investment Agency. All rights reserved."
          columns={[
            {
              title: "Services",
              items: [
                { label: "Wealth Management", href: "/services" },
                { label: "Portfolio Management", href: "/services" },
                { label: "Financial Planning", href: "/services" },
                { label: "Alternative Investments", href: "/services" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Team", href: "/about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "/support" },
                { label: "Contact Us", href: "/contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}