This is a submission for Frontend Challenge - Halloween Edition, Perfect Landing
What I Built
For the Perfect Landing challenge, I created a spooky and engaging Halloween-themed landing page. The project, built with Next.js and styled with Tailwind CSS, is designed to be fully responsive, ensuring a great experience on any device.
The landing page captures the essence of Halloween with a dark, atmospheric color palette, thematic imagery like pumpkins and ghosts, and playful typography. The goal was to create a modern, fast, and visually appealing page that is both fun to explore and technically robust.
Demo
Journey
This challenge was a fantastic opportunity to sharpen my frontend skills, particularly with Next.js and Tailwind CSS. My process started with brainstorming a fun Halloween concept and sketching out a simple wireframe for the landing page layout.
I chose a minimalist yet spooky theme, focusing on clean design and subtle animations to bring the page to life. One of the main things I learned was how to efficiently set up a static export for a Next.js application for deployment on GitHub Pages. I'm especially proud of the component structure and the responsive design, which adapts smoothly from large desktops down to mobile phones.
In the future, I hope to add more interactive elements, like a ghost that follows the cursor or some fun CSS-based animations on the call-to-action buttons.
This project was created by rahulpatwa1303.
Top comments (0)