Web Design & Development

A Gália — Hamburgueria & Pregaria

Single-page React application featuring an interactive filterable menu organizing 100+ items across 9 categories. Integrates customer reviews, location mapping, and streamlined reservation flows.

Built with a custom medieval Gallic design system featuring gold (#A49057) and burgundy (#390F0E) palette, custom TimesTen typography, and Gallic helmet iconography. Framer Motion powers scroll-triggered animations while modern image formats (AVIF, WebP) ensure fast load times.

Completed Date: May 2026
Visit Live Site
Project Details

Overview

Industry

Food & Beverage — Restaurant/Hospitality

Scope

Complete responsive landing page design and development for a traditional Portuguese hamburgueria, including brand integration, interactive menu system, customer review showcase, location mapping, and Firebase deployment

Timeline

3 days from start to launch (May 12-15, 2026) — rapid development sprint for a small business website

The Problem

Challenge

A Gália needed a digital presence that would capture their unique medieval Gallic warrior branding while making their extensive menu (100+ items across 9 categories) accessible and easy to browse. The restaurant required a mobile-first solution that would work for tourists and locals alike, with multilingual customer reviews and clear location/contact information. The brand's distinctive personality needed to shine through without compromising usability or load times.

Our Approach

Solution

We built a custom single-page React application with a medieval-themed design system featuring a gold (#A49057) and burgundy (#390F0E) color palette, custom TimesTen typography, and Gallic helmet iconography. The interactive menu uses tabs and filtering to organize 100+ items logically, while Framer Motion provides smooth scroll-triggered animations that enhance the storytelling. We integrated Google Maps with a custom medieval frame, displayed authentic customer reviews, and optimized all assets using modern formats (AVIF, WebP) to achieve fast load times despite the rich visual experience.

What's Included

Key Features

Responsive Design
Interactive Menu
Scroll Animations
Google Maps Integration
Customer Reviews
Custom Medieval Theme
Performance Optimized
SEO & Accessibility
Performance

Results

189.25 kB
Bundle Size
Gzipped JavaScript
8.51 kB
CSS Size
Gzipped Tailwind CSS
2.27s
Build Time
Lightning-fast Vite builds
7/7
Asset Optimization
AVIF/WebP formats
Technology

Tech Stack

React 19
TypeScript 5.9
Vite 7.3
Tailwind CSS 4
Framer Motion
React Hook Form
Yup
Radix UI
Leaflet
Firebase Hosting
Get Started

Ready to Start Your Project?

Let's discuss how we can create a stunning website tailored to your business needs.

A Gália — Hamburgueria & Pregaria | Portfolio | low-key solutions