\n {/* Large Hero Section */}\n

\n {/* Background Pattern */}\n

\n\n

\n {/* Main Motto */}\n

\n Your Future is Here\n

\n \n {/* Subtitle */}\n

\n Welcome to Agape Education Center, where we nurture young minds and build bright futures \n through excellence in education from Kindergarten to Junior Secondary.\n

\n\n {/* CTA Buttons */}\n

\n onNavigate('admissions')}\n className=\"btn-primary px-10 py-5 text-white font-bold rounded-xl flex items-center justify-center space-x-3 text-xl shadow-2xl\"\n >\n Apply Now\n \n \n \n onNavigate('about')}\n className=\"px-10 py-5 border-3 border-school-green text-school-green font-bold rounded-xl hover:bg-school-green hover:text-white transition-all flex items-center justify-center space-x-3 text-xl\"\n >\n Learn More\n \n \n

\n\n {/* Quick Stats */}\n

500+

Happy Students

15+

Years Excellence

35+

Expert Teachers

98%

Success Rate

\n\n {/* Scroll Indicator */}\n

\n\n {/* Academic Programs Section */}\n

Our Academic Programs

\n Comprehensive education programs designed for every stage of your child's development\n

\n\n

\n {academicPrograms.map((program) => (\n

\n {/* Card Header */}\n

\n \n

{program.name}

{program.ageRange}

\n\n {/* Card Content */}\n

{program.description}

\n \n

Key Features:

\n
\n {feature}\n

\n \n onNavigate('academics')}\n className=\"w-full btn-primary px-6 py-3 text-white font-semibold rounded-lg\"\n >\n Learn More\n \n

\n ))}\n

\n\n {/* Upcoming Events Section */}\n

Upcoming Events

\n Stay connected with our vibrant school community through exciting events and activities\n

\n\n

\n {/* Featured Event */}\n

\n \n

\n \n {upcomingEvents[currentEventIndex].category}\n \n

\n \n

\n {upcomingEvents[currentEventIndex].title}\n

\n \n

\n {upcomingEvents[currentEventIndex].description}\n

\n \n

\n \n {formatDate(upcomingEvents[currentEventIndex].date)}\n

\n \n {upcomingEvents[currentEventIndex].time}\n

\n \n {upcomingEvents[currentEventIndex].location}\n

\n \n onNavigate('calendar')}\n className=\"btn-primary px-6 py-3 text-white font-semibold rounded-lg flex items-center space-x-2\"\n >\n View All Events\n \n \n

\n\n {/* Event Cards Grid */}\n

\n {upcomingEvents.map((event, index) => (\n setCurrentEventIndex(index)}\n >\n

\n {new Date(event.date).getDate()}\n

\n {new Date(event.date).toLocaleDateString('en-US', { month: 'short' })}\n

\n {event.title}\n

{event.time}

\n ))}\n

\n \n\n {/* Call to Action Section */}\n

Ready to Join Our Community?

\n Take the first step towards your child's bright future. Apply now or schedule a visit \n to experience what makes Agape Education Center special.\n

\n \n

\n onNavigate('admissions')}\n className=\"btn-primary px-10 py-5 text-white font-bold rounded-xl text-xl\"\n >\n Apply for Admission\n \n onNavigate('contact')}\n className=\"btn-secondary px-10 py-5 text-white font-bold rounded-xl text-xl\"\n >\n Schedule a Visit\n \n

\n \n );\n}","deleted","label",[167,168,169,149],"frontend","components","pages","permalink","https://www.val.town/x/Deboy/AGAPE/code/frontend/components/pages/HomePage.tsx","extension","actionData","errors"]