This is a submission for Frontend Challenge - Halloween Edition, Perfect Landing
What I Built
I created Haunted Manor Tours - a fully interactive Halloween landing page for a fictional premium haunted house experience. This isn't just a static page; it's an immersive journey complete with:
🎮 Interactive Games
- Spin the Wheel of Doom for prizes
- Interactive Ouija Board that responds to your touch
- Clickable floating ghosts with surprises
🔊 Dynamic Sound System
- All sounds generated via Web Audio API (no audio files!)
- Thunder crashes, ghost wails, eerie ambient music
- UI interaction sounds (hover, click, whoosh effects)
- Full sound toggle control
✨ Advanced Animations
- Custom particle system (50 floating particles)
- Lightning flash effects with synchronized thunder
- Blood drip animations
- Custom cursor with smooth trailing effect
- Parallax scrolling ghosts
- 3D card transformations
🎯 Real Features
- Live countdown timer to Halloween
- Three ticket tiers with selection system
- Contact form with validation
- Modal system for interactions
- Scroll progress indicator
- Full keyboard navigation
🎁 Easter Eggs
- Konami code activation (try it!)
- Hidden keyboard shortcuts (L for lightning, M for sound)
- Random ambient sound effects
- Secret messages from clicking elements
Demo
Quick Feature Tour:
🏠 Hero Section → Immersive introduction with floating elements
⏰ Countdown Timer → Real-time countdown to Halloween
🔮 Ouija Board → Hover over letters to commune with spirits
🎡 Spin the Wheel → Interactive prize wheel with physics
🎫 Ticket Selection → Three tiers with modal confirmations
📧 Contact Form → Functional form with sound feedback
🎃 Happy Halloween, and Happy Coding!
Built with ❤️ and 👻 for the Frontend Challenge: Halloween Edition
Top comments (0)