"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";
import { Globe, Users, Network } from "lucide-react";

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/about" },
    { name: "Services", id: "/services" },
    { name: "Partners", id: "/partners" },
    { name: "Contact", id: "/contact" },
  ];

  const footerColumns = [
    {
      title: "Navigation",
      items: [
        { label: "Home", href: "/" },
        { label: "About", href: "/about" },
        { label: "Services", href: "/services" },
        { label: "Partners", href: "/partners" },
      ],
    },
    {
      title: "Services",
      items: [
        { label: "Student Recruitment", href: "/services" },
        { label: "Visa Support", href: "/services" },
        { label: "Student Management", href: "/services" },
        { label: "Partner Collaboration", href: "/services" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/about" },
        { label: "Our Network", href: "/#network" },
        { label: "Achievements", href: "/#achievements" },
        { label: "Contact Us", href: "/contact" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Cookie Policy", href: "#" },
        { label: "Contact Support", href: "/contact" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Global Pathways"
          navItems={navItems}
          button={{
            text: "Partner With Us",
            href: "/contact",
          }}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Founded in 2024, Global Pathways specializes in connecting Korean universities with qualified international students through our extensive global network and comprehensive support services."
          metrics={[
            {
              icon: Users,
              label: "Students Successfully Placed",
              value: "600+",
            },
            {
              icon: Globe,
              label: "Countries Represented",
              value: "33",
            },
            {
              icon: Network,
              label: "Global Market Reach",
              value: "91",
            },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-partner" data-section="why-partner">
        <FeatureCardTwelve
          title="Why Partner With Global Pathways"
          description="Universities and education agencies choose us for our proven track record, extensive reach, and commitment to student success."
          features={[
            {
              id: "network",
              label: "Network",
              title: "Global Recruitment Network",
              items: [
                "Access to students across multiple regions",
                "Strong local market connections",
                "Missionary and partner network coverage",
                "Emerging market opportunities",
              ],
            },
            {
              id: "results",
              label: "Results",
              title: "Proven Recruitment Success",
              items: [
                "600+ international students recruited",
                "High placement success rate",
                "Quality student matching",
                "Ongoing performance growth",
              ],
            },
            {
              id: "diversity",
              label: "Diversity",
              title: "Diverse Student Markets",
              items: [
                "Students from 33 countries currently",
                "Expansion to 91 markets",
                "Multi-language support capabilities",
                "Cultural diversity benefits",
              ],
            },
            {
              id: "support",
              label: "Support",
              title: "End-to-End Service",
              items: [
                "Recruitment to post-arrival support",
                "Comprehensive visa assistance",
                "Ongoing student management",
                "University partnership support",
              ],
            },
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="University & Agency Partners"
          description="Hear from the institutions and education partners who have successfully collaborated with Global Pathways."
          testimonials={[
            {
              id: "1",
              name: "Dr. Park Min-jun, Dean of International Affairs",
              date: "Date: March 2024",
              title: "Exceptional Partnership Excellence",
              quote: "Global Pathways has been instrumental in expanding our international student enrollment. Their professional approach, attention to detail, and genuine commitment to student success sets them apart from other recruitment agencies.",
              tag: "Korean University",
              avatarSrc: "http://img.b2bpic.net/free-photo/black-female-bank-manager-using-laptop-writing-notes-while-having-meeting-with-couple-office_637285-930.jpg",
              imageSrc: "http://img.b2bpic.net/free-photo/people-registering-vote-united-states_23-2149096716.jpg?_wi=2",
            },
            {
              id: "2",
              name: "Ms. Lee Soo-jin, International Education Coordinator",
              date: "Date: February 2024",
              title: "Outstanding Global Network",
              quote: "What impressed us most is their extensive global network and local market knowledge. They understand student needs across different regions and deliver qualified candidates who are well-prepared for Korean university life.",
              tag: "Education Agency",
              avatarSrc: "http://img.b2bpic.net/free-photo/black-female-bank-manager-using-laptop-writing-notes-while-having-meeting-with-couple-office_637285-930.jpg",
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-card-application_23-2149601348.jpg?_wi=2",
            },
            {
              id: "3",
              name: "Mr. Ahmed Hassan, International Admissions Manager",
              date: "Date: January 2024",
              title: "Reliable and Professional",
              quote: "Working with Global Pathways has significantly streamlined our international recruitment process. Their support extends beyond recruitment to ongoing student management, making them true partners in our mission.",
              tag: "University Administration",
              avatarSrc: "http://img.b2bpic.net/free-photo/black-female-bank-manager-using-laptop-writing-notes-while-having-meeting-with-couple-office_637285-930.jpg",
              imageSrc: "http://img.b2bpic.net/free-photo/happy-graduate-student-with-diploma_23-2148498974.jpg?_wi=2",
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={footerColumns}
          bottomLeftText="© 2024 Global Pathways. All rights reserved."
          bottomRightText="Based in South Korea • Serving 33 Countries"
        />
      </div>
    </ThemeProvider>
  );
}