"use client";
import Link from "next/link";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="QWER"
          button={{
            text: "Get Started",            href: "https://qwer.invest/contact"
          }}
        />
        <div className="mt-4">
          <Link href="/">Home</Link> | 
          <Link href="/about">About</Link> | 
          <Link href="/services">Services</Link> | 
          <Link href="/contact">Contact</Link> | 
          <Link href="/blog">Blog</Link>
        </div>
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Fifteen Years of Investment Excellence"
          description="Founded in 2008, QWER Investment Partners has grown from a boutique advisory firm to one of the most trusted names in wealth management. Our founding principles of transparency, fiduciary responsibility, and client-first service remain at the core of everything we do. We believe that true wealth management goes beyond returns—it's about understanding your life goals and crafting strategies that align with your values and aspirations."
          tag="Our Story"
          buttons={[
            { text: "Meet Our Team", href: "/team" },
            { text: "Our Philosophy", href: "/philosophy" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/cheerful-business-team-watching-presentation-laptop-sitting-workplace-staring-display-smiling-copy-space-business-meeting-concept_74855-11583.jpg"
          imageAlt="QWER leadership team in strategic planning session"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Track Record"
          description="Numbers that reflect our commitment to excellence and long-term client success."
          metrics={[
            {
              id: "1",              value: "15+",              title: "Years of proven expertise",              items: ["Market cycle experience", "Regulatory compliance", "Industry leadership"]
            },
            {
              id: "2",              value: "98%",              title: "Client retention rate",              items: ["Long-term partnerships", "Family office relationships", "Referral-based growth"]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Client Stories"
          description="The experiences that define our reputation and drive our commitment to excellence."
          testimonials={[
            {
              id: "1",              name: "David Thompson, Founder & CEO of Heritage Enterprises",              date: "Date: 22 October 2024",              title: "Three generations of trust",              quote: "QWER has been our family's financial partner for three generations. Their ability to evolve our investment strategy while maintaining our core values has been extraordinary. They understand that wealth management is about legacy, not just returns.",              tag: "Legacy Client",              avatarSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg",              avatarAlt: "David Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg",              imageAlt: "David Thompson in boardroom"
            },
            {
              id: "2",              name: "Patricia Morales, Retired Executive, Goldman Sachs",              date: "Date: 10 October 2024",              title: "Professional meets personal",              quote: "Having spent three decades on Wall Street, I know exceptional financial management when I see it. QWER combines institutional-grade analytics with the personal touch that makes all the difference. Their transparency and communication set them apart.",              tag: "Executive Client",              avatarSrc: "https://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",              avatarAlt: "Patricia Morales",              imageSrc: "https://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",              imageAlt: "Patricia Morales portrait"
            },
            {
              id: "3",              name: "Emily Rothschild, Private Investor & Philanthropist",              date: "Date: 18 September 2024",              title: "Values-aligned investing",              quote: "QWER understood my vision to grow wealth while creating positive impact. Their ESG-focused investment strategies have allowed me to stay true to my values while achieving exceptional returns. They're partners in both my financial success and my philanthropic mission.",              tag: "Impact Investor",              avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg",              avatarAlt: "Emily Rothschild",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg",              imageAlt: "Emily Rothschild in office"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Services",            items: [
              { label: "Portfolio Management", href: "/services" },
              { label: "Wealth Advisory", href: "/services" },
              { label: "Investment Products", href: "/products" },
              { label: "Risk Analysis", href: "/services" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About QWER", href: "/about" },
              { label: "Our Team", href: "/team" },
              { label: "Careers", href: "/careers" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Legal",            items: [
              { label: "Privacy Policy", href: "#privacy" },
              { label: "Terms of Service", href: "#terms" },
              { label: "Compliance", href: "/compliance" },
              { label: "Disclosures", href: "/disclosures" }
            ]
          }
        ]}
        copyrightText="© 2024 QWER Investment Partners. All rights reserved."
      />
    </ThemeProvider>
  );
}