"use client";

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Linkedin, Github, Globe, Twitter } from "lucide-react";
import Link from "next/link";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Bobrik-Zubrila"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "about" },
            { name: "Courses", id: "/services" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Enroll Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardEleven 
          title="Our Impact by Numbers"
          description="See the measurable success of Bobrik-Zubrila graduates and the value our training delivers to students and employers."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              value: "5,000+",
              title: "Graduates",
              description: "Successful students launched into tech careers",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-kid-while-having-technology-education-class_23-2149123764.jpg",
              imageAlt: "students graduation success learning achievement certificate"
            },
            {
              id: "2",
              value: "95%",
              title: "Job Placement",
              description: "Of graduates employed within 3 months",
              imageSrc: "https://img.b2bpic.net/free-photo/attractive-young-businesswoman-looking-camera-female-team-le_1163-5313.jpg",
              imageAlt: "employment job career business success opportunity"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo 
          title="Meet Our Expert Instructors"
          description="Learn from industry professionals with decades of combined experience in software development, cloud architecture, and tech leadership."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          members={[
            {
              id: "1",
              name: "Elena Petrov",
              role: "Lead Instructor - Full Stack",
              description: "15+ years building scalable web applications at Fortune 500 companies. Expert in Node.js, React, and cloud architecture.",
              imageSrc: "https://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241318.jpg",
              imageAlt: "Elena Petrov, Full Stack Instructor",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Github, url: "https://github.com" }
              ]
            },
            {
              id: "2",
              name: "Dmitri Sokolov",
              role: "Data Science Lead",
              description: "PhD in Machine Learning with 10 years at tech startups. Specializes in AI, Python, and big data processing.",
              imageSrc: "https://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099231.jpg",
              imageAlt: "Dmitri Sokolov, Data Science Instructor",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Globe, url: "https://example.com" }
              ]
            },
            {
              id: "3",
              name: "Natasha Volkov",
              role: "Mobile Development Expert",
              description: "Published 20+ apps on App Store. Specialist in iOS, Android, Flutter, and cross-platform development.",
              imageSrc: "https://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg",
              imageAlt: "Natasha Volkov, Mobile Development Instructor",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "4",
              name: "Ivan Orlov",
              role: "DevOps & Cloud Architecture",
              description: "AWS Solutions Architect with 12 years managing enterprise infrastructure. Expert in CI/CD, Kubernetes, and cloud deployment.",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
              imageAlt: "Ivan Orlov, DevOps Instructor",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Github, url: "https://github.com" }
              ]
            }
          ]}
        />
      </div>

      <FooterBaseCard 
        logoText="Bobrik-Zubrila"
        columns={[
          {
            title: "Courses",
            items: [
              { label: "Web Development", href: "/services#feature" },
              { label: "Data Science", href: "/services#feature" },
              { label: "Mobile Apps", href: "/services#feature" },
              { label: "Cloud Architecture", href: "/services#feature" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Meet Our Team", href: "/about#team" },
              { label: "Blog", href: "#blog" },
              { label: "Careers", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Student Hub", href: "#" },
              { label: "Course Materials", href: "#" },
              { label: "FAQ", href: "#" },
              { label: "Support", href: "/contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Code of Conduct", href: "#" },
              { label: "Contact", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 Bobrik-Zubrila IT School. All rights reserved."
      />
    </ThemeProvider>
  );
}