Castaway Restaurant & Bar
Web DevelopmentFront-End Development
Neighborhood bar and grill on Watchung Ave, Orange NJ. Kraft + deep navy + rope tan + lobster red + seafoam. 812 reviews · 4.1★.
Next.js 16MotionTailwind v4
Overview
Castaway Restaurant & Bar is a 28-year-old neighborhood bar and grill with 812 Google reviews. The site borrows nautical-postcard lineage — kraft paper background, deep navy + lobster red + seafoam + rope tan accents, repeating rope-rule dividers, a dock-board cocktail section, and a hero postcard card mounted with a hand-shadow offset that says 'greetings from Orange, NJ' in handwritten Caveat. Three menu boards (Sea, Grill, Garden) each in their own card. Abril Fatface display + Caveat script.
Features
- Postcard hero with rope-rule borders + hand-shadow
- Three-board menu (Sea · Grill · Garden) with dotted leaders
- Dock-board cocktail section with horizontal stripe BG
- Hours table inside a thick-bordered card with hourglass labels
- Sway-rope micro-animation on the handwritten subtitles
Technologies Used
- Next.js 16
- React 19
- Tailwind CSS v4
- Motion
- Lenis
- Abril Fatface + Inter + Caveat
Challenges & Solutions
Challenges
- Distinguishing from L'Hirondelle (also restaurant) on every visual axis
- Honoring 28 years of operation without nostalgia tropes
Solutions
- Castaway is kraft-postcard nautical, L'Hirondelle is sun-ray travel-poster — completely different lineage
- Used the review count (812) as headline stat instead of an established-since date