import React, { useState } from 'react';
import { ChevronLeft, ChevronRight } from 'lucide-react';
const Timeline = () => {
const [currentIndex, setCurrentIndex] = useState(0);
const events = [
{ date: 'March 5', title: 'Strategic Planning Kickoff', description: 'Campus-wide participation initiated', icon: '□' },
{ date: 'Early March', title: 'Educational Workshops', description: 'Explored trends in higher education', icon: '□' },
{ date: 'March 12 - April 22', title: 'Focus Groups', description: 'Gathered insights from students, employees, and community', icon: '□' },
{ date: 'April - May', title: 'Data Analysis', description: 'Comprehensive review of existing data', icon: '□' },
{ date: 'May - June', title: 'Strategy Development', description: 'Refining themes into actionable strategies', icon: '□' },
{ date: 'June', title: 'Board of Trustees Engagement', description: 'Alignment on mission and vision', icon: '□️' },
{ date: 'July', title: 'Community Strategy Review', description: 'Gathering feedback on our direction', icon: '□️' },
{ date: 'August', title: 'Open Conference and Values Survey', description: 'Your chance to shape our values', icon: '□' },
{ date: 'September', title: 'Committee Review & Workshops', description: 'Finalizing our strategic framework', icon: '□' },
{ date: 'October', title: 'Draft Plan Submission', description: 'Our blueprint for success takes shape', icon: '□' },
{ date: 'November', title: 'Board Approval', description: 'Launch pad for our shared future', icon: '□' }
];
const nextSlide = () => {
setCurrentIndex((prevIndex) => (prevIndex + 1) % events.length);
};
const prevSlide = () => {
setCurrentIndex((prevIndex) => (prevIndex - 1 + events.length) % events.length);
};
return (
);
};
export default Timeline;
East Central College: Charting Our Course to Excellence
{events.map((event, index) => (
))}
{event.icon}
{event.date}
{event.title}
{event.description}
"Your Journey, Our Mission."