This is a submission for Frontend Challenge - Comfort Food Edition, Perfect Landing
What I Built
The other day I was dreading over the college life with my colleague on a phone call and she burnt her pancakes
Hello! It's Anushka this side and since my childhood i am in love with sweet dishes, what's more rewarding than using my frontend skills to bring the pancake bakery corner to the life, I am still practising the visual appeal of my websites. Waffles and Pancakes are my comfort food and I decided the theme to build the landing page of my restaurant.
Demo
Journey
I made the prototype on figma which made me realise a basic and minimal design will not overwhelm my idea of food. I wanted it to be delivered for a non techie or a person who might be aversive to use technology to reserve a table easily.
I included the custom cursor after refinement of my landing page and 3d tilt feel when you hover over the menu items. My site includes smooth scroll effect and the pancake looks already delicious, why not book a table on the next sunday-built with html and vanilla js and intentional colour palette choice.
Check the code here
Sunday Stack
A premium, single-file landing page for a cozy pancake restaurant. Designed with a warm, editorial aesthetic that bridges Figma-grade visual craft with production-ready frontend code.
Overview
Sunday Stack is a fully responsive, self-contained HTML landing page featuring:
- Zero build steps — open the file and it runs
- Zero external dependencies (except Google Fonts & Unsplash images)
- Immersive page loader with animated pancake stack
- Custom cursor with hover states (desktop)
- Scroll progress bar with shimmer effect
- 3D tilt cards with glossy shine reflection
- Magnetic buttons that pull toward the cursor
- Word-by-word text reveal with 3D rotation
- Animated steam effect in the hero
- Parallax scrolling on key images
- Scroll-triggered reveal animations via Intersection Observer
- Animated number counters for statistics
- Interactive menu tab system with sliding pill indicator
- Image lightbox gallery with keyboard support
- Mobile-first responsive navigation with staggered drawer
- Reservation form with validation and toast notifications
- Back-to-top button with smooth…
Top comments (0)