"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import SplitAbout from "@/components/sections/about/SplitAbout";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Lightbulb, Users, Zap, Sparkles, TrendingUp } from "lucide-react";

const AboutPage = () => {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "Case Studies", id: "/case-studies" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="fluid"
      cardStyle="subtle-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="ROI Capital" navItems={navItems} />
      </div>

      <div id="about-story" data-section="about-story">
        <SplitAbout
          title="Our Story & Mission"
          description="Founded in 2013, ROI Capital emerged from a simple belief: marketing should be measurable, strategic, and focused on delivering real business results. What started as a small team of three has grown into a full-service agency serving 500+ clients globally."
          tag="Our Journey"
          tagIcon={Lightbulb}
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "Started with a Vision",              description: "We founded ROI Capital to change how businesses approach marketing—shifting from vanity metrics to real ROI and measurable outcomes.",              icon: Zap,
            },
            {
              title: "Built on Trust",              description: "Our clients aren't customers; they're partners. We've built long-term relationships based on transparency, accountability, and exceptional results.",              icon: Sparkles,
            },
            {
              title: "Continuously Evolving",              description: "The marketing landscape changes constantly. We invest in ongoing education, tools, and innovation to stay ahead of trends and deliver cutting-edge solutions.",              icon: TrendingUp,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg?_wi=2"
          imageAlt="ROI Capital team collaboration and growth"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Start Your Journey", href: "/contact" },
          ]}
        />
      </div>

      <div id="team-showcase" data-section="team-showcase">
        <TeamCardSix
          title="Meet Our Team"
          description="Experienced professionals dedicated to your success and business growth"
          tag="Our Team"
          tagIcon={Users}
          tagAnimation="slide-up"
          members={[
            {
              id: "1",              name: "Jessica Martinez",              role: "Founder & CEO",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=5",              imageAlt: "Jessica Martinez, CEO"},
            {
              id: "2",              name: "Marcus Thompson",              role: "Head of Strategy",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=6",              imageAlt: "Marcus Thompson, Strategy Lead"},
            {
              id: "3",              name: "Aisha Patel",              role: "Creative Director",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=7",              imageAlt: "Aisha Patel, Creative Director"},
            {
              id: "4",              name: "James Wilson",              role: "Analytics Lead",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=8",              imageAlt: "James Wilson, Analytics Lead"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Our team members"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="ROI CAPITAL"
          leftLink={{ text: "Privacy Policy", href: "/privacy" }}
          rightLink={{ text: "Terms of Service", href: "/terms" }}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
};

export default AboutPage;
