A high-performance, aesthetically pleasing "Coming Soon" landing page designed for RSA (Retail Support Authority). This project features a deep "Royal" atmosphere with mathematically generated fluid animations, glowing RGB waves, and gold-dust particle effects.
- Dual Canvas Animation Engine:
- Layer 1: Fluid, multi-colored glowing waves using sine-wave trigonometry (Royal Blue, Red, Orange, Gold).
- Layer 2: Twinkling stars and floating luxury gold particles.
- Glassmorphism Design: A frosted glass content card that ensures text readability against dynamic backgrounds.
- Responsive Typography: Uses Montserrat and Playfair Display for a modern luxury feel that scales across devices.
- Performance Optimized: Written in pure Vanilla JavaScript (No heavy libraries like Three.js or jQuery).
- CSS3 Advanced Styling: Utilizing backdrop filters, conic gradients, and complex keyframe animations.
- HTML5 (Canvas API)
- CSS3 (Flexbox, Animations, Media Queries)
- JavaScript (ES6+ Classes, RequestAnimationFrame)
/rsa-coming-soon
β
βββ index.html # Main HTML structure and Canvas containers
βββ style.css # Styling, animations, and responsive design
βββ script.js # Physics engine for Waves and Particles
βββ README.md # Project documentation
π¨βπ» Author
MD Roman Sarkar
Role: Software Engineer || Researcher
Specialization:** Java, Python, Artificial Intelligence, and Web Technologies.
Project: RSA Luxury Brand Identity Animation.
---
Β© 2025 MD Roman Sarkar. All Rights Reserved.