arnobt78/CoffeeShop-Landing-Page-1--NextJS-Frontend — reverse-engineered prompt
Reverse engineered prompt
Build me a modern responsive landing page for a fictional coffee shop called Coffee and Joy Zenbrew. I want it to feel premium, warm, and stylish, with a big video hero section, an overlay, a strong headline, and a clear button to explore the menu.
Make it a static frontend only, no backend or login. The page should flow through sections for exploring the brand, an about story, a coffee menu, opening hours, and customer testimonials. Add smooth scrolling, some tasteful parallax, a horizontal scroll moment in the about section, an animated mobile menu, and a testimonial carousel with arrows.
Use Next.js, React, TypeScript, and Tailwind CSS. Use animation libraries like GSAP, Framer Motion, Locomotive Scroll, and Swiper where they make sense. Make it look great on phones and desktops, include proper SEO metadata, use optimized images and fonts, and keep the code clean with reusable components. Look up current docs online if you need to.
Want more depth? Deep Reverse