Added a About Us Page: Glassmorphism UI, Sticky Header, & Modern Icons

[Mahantesh-Madalgi]

Description

This PR significantly overhauls the "About Us" page to align with a modern, premium design aesthetic, improving both layout structure and visual interactivity. It introduces a glassy frosted UI, updates typography/icons, and ensures the 3D cube scales appropriately when the page is active.

** Key Changes & Features:**

• Glassmorphism UI: Implemented backdrop-filter: blur(40px) and semi-transparent rgba backgrounds across content cards and table cells for the glass effect.
• Sticky Navigation Header: The "About Us" main heading is now position: sticky, ensuring it remains visible while the user scrolls through the page content.
• Modern Iconography: Integrated high-quality, inverted SVG icons from the Lucide library (Timer, 3D Box, Medal).
• Responsive 3D Cube Scaling: Updated the main App.jsx state so the 3D Cube shrinks to a 0.8 scale when navigating to the About page, keeping the UI clean while maintaining the core visual asset. Also, the cube disappears when the about us page is opened on mobile so that the about us readable.
• Interactive Feedback: Added robust hover states, box-shadow glows, and cursor: pointer to table elements and links to clearly signal interactivity to the user.

** components/cards added:**

• modernizing speed-cubing experience: an introduction to cubeit
• real time 3d scramble visualization: its the dedicated explaining how our 3D cube visualization sets us apart from standard 2D timers.
• difference table : shows difference between traditional 2d timer and cubeit
• mission: to show the core mission of Cubeit
• cube it community: connects people to github repository of Cube It.

** Screenshots:**

---

[netlify]

✅ Deploy Preview for cube-it-app ready!

Name	Link
🔨 Latest commit	35d0f58
🔍 Latest deploy log	https://app.netlify.com/projects/cube-it-app/deploys/6a0d687228a6250008a8ddf6
😎 Deploy Preview	https://deploy-preview-19--cube-it-app.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.