"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay 
          brandName="SmartYourMoney"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Pricing", id: "/pricing" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Get Started",
            href: "https://app.smartyourmoney.com"
          }}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Complete Investment Services Designed for Your Success"
          description="From portfolio management to market analytics, we provide everything you need to build and grow your wealth with confidence."
          features={[
            {
              id: "1",
              title: "Automated Portfolio Management",
              description: "Our AI-driven algorithms continuously monitor and rebalance your portfolio based on market conditions, risk tolerance, and your financial goals. Enjoy professional-grade management without the high fees.",
              tag: "AI-Powered",
              imageSrc: "https://img.b2bpic.net/free-vector/user-panel-template-infographic-dashboard_23-2148378206.jpg",
              imageAlt: "Portfolio dashboard interface"
            },
            {
              id: "2", 
              title: "Institutional Research & Analytics",
              description: "Access the same market research and analytical tools used by professional traders and wealth managers. Make informed decisions with real-time data, trend analysis, and predictive insights.",
              tag: "Professional Tools",
              imageSrc: "https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg",
              imageAlt: "Market research analytics"
            },
            {
              id: "3",
              title: "Personalized Risk Management",
              description: "Every investor has different risk tolerance and financial objectives. Our platform creates customized investment strategies that align with your specific goals and comfort level.",
              tag: "Tailored Solutions",
              imageSrc: "https://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg",
              imageAlt: "Risk assessment tools"
            },
            {
              id: "4",
              title: "Tax Optimization Services",
              description: "Maximize your after-tax returns with intelligent tax-loss harvesting, strategic asset location, and year-end tax planning designed to minimize your investment tax burden.",
              tag: "Tax Efficient",
              imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
              imageAlt: "Tax optimization planning"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Investment Philosophy"
          description="Built on decades of market experience and cutting-edge technology, our approach to wealth management focuses on long-term growth and risk-adjusted returns."
          tabs={[
            {
              id: "diversification",
              label: "Smart Diversification",
              description: "We believe in intelligent diversification across asset classes, geographies, and investment styles. Our algorithms optimize your portfolio allocation to reduce risk while maximizing potential returns."
            },
            {
              id: "technology",
              label: "Technology-Driven",
              description: "Leveraging artificial intelligence and machine learning, we process vast amounts of market data to identify opportunities and manage risks that human analysis might miss."
            },
            {
              id: "transparency",
              label: "Complete Transparency",
              description: "You deserve to know exactly how your money is being managed. We provide detailed reporting, clear fee structures, and full visibility into every investment decision."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg"
          imageAlt="Investment advisory consultation"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Our track record speaks for itself. We've consistently delivered superior returns while maintaining disciplined risk management across all market conditions."
          tag="Performance"
          metrics={[
            {
              id: "1",
              value: "12.5%",
              description: "Average annual returns across all portfolio strategies over the past 5 years"
            },
            {
              id: "2",
              value: "0.85%",
              description: "Average annual fees - significantly lower than traditional wealth management"
            },
            {
              id: "3",
              value: "18%",
              description: "Outperformance versus S&P 500 benchmark during the last market downturn"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Platform",
            items: [
              { label: "Dashboard", href: "https://app.smartyourmoney.com" },
              { label: "Pricing", href: "/pricing" },
              { label: "Features", href: "/services" },
              { label: "Mobile App", href: "https://app.smartyourmoney.com/mobile" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Blog", href: "https://blog.smartyourmoney.com" },
              { label: "Careers", href: "https://careers.smartyourmoney.com" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Learning Center", href: "https://learn.smartyourmoney.com" },
              { label: "Market Research", href: "https://research.smartyourmoney.com" },
              { label: "FAQ", href: "/faq" },
              { label: "Support", href: "https://support.smartyourmoney.com" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "https://smartyourmoney.com/privacy" },
              { label: "Terms of Service", href: "https://smartyourmoney.com/terms" },
              { label: "Disclaimer", href: "https://smartyourmoney.com/disclaimer" },
              { label: "Compliance", href: "https://smartyourmoney.com/compliance" }
            ]
          }
        ]}
        bottomLeftText="© 2025 SmartYourMoney. All rights reserved."
        bottomRightText="Invest Smarter, Grow Faster"
      />
    </ThemeProvider>
  );
}