Kalhara JA← All Works
KJA·2026 · Case study
Strewth
Restaurant Website & Brand Experience
The brief
A visually distinctive React site for Strewth restaurant, with a custom brand identity, immersive content sections, and coverage of menus, events, and location.
Approach
Built a React/TypeScript site with a custom visual identity — bespoke borders, typography, and a dark-red-and-cream palette — to match the restaurant's brand.
Outcome
Delivered a fully responsive brand site covering menus, events, and location, live at strewth.vercel.app.
Key features
Responsive Navigation
Mobile-first navigation with hamburger menu and smooth transitions between desktop and mobile views
Hero Section
Immersive hero section with scroll indicator and prominent brand display
Content Sections
Multiple content sections including Menus, Our Story, Happenings, and Private Events with rich imagery and text
Custom Design System
Unique visual identity with custom borders, typography, and color palette (dark red and cream theme)
Social Media Integration
Integrated Facebook and Instagram links with @strewth social media feed display
Location & Contact
Display of physical address (Rua de Malange, nº 44 C, Junqueiro) and contact information
Image Galleries
Showcase of restaurant ambiance, food, and storefront with optimized image displays
Accessibility Features
Skip to main content link and semantic HTML structure for improved accessibility
Gallery