Project Completed 🎉 The Digital

Project Completed 🎉

The Digital Terminal for PK Bar & Restaurant

📖 Project Description:

Transforming a physical dining experience into a high-fidelity digital terminal. This project defines "Quiet Luxury" through a surgical blend of cinematic motion, archival typography, and premium interactive design.

The centerpiece is a custom scroll-scrubbed canvas engine that choreographs a 240-frame liquid pour sequence, synchronized perfectly with user interaction. We stripped away the clichés of standard restaurant websites, replacing them with an editorial narrative that guides the guest from the "Architecture of a Pour" to a curated, non-PDF digital menu.

Key Highlights:

Cinematic Hero Motion: A bespoke frame-sequence renderer using GSAP and HTML5 Canvas, optimized for sub-60fps performance even on mobile devices.

Quiet Luxury Aesthetic: A "Noir-to-Ivory" color system inspired by marble and speakeasy culture, using high-contrast branding and kinetic typography.

Interactive Terminal: A fully responsive digital menu and reservation dock designed for tactile, high-end mobile devices.

Performance Engineering: Surgical optimization of scroll triggers and image decoding to ensure a "Mind-Blowing" first impression on every load.

🛠️ Tech Stack & Services:

Architecture: Next.js 15 (App Router)

Motion Theory: GSAP (Scroll :Trigger & Timeline)

Logic: React & TypeScript

Styling: Vanilla CSS & Tailwind v4

Rendering: HTML5 Canvas (240-frame sequence)

Services: Creative Direction, Frontend Engineering, Motion Design, UI/UX. Checkout Link : Pk Bar and Restaurant