My Amor Coffee Shop
Web DevelopmentFront-End Development
Coffee shop on South Main, Orange NJ. Warm third-wave aesthetic — cream + terracotta + espresso + olive. Hand-drawn cup with steam, foam-heart latte art.
Next.js 16MotionSVGTailwind v4
Overview
My Amor Coffee Shop opens at 5 AM. The site is warm and slow — cream base, terracotta accents, espresso ink, olive details. The signature is a hand-drawn coffee cup SVG with three rising steam wisps animating on staggered delays, a foam-heart latte art shape on the espresso surface. Caveat script subtitles ('— good morning —') anchor each section. Two-column menu (Coffee + Bites) with dotted leaders. The morning section calls out the 5 AM opening as a service to nurses off the overnight, parents, contractors. Terracotta-on-cream visit card.
Features
- Hand-drawn coffee cup SVG with rising steam
- Foam-heart latte art detail
- Caveat script section subtitles
- Two-column dotted-leader menu (Coffee + Bites)
- Three-stat morning callout (5 AM doors · 2 PM close · 7 days)
Technologies Used
- Next.js 16
- React 19
- Tailwind CSS v4
- Motion
- DM Serif Display + Nunito + Caveat
Challenges & Solutions
Challenges
- Coffee shops are over-templated — needed warmth that felt real
- Differentiating from Cantina 443 (also warm/late hours)
Solutions
- Hand-drawn illustrations instead of photography
- Coffee shop is dawn-warm, Cantina is midnight-loud — opposite times of day