[GSSoC'25] UI Enhancement: Responsive Navbar, Animated Hero, About Section, Footer, and Favicon

## Motivation
As of now, the website lacks key frontend elements like a favicon, an animated hero section, and a structured About section with author details. These features not only improve the user experience but also highlight the project better—especially for first-time visitors, contributors, and GSSoC reviewers.

## Key Goals:

Make the project more visually appealing

Improve project discoverability

Ensure responsiveness across devices

Clearly showcase author/game details

Add a light touch of branding and animation

## Why This Matters:
Improves first impression for users and judges

Boosts credibility of the project during evaluations

Makes it easier to promote/share on LinkedIn, Dev.to, etc.

Helps non-dev contributors (designers, documenters) feel welcome.

## Features I Will Add:

✅ Responsive Navbar
Smooth scroll to sections

Collapses neatly on smaller screens

Links to: Home, About, Play Now, GitHub

✅ Animated Hero Section
Catchy heading like “Play the Classic Pong Game Now!”

CTA button → Scrolls to Game Section

Subtle animations for text and background

Modern, responsive layout using Flexbox/Grid

✅ About Section (Simplified)
Includes:

Description of the Pong Game 🎮

Author introduction (with image and bio) 🙋‍♂️

Tech stack badges or icons (HTML, CSS, JS)

Clean, centered layout with mobile responsiveness

✅ Footer
GitHub repo link

GSSoC’25 logo or mention

Copyright

✅ Favicon
Custom Pong ball or paddle icon as favicon

Gives the site a branded touch

Hi @Akki-jaiswal 👋

I've created the above issue proposing some UI/UX enhancements for the Pong Game project (responsive navbar, animated hero section, about section, footer, favicon, etc.).

It would be great if you could please assign this issue to me so I can start working on it as part of GSSoC'25. Looking forward to contributing!

Thanks 🙌
Anil Rathod
GSSoC'25 Contributor

Start by locating the existing HTML, CSS, and JavaScript entry points and the current game section. Compare the page with the requested navbar, hero, About section, footer, and favicon; done means these elements are present, responsive across devices, linked as described, and include the requested branding and animation.

索引モデルが issue の本文から書いたものです。