"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Award, Users } from 'lucide-react';

export default function AboutPage() {
  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="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Award}
          title="Building Wealth Through Disciplined Investment Management"
          description="Founded in 2010 by a team of former institutional investors, Kapital has grown to become a trusted partner for high-net-worth individuals and family offices. Our approach combines rigorous market research, sophisticated portfolio construction, and transparent client communication to deliver exceptional long-term returns."
          metrics={[
            { value: "15+", title: "Years of Investment Excellence" },
            { value: "$2.8B", title: "Assets Under Management" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/business-meeting-office_1268-21517.jpg"
          imageAlt="Kapital team collaborating on investment strategies"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team-process" data-section="team-process">
        <FeatureCardSix
          title="Our Team & Approach"
          description="Meet the experts who guide your investment journey with decades of combined experience"
          tag="Leadership"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Senior Portfolio Managers",
              description: "Our lead investment professionals average 20+ years of experience at top-tier institutions including Goldman Sachs, BlackRock, and Bridgewater Associates, bringing institutional-grade expertise to your portfolio.",
              imageSrc: "https://img.b2bpic.net/free-photo/business-meeting-office_1268-21517.jpg"
            },
            {
              id: 2,
              title: "Research & Analytics Team",
              description: "Our quantitative analysts and market researchers leverage advanced modeling techniques and proprietary data sources to identify compelling investment opportunities across global markets.",
              imageSrc: "https://img.b2bpic.net/free-photo/technological-devices-with-statistics-documents_1232-485.jpg"
            },
            {
              id: 3,
              title: "Client Success Specialists",
              description: "Dedicated relationship managers ensure transparent communication, regular portfolio reviews, and personalized service tailored to your unique financial goals and preferences.",
              imageSrc: "https://img.b2bpic.net/free-photo/workers-long-wooden-table_1262-810.jpg"
            }
          ]}
        />
      </div>

      <div id="client-testimonial" data-section="client-testimonial">
        <TestimonialCardFifteen
          testimonial="Working with Kapital has been transformative for our family's wealth. Their deep market insights and personalized approach have consistently delivered results that exceed our expectations. The transparency and communication are outstanding."
          rating={5}
          author="Robert Sterling, Family Office Principal"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "Robert Sterling" },
            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Johnson" },
            { src: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Michael Chen" },
            { src: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Lisa Martinez" },
            { src: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "David Thompson" },
            { 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: "Jennifer Lee" }
          ]}
          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>
  );
}