This is a submission for Frontend Challenge – Halloween Edition, Perfect Landing
What I Built
I built “Haunted Halloween Landing” — a Halloween-themed landing page hosted at https://deepakeon.github.io/haunted-halloween-landing/
The page is designed to immerse the visitors in spooky-festive vibes while maintaining a clean, fast, and responsive experience. Key features include:
-
Dark, atmospheric visuals and Halloween motifs (ghosts, pumpkins, eerie sky)
-
Smooth animations/transitions for entering the page and interacting with elements
-
Fully responsive layout (mobile, tablet, desktop)
-
Built with modern web stack (Next.js + static export for GitHub Pages)
-
SEO + OG/tweet meta tags for shareability and visibility
-
Google Analytics for fun and monitoring
Demo
Live demo: Haunted Halloween Landing
Source code: GitHub Repository
Journey
This project started with a simple idea — I’ve built a lot of corporate landing pages before, but I wanted to make something different. Something that didn’t look like a “components website” with cards, grids, and the usual clean layouts. Halloween felt like the perfect excuse to have fun and experiment a bit.
At first, I didn’t actually know much about Halloween beyond pumpkins and costumes. So, I went down a small rabbit hole reading about its origins and traditions. That curiosity shaped the tone of the page — more mysterious and ancient rather than just “spooky and orange.”
The build itself was surprisingly smooth. I started by asking ChatGPT to help me come up with a project statement, then used Bolt to spin up a Next.js landing page from it. Once the basic structure was there, I jumped over to Claude to play with animations and refine the visuals — mostly because Bolt has daily credit limits.
I even tried a few background gradient combinations that would shift as you scroll, but ended up keeping things simple. Still, that exploration helped set the overall atmosphere of the page.
There wasn’t any frustrating bug-hunting or complicated logic — just a fun, creative flow of trying ideas, tweaking visuals, and watching the page slowly come to life.