Now let me read the remaining components:

Now let me also read the remaining sections:

Now I have a complete picture of the codebase. Let me set up the todo list and start building:

Now let me create the data context that will manage all site data in localStorage:

Now let me create the admin login page and admin layout:

Now I'll build the full admin dashboard with sidebar navigation, event CRUD, countdown editor, and site settings:

Now update the admin layout to use the guard:

Now create the admin dashboard page:

Now create the events management page (list + delete):

Now create the add/edit event form (shared component):

Now create the new event page and edit event page:

Now create the countdown editor page:

Now create the site settings page (hero text, branding):

Now I need to wrap the public page with the SiteDataProvider and update the hero, events, and countdown components to consume data from context:

Now update the hero section to read from context:

Now update the events section to read from context and support registration links:

Now update the Navbar to include an admin link:

Now let me mark all tasks as done:

The full admin system is now built and integrated. Here's what was added:

Admin Panel (accessible at /admin/login or via the "Admin" button in the navbar):

• Login page with password authentication (password: gtec2026admin), featuring show/hide toggle and loading state
• Dashboard with event stats, quick action cards, and a recent events table
• Manage Events page with search, edit, and delete with confirmation modal
• Add/Edit Event form with all fields (title, category, date, time, venue, prize, participants, description), an image picker from existing images or custom URL input, and a Google Sheet/Form registration link field
• Countdown Timer editor with datetime picker, live preview, and reset-to-defaults
• Site Settings page for editing the hero title, subtitle, and description with live preview

All data is stored in localStorage via a React Context (SiteDataProvider), so admin changes to events, countdown, and hero text instantly reflect on the public site. The admin panel has a responsive sidebar that collapses into a hamburger menu on mobile, and the events section now shows active registration link buttons when a link is configured by the admin.

Let me read all the admin-related files to diagnose the login loop issue and understand the current state:

Now let me read the remaining admin pages:

Now I understand the full picture. The issues are:

1. Login loop: The AdminGuard wraps the login page too (via the admin layout). The login page is inside /admin/login/page.tsx which is a child of /admin/layout.tsx. The guard checks isAdmin from context, but the SiteDataProvider has a mounted state that starts false. The isAdmin starts false, and the useEffect in the guard fires before localStorage is read, redirecting back to login. The fix needs to wait for mounted before checking auth.
2. Password change feature: Need to store password in localStorage and add a settings page for it.

Let me fix all of these: