"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { BookOpen, Award } 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 CoursesPage() {
  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="engineering-programs" data-section="engineering-programs">
        <FeatureCardOne
          title="B.Tech Programs & Specializations"
          description="Comprehensive four-year engineering programs designed with industry standards and latest technological advancements"
          tag="Departments"
          tagIcon={BookOpen}
          tagAnimation="slide-up"
          textboxLayout="default"
          features={[
            {
              title: "Computer Science Engineering (CSE)",
              description: "Master programming languages, software development, web technologies, and cloud computing. Industry-ready skills in Python, Java, and modern frameworks.",
              imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-workstation-programming-monitor-writing-lines-code_482257-118997.jpg",
              imageAlt: "Computer Science Engineering",
              button: { text: "Learn More", href: "/courses" },
            },
            {
              title: "Artificial Intelligence & Data Science",
              description: "Specialized curriculum focusing on machine learning algorithms, deep learning, data analytics, and AI applications in business and industry.",
              imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineer-using-artificial-intelligence-visualization-tools_482257-126828.jpg",
              imageAlt: "AI and Data Science",
              button: { text: "Learn More", href: "/courses" },
            },
            {
              title: "Electronics & Communication Engineering (ECE)",
              description: "Study embedded systems, microcontrollers, signal processing, telecommunications, and IoT technologies with state-of-the-art lab facilities.",
              imageSrc: "http://img.b2bpic.net/free-photo/transistors_1160-25.jpg",
              imageAlt: "Electronics and Communication",
              button: { text: "Learn More", href: "/courses" },
            },
            {
              title: "Mechanical Engineering",
              description: "Learn thermodynamics, CAD/CAM design, manufacturing processes, renewable energy, and industrial automation with hands-on workshop experience.",
              imageSrc: "http://img.b2bpic.net/free-photo/photo-automobile-production-line-welding-car-body-modern-car-assembly-plant-auto-industry-male-worker-orange-protective-helmet_645730-108.jpg",
              imageAlt: "Mechanical Engineering",
              button: { text: "Learn More", href: "/courses" },
            },
            {
              title: "Civil Engineering",
              description: "Develop expertise in structural design, construction management, sustainable infrastructure, and civil engineering projects with modern tools.",
              imageSrc: "http://img.b2bpic.net/free-photo/discussing-blueprint_1098-13779.jpg",
              imageAlt: "Civil Engineering",
              button: { text: "Learn More", href: "/courses" },
            },
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          useInvertedBackground={false}
          ariaLabel="Engineering programs and specializations"
        />
      </div>

      <div id="career-outcomes" data-section="career-outcomes">
        <MetricCardTen
          title="Program Outcomes & Career Prospects"
          description="Our engineering graduates pursue diverse career paths in leading technology, finance, and industrial companies globally"
          tag="Career Path"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          metrics={[
            {
              id: "1",
              title: "Software Development",
              subtitle: "Roles in web, mobile, and enterprise software development",
              category: "Technology",
              value: "High Demand",
            },
            {
              id: "2",
              title: "Data Science & Analytics",
              subtitle: "Data scientist, business analyst, and ML engineer positions",
              category: "Analytics",
              value: "Growing Sector",
            },
            {
              id: "3",
              title: "Cloud & DevOps Engineering",
              subtitle: "Cloud architect, DevOps engineer, and infrastructure specialist roles",
              category: "Infrastructure",
              value: "Premium Packages",
            },
            {
              id: "4",
              title: "Entrepreneurship",
              subtitle: "Alumni-founded startups with venture capital funding",
              category: "Startup",
              value: "20+ Startups",
            },
          ]}
          animationType="scale-rotate"
          useInvertedBackground={false}
          ariaLabel="Career outcomes and prospects"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/hotel_1127-4042.jpg"
          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>
  );
}