Mac and Cheese Si Mbok Landing Page

Description

A landing page concept for Mac and Cheese Si Mbok, a homemade mac and cheese brand. The page covers the hero, menu categories, best-selling menu with prices, a limited-time promo, the brand story with a testimonial, an Instagram feed, outlet locations with opening hours, and WhatsApp ordering.

The project includes a style guide page that documents the visual system: color tokens checked for WCAG AA contrast, typography, spacing, radius and shadows, and every UI component used on the page, prepared so the design can be moved to Next.js and Tailwind.

Built with plain HTML, CSS, and JavaScript with shared design tokens, scroll animations, and a responsive layout for laptop, tablet, and phone. Names, addresses, phone numbers, and testimonials are fictional, and the photo sources and licenses are listed on a credits page.