🚀 Transform OpenRockets website with vibrant Hack Club-inspired design

[Copilot]

This PR completely transforms the OpenRockets website with a vibrant, energetic design inspired by Hack Club's aesthetic while maintaining its professional appeal for the educational programming community.

🎨 Visual Design Overhaul

The website now features:

• Vibrant color palette with red-orange gradients (#ec3750 → #ff8c42) replacing the muted blue tones
• Animated rainbow gradient text effects on the main title that shifts between color schemes
• Dynamic background with colorful floating dots in multiple colors that animate smoothly
• Enhanced glassmorphism effects on floating cards with better blur and transparency

✨ Interactive Enhancements

Added engaging micro-interactions throughout:

• Smooth bounce animations on buttons with scale transforms and glow effects
• Shimmer effects on statistics numbers with animated gradients
• Sparkle animations on special text elements like "thriving community"
• Enhanced button interactions with sliding fill effects and hover transforms
• Improved navbar with glowing borders and smooth transitions

🎯 Content & UX Improvements

Made the content more engaging and youthful:

• Added emojis throughout (🚀, 💪, 🏆, 📅, 🎥, 👥, etc.) for visual appeal
• More energetic language with phrases like "Build the future together!"
• Enhanced call-to-action buttons with descriptive icons and better contrast
• Improved scrollbar styling with gradient effects matching the theme

📱 Responsive Design Maintained

All enhancements work seamlessly across devices:

• Mobile-first responsive design preserved
• Animations are performance-optimized
• Accessibility maintained with proper contrast ratios
• Touch-friendly interactive elements

Screenshots

Before:

After - Desktop Hero:

After - Features Section:

After - Mobile View:

The transformation makes learning programming feel fun and accessible, capturing that exciting energy that makes developers want to join and contribute to the OpenRockets community! 🌟

Technical Changes:

• Updated CSS variables for the new color scheme
• Added keyframe animations for text effects, background elements, and interactions
• Enhanced button styling with gradient fills and hover states
• Improved card styling with better borders and hover effects
• Added sparkle and shimmer animation classes
• Optimized transitions for better performance

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
openrockets-me	Ready	Preview	Comment	Aug 19, 2025 7:08pm