MediRent Feature Demo
Test all the features and functionality of the MediRent website. This demo page showcases every interactive element.
🎯 Core Features
- Rotating banner system
- Typewriter animations
- Product catalog with filters
- Blog system
- Contact forms
- WhatsApp integration
🎨 Visual Effects
- Glassmorphism design
- Glare hover effects
- Click spark animations
- Scroll reveal animations
- Logo animations
- Responsive design
🔧 Technical Features
- Vanilla JavaScript
- No external dependencies
- Local storage integration
- Intersection Observer
- CSS custom properties
- Progressive enhancement
Animation Testing
Glare Effect Test
Move your mouse over this card to see the glare effect. The light reflection follows your cursor position.
Instructions:
Hover and move your mouse around this card to see the glare effect in action.
Scroll Reveal Test
This card should animate in when it enters the viewport. Scroll down and back up to see the effect.
Status:
Scroll to trigger animation
Click Sparks Test
Click the buttons below to see the spark animation effect. Each click creates animated particles.
Test Buttons:
Interactive Testing
Form Validation Test
Test the form validation and input handling functionality.
Local Storage Test
Test the localStorage functionality for saving and retrieving data.
WhatsApp Integration Test
Test the WhatsApp integration with pre-filled messages.
Test Messages:
Performance & Compatibility
Browser Features
Feature Detection:
Performance Metrics
Page Load:
Responsive Test
Resize your browser window to test responsive behavior.