"use client" import { motion } from "framer-motion" import { fadeIn, slideUp, stagger, staggerItem } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { CalendarDays, ChevronLeft, ChevronRight, GraduationCap, Sun, Moon } from "lucide-react" const months = [ { name: "January 2026", events: [{ day: 12, title: "Spring Semester Begins", type: "academic" }, { day: 19, title: "Add/Drop Deadline", type: "deadline" }] }, { name: "February 2026", events: [{ day: 14, title: "Midterm Week", type: "exam" }, { day: 21, title: "President's Day - No Class", type: "holiday" }] }, { name: "March 2026", events: [{ day: 15, title: "Spring Break Begins", type: "holiday" }, { day: 25, title: "Last Day to Withdraw", type: "deadline" }] }, { name: "April 2026", events: [{ day: 20, title: "Final Exams Start", type: "exam" }, { day: 28, title: "Semester Ends", type: "academic" }] }, ] export default function AcademicCalendar() { return (

Academic Calendar

Spring Semester 2026

{["All", "Academic", "Exams", "Deadlines", "Holidays"].map((f) => ( ))}

{months.map((m) => (

{m.name}

{m.events.map((e) => (

{e.day}

MON

{e.title}

{e.type}

))}

Total instruction days: 76

Holidays: 4

) }