"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { CheckCircle, Award, HelpCircle, TrendingUp, Users, DollarSign, Target } from 'lucide-react';

export default function ServicesPage() {
  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="process" data-section="process">
        <FeatureProcessSteps
          title="Our Investment Process"
          description="A disciplined, transparent approach that puts your wealth strategy on solid ground. From discovery to deployment, every step is calculated."
          tag="How We Work"
          tagIcon={CheckCircle}
          useInvertedBackground="noInvert"
          steps={[
            {
              number: "01",
              title: "Comprehensive Assessment",
              tag: "Week 1",
              description: "We analyze your financial position, risk tolerance, and long-term objectives. No assumptions—only data-driven insights."
            },
            {
              number: "02",
              title: "Strategic Portfolio Design",
              tag: "Weeks 2-3",
              description: "Our experts craft a customized investment strategy aligned with market conditions and your unique goals."
            },
            {
              number: "03",
              title: "Execution & Monitoring",
              tag: "Ongoing",
              description: "We deploy capital with precision and monitor performance continuously, adjusting as market dynamics shift."
            },
            {
              number: "04",
              title: "Quarterly Reviews & Optimization",
              tag: "Continuous",
              description: "Regular performance analysis and rebalancing ensure your portfolio stays aligned with objectives and opportunities."
            }
          ]}
          buttons={[
            { text: "Get Started Today", href: "/contact" }
          ]}
        />
      </div>

      <div id="service-metrics" data-section="service-metrics">
        <MetricCardOne
          title="Service Excellence Metrics"
          description="Measurable outcomes that demonstrate our commitment to superior service delivery"
          tag="Service Quality"
          tagIcon={Award}
          useInvertedBackground="invertDefault"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",
              value: "24hrs",
              title: "Response Time",
              description: "Maximum client inquiry response commitment",
              icon: Target
            },
            {
              id: "2",
              value: "99.8%",
              title: "Client Satisfaction",
              description: "Based on annual satisfaction surveys",
              icon: Users
            },
            {
              id: "3",
              value: "4",
              title: "Quarterly Reviews",
              description: "Comprehensive portfolio assessments annually",
              icon: TrendingUp
            },
            {
              id: "4",
              value: "15+",
              title: "Investment Strategies",
              description: "Diverse approaches for different objectives",
              icon: DollarSign
            }
          ]}
        />
      </div>

      <div id="service-faq" data-section="service-faq">
        <FaqDouble
          title="Service Questions Answered"
          description="Get clarity on our investment approach, service offerings, and how we can help achieve your financial objectives"
          tag="Service FAQs"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What investment strategies do you offer?",
              content: "We offer comprehensive investment strategies including growth-oriented equity portfolios, income-focused fixed income strategies, balanced multi-asset approaches, and alternative investments. Each strategy is customized based on your risk tolerance, investment timeline, and specific objectives."
            },
            {
              id: "2",
              title: "How do you customize portfolios for institutional clients?",
              content: "Our customization process begins with a thorough analysis of your institution's investment policy statement, liquidity requirements, and regulatory constraints. We then design portfolios that align with your governance structure, risk parameters, and return objectives while considering ESG factors if required."
            },
            {
              id: "3",
              title: "What is your investment philosophy?",
              content: "Our philosophy centers on disciplined, research-driven investing with a focus on risk-adjusted returns. We believe in diversification, long-term value creation, and active risk management. We don't chase market trends but instead focus on fundamental analysis and strategic asset allocation."
            },
            {
              id: "4",
              title: "How do you manage risk in volatile markets?",
              content: "Risk management is integral to our process. We employ sophisticated stress testing, scenario analysis, and quantitative models to assess portfolio risk. Our approach includes diversification across asset classes, dynamic hedging strategies, and continuous monitoring of market conditions to protect capital during downturns."
            },
            {
              id: "5",
              title: "What reporting and communication do you provide?",
              content: "Clients receive comprehensive quarterly reports including performance analysis, attribution analysis, and market commentary. We also provide monthly statements, real-time portfolio access through our client portal, and regular communication during significant market events or portfolio changes."
            },
            {
              id: "6",
              title: "Do you offer sustainable and ESG investment options?",
              content: "Yes, we have extensive capabilities in sustainable and ESG investing. We can integrate environmental, social, and governance factors into investment decisions while maintaining competitive returns. Our ESG strategies range from exclusionary screening to positive impact investing depending on your preferences."
            }
          ]}
        />
      </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>
  );
}