Navigation and Footer

[vihaan-kk]

Description

Build the Navigation and Footer components for the site: a header/navbar with links to Home, About, Resources, and Schedule (plus external redirects for Portal and Register, and the MLH trust badge), and a footer with social links. Wire both into app/layout.tsx so they render on every page.

Note: The internal routes (/about, /resources, /schedule) do not need to exist yet for this ticket. The Navigation component only needs to reference the URL strings (e.g. href="/about"). This ticket has no dependency on the Home/About/Resources/Schedule Page tickets, and they have no dependency on this one. Locally, links to routes that don't exist yet will 404 until that page ticket lands, that's expected and not a blocker.

Suggested Starting Point

• Reference the wireframe navbar: about | resources | schedule | portal | register, plus the MLH banner in the corner.
• Create new components/Navigation.tsx and components/Footer.tsx file
• portal and register are external redirects (external portal page, Typeform): use plain tags for those two, not internal links
• about, resources, schedule are internal routes so use next/link.
• Reference the wireframe footer: social icons (LinkedIn, Instagram, email) present on every page.
• Render both components in app/layout.tsx so they appear on every page automatically.

Acceptance Criteria

• Navigation and footer component exists in components/.
• Links to About, Resources, Schedule point to the correct internal paths.
• Portal and Register links redirect externally as shown in the wireframe.
  • Portal just leave blank
  • Register use https://docs.google.com/forms/d/e/1FAIpQLSfMx28v4vb33tfTGMJoqbkKMWl2Js5JSXjX9wPYvMZiHOpRCQ/viewform
• MLH trust badge is visible and links out correctly.
  • Use https://www.mlh.com/seasons/2026/events
• Footer displays social links (LinkedIn, Instagram, email).
• Navigation and footer renders in app/layout.tsx and appears on every page.
• Component builds and lints successfully even though the About/Resources/Schedule routes don't exist yet.

Testing

• Frontend build passes.
• Frontend lint passes.
• Frontend formatting checks pass.
• Navigation appears on the home page.
• Portal and Register links open the correct external destinations.
• Footer social links open the correct destinations.
• MLH badge displays and links correctly.

Files Touched

• Create: components/Navigation.txs and components/Footer.tsx
• Edit: app/layout.tsx