R
RELNOV

New Reliability

← Back to all projects

Food & Hospitality

Morrow Tea House

Morrow Tea House is a polished, static React storefront for a fictional London loose-leaf tea house.

Food and hospitality websitetea
Visit live website ↗
morrow-tea-house.vercel.app
Morrow Tea House website screenshot

Project type

Food and hospitality website

Industry

Food & Hospitality

Experience

Responsive web experience

Availability

Live deployment

Project overview

Inside the Morrow Tea House experience

Morrow Tea House is a polished, static React storefront for a fictional London loose-leaf tea house. It turns tea browsing into a slower editorial ritual: visitors can discover a collection by mood, read clear origin and brewing details, build a subscription rhythm, add leaves to a client-side cart, and follow a complete sample checkout path.

The public experience includes a high-impact home page, filtered tea collection, product detail pages, gifts, a ritual subscription builder, origins, journal listing and article, stockists, on-site search, cart, checkout, confirmation, and a branded 404 fallback. All internal forward navigation resets the window to scrollY = 0; back and forward browser restoration remain available where the browser provides it.

The interface includes a responsive desktop navigation and mobile drawer, live client-side cart quantities and subtotal, search and collection filtering, product subscription choices, a newsletter confirmation state, stockist contact confirmation, and a checkout form confirmation state.

Experience details

Key features and interaction highlights

01

Focused content architecture

Morrow Tea House organizes the primary message and supporting information into clear, scannable sections.

02

Responsive presentation

Morrow Tea House adapts the content hierarchy and interface across phone, tablet, and desktop layouts.

03

Purposeful visual system

Morrow Tea House uses consistent typography, color, spacing, and imagery to create a recognizable experience.

04

Clear next actions

Morrow Tea House keeps relevant calls to action visible without interrupting the visitor's discovery journey.

Visual gallery

Three genuine captures from the live deployment show the opening view, an interior content section, and the responsive mobile composition.

Morrow Tea House homepage preview
Homepage
Morrow Tea House interior page and content preview
Experience detail
Morrow Tea House mobile website preview
Mobile experience

Build characteristics

Technology and delivery signals

Labels come from project documentation where available; conservative delivery characteristics are used when a repository does not specify its stack.

ReactTypeScriptViteTailwind CSSGSAPWoutershadcn/uiRadix UI

Project FAQ

Questions about Morrow Tea House

What is Morrow Tea House?

Morrow Tea House is a polished, static React storefront for a fictional London loose-leaf tea house.

Who is the Morrow Tea House website designed for?

Morrow Tea House is a polished, static React storefront for a fictional London loose-leaf tea house.

What does the Morrow Tea House experience include?

The documented experience includes focused content architecture, responsive presentation, purposeful visual system, clear next actions. The live website shows the complete interface and interaction flow.

Can I view Morrow Tea House online?

Yes. Use the “Visit live website” link on this page to open the current public deployment.