Create the Event Section Background, Header & Filter Bar

[deep020206]

Description:
We need to build the base layout for the Events section, taking design inspiration from the [Delta NITT Projects Page](https://delta.nitt.edu/projects).
This issue focuses only on the top layout — background, title/header, and filter/search bar (not cards yet).

Tasks:

• Create a new /events page in Next.js.

• Add the top header area styled like the Delta “Projects” page — but renamed as “01 EVENTS_”.

• Add a background section and hero text similar to the Delta reference.

• Include a Filter Bar with buttons such as:

  • All Events
  • Upcoming
  • Past
  • Workshops
  • Competitions
  • Hackathons

• Add a Search Bar beside or below the filters.

• Maintain your site’s existing color theme and typography.

• Ensure full responsiveness for desktop, tablet, and mobile.

Acceptance Criteria:

• Header, background, and filters appear as per design reference.
• Layout adapts smoothly on desktop, tablet, and mobile.
• Search bar and filters are visually aligned and responsive.
• Section visually matches the Delta reference while keeping project theme consistent.

Branch suggestion: feature/events-header-base
Estimated Time: 1–2 days

Reference: [Delta Projects Page](https://delta.nitt.edu/projects)
🗒️ Make the design similar to this — not the full theme, just visual reference.

Comment "i want to take this" if u want this issue to be assigned to yourself. The assignment is FCFS