"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Sparkles, Zap, Briefcase, Users, Target, Heart, Trophy, Star } from 'lucide-react';
import Link from 'next/link';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: 'Home', id: '/' },
            { name: 'Programs', id: '/programs' },
            { name: 'About', id: '/about' },
            { name: 'Pricing', id: '/pricing' },
            { name: 'Contact', id: '/contact' }
          ]}
          brandName="TechAcademy"
          bottomLeftText="Excellence in Tech Education"
          bottomRightText="hello@techacademy.com"
        />
      </div>

      <div id="about-mission" data-section="about-mission">
        <SplitAbout 
          title="Our Mission & Vision"
          description="TechAcademy was founded with a singular mission: to democratize technology education and make high-quality tech skills accessible to everyone, regardless of background or location. We believe technology should empower, not intimidate."
          tag="Our Story"
          tagIcon={Target}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="right"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767779677820-d8z98ms7.jpg"
          imageAlt="TechAcademy team collaborating on educational content"
          bulletPoints={[
            {
              title: "Accessibility First",
              description: "Making quality tech education affordable and accessible to learners from all backgrounds and economic situations.",
              icon: Heart
            },
            {
              title: "Industry Relevance", 
              description: "Our curriculum is constantly updated to reflect the latest industry trends and employer demands.",
              icon: Trophy
            },
            {
              title: "Community Driven",
              description: "Building a supportive community where learners help each other grow and succeed in their tech journeys.",
              icon: Users
            },
            {
              title: "Career Focused",
              description: "Every program is designed with clear career outcomes and pathways to meaningful employment in tech.",
              icon: Briefcase
            }
          ]}
          buttons={[
            { text: "View Programs", href: "/programs" }
          ]}
        />
      </div>

      <div id="about-values" data-section="about-values">
        <FeatureCardTwentyFour 
          title="Our Core Values"
          description="These principles guide everything we do at TechAcademy, from curriculum design to student support and career services."
          tag="What Drives Us"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              id: "1",
              title: "Excellence in Education",
              author: "Academic Standards",
              description: "We maintain the highest academic standards while making complex technical concepts accessible and engaging.",
              tags: ["Quality", "Standards"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718974283-oudgyyly.jpg",
              imageAlt: "Students engaged in learning"
            },
            {
              id: "2",
              title: "Diversity & Inclusion",
              author: "Community Building",
              description: "We actively promote diversity in tech by supporting underrepresented groups and creating inclusive learning environments.",
              tags: ["Diversity", "Inclusion"],
              imageSrc: "https://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040416.jpg",
              imageAlt: "Diverse group of students learning together"
            },
            {
              id: "3",
              title: "Continuous Innovation",
              author: "Curriculum Development",
              description: "We constantly evolve our teaching methods and technology to provide the most effective learning experience.",
              tags: ["Innovation", "Growth"],
              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",
              imageAlt: "Innovation in tech education"
            }
          ]}
        />
      </div>

      <div id="about-testimonials" data-section="about-testimonials">
        <TestimonialCardTwelve 
          testimonials={[
            {
              id: "1",
              name: "Sarah Chen",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "2",
              name: "Michael Rodriguez",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",
              name: "Emily Patterson",
              imageSrc: "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",
              imageAlt: "Emily Patterson"
            },
            {
              id: "4",
              name: "David Kim",
              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
              imageAlt: "David Kim"
            },
            {
              id: "5",
              name: "Jessica Martinez",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
              imageAlt: "Jessica Martinez"
            },
            {
              id: "6",
              name: "James Wilson",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
              imageAlt: "James Wilson"
            }
          ]}
          cardTitle="Join thousands of graduates who've transformed their careers with TechAcademy"
          cardTag="Graduate Success Stories"
          cardTagIcon={Star}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBaseReveal 
        columns={[
          {
            title: "Programs",
            items: [
              { label: "Web Development", href: "/programs" },
              { label: "Data Science", href: "/programs" },
              { label: "Cloud Computing", href: "/programs" },
              { label: "All Programs", href: "/programs" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Career Support", href: "/programs" },
              { label: "Blog", href: "/about" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Documentation", href: "/about" },
              { label: "Community Forum", href: "/about" },
              { label: "Success Stories", href: "/about" },
              { label: "Support", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 TechAcademy | All Rights Reserved"
      />
    </ThemeProvider>
  );
}