Add responsive landing page with header, main content

[Che140401]

Purpose

This PR introduces a fully responsive landing page for the application, enhancing the user interface and improving user experience. The new landing page includes a header, main content area, and footer, providing a cohesive design.

Changes Made

• Created a responsive header component with a logo and a hamburger menu for mobile navigation.
• Implemented a main content component that features a typewriter effect for the title "Make Learning Fun!" and a glass effect for the subtitle.
• Added a footer section with social media links (to be defined in the future).
• Ensured that the layout adapts well on both mobile and desktop devices.
• Included enhanced hover effects for buttons and images to improve interactivity.

Testing

• Verified the responsiveness of the landing page on various screen sizes (mobile, tablet, desktop).
• Tested hover effects and transitions for buttons and images to ensure smooth interaction.

Screenshots

Uploading video-Aether.mp4…

[samiurprapon]

@Che140401 Hey, interesting implementation. But I found a few issues with this

• In mobile view Hamburger menu not working how it should work
• Content body is not Horizontally centered.

Can you fix this and also add Light/Dark mode, please?

[samiurprapon]

• In mobile view Hamburger menu not working how it should work
• Content body is not Horizontally centered.

[Che140401]

Hey @samiurprapon i will to all changes by today