"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { BookOpen } from "lucide-react";

const navItems = [
  { name: "Home", id: "/" },
  { name: "About", id: "/about" },
  { name: "Courses", id: "/courses" },
  { name: "Campus", id: "/campus" },
  { name: "Admissions", id: "/admissions" },
];

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="NRI Institute"
          navItems={navItems.map((item) => ({
            name: item.name,
            id: item.id,
          }))}
          button={{ text: "Call for Admission", href: "tel:09391878787" }}
          animateOnLoad={true}
        />
      </div>

      <div id="about-full" data-section="about-full">
        <TextSplitAbout
          title="Our Mission & Vision"
          description={[
            "At NRI Institute of Technology, our mission is to provide exceptional engineering education that combines academic excellence with practical skill development. We believe in nurturing the next generation of engineers who will lead technological innovation and contribute meaningfully to society.",
            "Our vision is to be recognized as one of India's premier autonomous engineering colleges, known for producing technically proficient, ethically sound, and socially responsible engineers. We foster an environment of continuous learning, research, and innovation.",
            "We are committed to maintaining the highest standards of teaching, research, and student welfare. Our focus on industry collaboration ensures that our curriculum remains relevant and our graduates are well-prepared for the challenges of the modern world.",
          ]}
          buttons={[
            { text: "View Vision Statement", href: "/about" },
            { text: "Contact Admissions", href: "tel:09391878787" },
          ]}
          showBorder={true}
          useInvertedBackground={false}
          buttonAnimation="blur-reveal"
        />
      </div>

      <div id="values" data-section="values">
        <FeatureCardOne
          title="Core Values & Principles"
          description="The foundational values that guide every decision and action at NRI Institute"
          tag="Our Principles"
          tagIcon={BookOpen}
          tagAnimation="slide-up"
          textboxLayout="default"
          features={[
            {
              title: "Academic Excellence",
              description: "We maintain rigorous academic standards with regular curriculum updates, quality faculty, and cutting-edge teaching methodologies.",
              imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-children-sitting-desks_259150-60228.jpg?_wi=2",
              imageAlt: "Academic Excellence",
            },
            {
              title: "Innovation & Research",
              description: "We encourage original thinking, research initiatives, and practical application of theoretical knowledge across all engineering disciplines.",
              imageSrc: "http://img.b2bpic.net/free-photo/furious-displeased-director-throwing-paperwork-her-business-staff_482257-118739.jpg?_wi=2",
              imageAlt: "Innovation Hub",
            },
            {
              title: "Industry Partnership",
              description: "We maintain strong relationships with leading industries to ensure our students gain exposure to real-world challenges and opportunities.",
              imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineering-team-working-together-using-ai-visualization_482257-126733.jpg?_wi=2",
              imageAlt: "Industry Collaboration",
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={false}
          ariaLabel="Core values and principles section"
        />
      </div>

      <div id="faculty" data-section="faculty">
        <FeatureCardOne
          title="World-Class Faculty"
          description="Our experienced educators bring expertise from industry and academia to create an enriching learning environment"
          tag="Expert Mentors"
          tagIcon={BookOpen}
          tagAnimation="slide-up"
          textboxLayout="default"
          features={[
            {
              title: "Industry Experienced Professors",
              description: "Faculty members with 10+ years of combined industry experience bringing real-world insights to the classroom.",
              imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-workstation-programming-monitor-writing-lines-code_482257-118997.jpg?_wi=2",
              imageAlt: "Professor Teaching",
            },
            {
              title: "Research-Oriented Mentors",
              description: "Our faculty actively contribute to research publications, conferences, and innovative projects that advance the field.",
              imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-neuroscience-laboratory-with-nobody-it-with-professional-equipment-ready-neurological-experiment-lab-with-brain-scan-monitor-medicine-industry-with-high-tech-facility_482257-29957.jpg?_wi=2",
              imageAlt: "Research Laboratory",
            },
            {
              title: "Student-Centric Approach",
              description: "Dedicated mentorship program ensuring personalized guidance for each student's academic and career development.",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-young-dark-skinned-perspective-entrepreneur-looking-digital-tablet-looking-information-about-team-project-friend-meeting-library_176420-8281.jpg?_wi=2",
              imageAlt: "Student Mentorship",
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          useInvertedBackground={false}
          ariaLabel="Faculty excellence section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/hotel_1127-4042.jpg?_wi=2"
          imageAlt="NRI Institute Campus Footer"
          logoText="NRI Institute of Technology"
          copyrightText="© 2025 NRI Institute of Technology. All rights reserved."
          columns={[
            {
              title: "Quick Links",
              items: [
                { label: "Home", href: "/" },
                { label: "About Us", href: "/about" },
                { label: "Courses", href: "/courses" },
                { label: "Placements", href: "/placements" },
              ],
            },
            {
              title: "Admissions",
              items: [
                { label: "Apply Now", href: "/admissions" },
                { label: "Eligibility", href: "/admissions" },
                { label: "Fee Structure", href: "/admissions" },
                { label: "Download Brochure", href: "#" },
              ],
            },
            {
              title: "Contact",
              items: [
                { label: "Phone: 09391878787", href: "tel:09391878787" },
                { label: "Email: admissions@nri.edu", href: "mailto:admissions@nri.edu" },
                { label: "Vijayawada, Andhra Pradesh", href: "#" },
                { label: "Privacy Policy", href: "#" },
              ],
            },
          ]}
          ariaLabel="Site footer with navigation and contact information"
        />
      </div>
    </ThemeProvider>
  );
}