"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Lightbulb, Target, BarChart3 } from 'lucide-react';

export default function ServicesPage() {
  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="investment-process" data-section="investment-process">
        <FeatureCardSix
          title="Our Comprehensive Investment Services"
          description="A systematic approach to wealth creation, backed by research and executed with precision"
          tag="Investment Solutions"
          tagIcon={Lightbulb}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Comprehensive Financial Assessment",
              description: "We analyze your complete financial picture, goals, risk tolerance, and time horizon to create a personalized investment roadmap tailored to your unique circumstances and wealth objectives.",
              imageSrc: "https://img.b2bpic.net/free-photo/businessman-analyzing-financial-data-computer_9975-22514.jpg"
            },
            {
              id: 2,
              title: "Strategic Portfolio Construction",
              description: "Our experts build diversified portfolios across equities, fixed income, real estate, and alternative investments, optimized for your specific wealth objectives and current market conditions.",
              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-waterfall-chart-collection_23-2148584203.jpg"
            },
            {
              id: 3,
              title: "Active Management & Monitoring",
              description: "We continuously monitor market trends and portfolio performance, making strategic adjustments to ensure your investments remain aligned with your goals and risk parameters.",
              imageSrc: "https://img.b2bpic.net/free-photo/technological-devices-with-statistics-documents_1232-485.jpg"
            },
            {
              id: 4,
              title: "Quarterly Reviews & Reporting",
              description: "Transparent communication is key. We provide detailed quarterly reports, performance analysis, and strategic recommendations to keep you informed every step of your investment journey.",
              imageSrc: "https://img.b2bpic.net/free-vector/flat-waterfall-chart-collection_23-2148597357.jpg"
            }
          ]}
        />
      </div>

      <div id="service-metrics" data-section="service-metrics">
        <MetricCardTwo
          title="Service Excellence Metrics"
          description="Demonstrating our commitment to exceptional client service and results"
          tag="Our Impact"
          tagIcon={BarChart3}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            { id: "1", value: "24hrs", description: "Average Response Time to Client Inquiries" },
            { id: "2", value: "98%", description: "Client Satisfaction Rating" },
            { id: "3", value: "1:15", description: "Average Client-to-Advisor Ratio" },
            { id: "4", value: "4x", description: "Annual Strategy Review Sessions" }
          ]}
        />
      </div>

      <div id="service-testimonial" data-section="service-testimonial">
        <TestimonialCardFifteen
          testimonial="The comprehensive approach Kapital takes to investment management is unparalleled. From initial assessment to ongoing monitoring, every step demonstrates their commitment to maximizing our returns while managing risk effectively."
          rating={5}
          author="Alexandra Peterson, Private Equity Executive"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Alexandra Peterson" },
            { src: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Thomas Williams" },
            { src: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "Richard Chen" },
            { src: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Maria Rodriguez" },
            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Kevin Johnson" },
            { src: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", alt: "Rachel Thompson" }
          ]}
          useInvertedBackground="noInvert"
        />
      </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>
  );
}