Refactoring

[QAZIMAAZARSHAD]

Overview:
The current state of the repository features a Movie Streaming Website with multiple HTML files for different movie genres (e.g., horror.html, thriller.html), all sharing the same design. However, the CSS/JS is included within each HTML file, which can be improved for better maintainability. Additionally, the codebase lacks proper organization and separation of concerns.

Proposed Changes:

1. Centralize CSS and JS Files: Consolidate all CSS and JS into single, external files for efficient management.
2. Component-Based Structure: Create separate files (HTML, CSS, JS) for individual components (e.g., cards, navbars, footer) to facilitate ease of maintenance.
3. File Structure Reorganization: Introduce a structured file organization system. Create a 'pages' folder to contain all HTML files for pages. Establish a 'css' folder to house CSS files for various components. Set up a 'js' folder for scripts related to dynamic components (e.g., scroll to top button).
4. Image Standardization: Place all movie poster images in a dedicated folder. Ensure image quality and resolution consistency by removing blurry/stretched images and adding high-definition posters.
5. Code Refactoring: Refactor the entire codebase for improved logic, coding style, and structure. Remove unnecessary checks and optimize the code.
6. Code Formatting: Check and apply Prettier formatting to all pages for code consistency.

Note: If you'd like to address each of these improvements as separate issues, please feel free to open multiple issues to tackle them one by one.

[purnasth]

Hello, @QAZIMAAZARSHAD feel free to assign this task to me.