Skip to content

Conversation

@Sravan-kumar04
Copy link
Contributor

@Sravan-kumar04 Sravan-kumar04 commented Aug 21, 2025

📌 Related Issue

Closes #180

✨ What’s New

  • Added a custom 404 error page that aligns with the site’s theme and branding.
  • Large floating “404” text with subtle glowing animation.
  • Friendly error message: “Oops! Page not found”.
  • Prominent “Go Home” button styled in site’s accent colors (green/yellow).
  • Responsive design that looks great on both desktop and mobile.
  • Adjusted layout to work with fixed navbar (content pushed down).
  • Added background glow effects for a modern aesthetic.

🎯 Why This Change

  • Replaces the default browser/server 404 page which was inconsistent with the design.
  • Provides a user-friendly fallback with clear navigation options.
  • Enhances overall UX and maintains brand consistency.

🖼️ Preview

image

✅ Checklist

  • Matches application theme (dark background + yellow/green accents)
  • Responsive on all screen sizes
  • Works with React Router navigation
  • Tested navigation back to home

@vercel
Copy link

vercel bot commented Aug 21, 2025

@Sravan-kumar04 is attempting to deploy a commit to the agamjotsingh18's projects Team on Vercel.

A member of the Team first needs to authorize it.

@Sravan-kumar04
Copy link
Contributor Author

Sravan-kumar04 commented Aug 21, 2025

@agamjotsingh18 please review this #180 and update me

@Sravan-kumar04 Sravan-kumar04 changed the title Implement Custom 404 Error Page with Themed Design and Home Navigation Implemented Custom 404 Error Page with Themed Design and Home Navigation Aug 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature] Design Custom 404 Error Page with Navigation to Home

1 participant