Let’s talk

SELECTED WORK / CANNABIS DELIVERY

T.h.Chi.

Antioch and the East Bay, California

A dark, photo-led website for a cannabis delivery service covering nine East Bay cities, with its menu one tap away from every page.

Visit live website (opens in a new tab)Explore the project
T.h.Chi homepage: “Premium Cannabis Delivered Fast” for East Bay delivery
CLIENT
T.h.Chi
INDUSTRY
Cannabis delivery
OUR WORK
Website design & development, SEO
WEBSITE
thchi.shop

THE PROJECT

East Bay delivery.
Premium, but local.

T.h.Chi is a delivery-only cannabis service in California’s East Bay. Its drivers cover nine Contra Costa County cities, from Antioch and Pittsburg to Walnut Creek and Discovery Bay, seven days a week, and every customer must be 21 or older with ID.

The menu and ordering live on Leafly, so the website’s job is the brand and the local detail around them: show T.h.Chi through its own photography, make hours, delivery windows and minimums easy to find, give each city in the service area a page of its own and keep the menu one tap away.

DESIGN STRATEGY

Dark and photo-led,
one tap from the menu.

The site leads with T.h.Chi’s own lifestyle photography on a near-black background tinted green, with gold and orange accents drawn from the logo. “Premium Cannabis / Delivered Fast” slides into place over the hero photo, with the first-order offer, the delivery window and a call button beside it.

Bento grids, glass cards and soft glows give each section structure. A sticky header with a slim top bar keeps the phone number, hours and delivery status in view, and every city page follows the same template, from delivery facts and menu categories to ZIP codes, neighborhoods and a local FAQ.

TYPOGRAPHY

Montserrat for headlines that slide into place, with Inter keeping the dark layout readable.

COLOR

A near-black canvas tinted green, with gold and orange accents drawn from the logo.

MOTION

Kinetic headlines, a parallax hero and counters that count up as they come into view.

HOW IT’S BUILT

Prerendered pages,
with the menu on Leafly.

We built the site with Next.js 15, TypeScript and Tailwind CSS 4 and host it on AWS Amplify behind CloudFront. Pages are prerendered and cached at the edge, and Framer Motion drives the animation.

The menu is Leafly’s own embed on the site’s Shop page, so products, stock and checkout stay on the platform the business already runs.

FRAMEWORK
Next.js 15 (App Router) and React 19
LANGUAGE
TypeScript
STYLING
Tailwind CSS 4 with an OKLCH color system
MENU
Leafly’s embedded menu on /menu
IMAGES
next/image with AVIF and WebP output
HOSTING
AWS Amplify and CloudFront

SEARCH, BUILT IN

Nine cities,
each with its own page.

T.h.Chi can’t buy ads for its menu, so its city pages and structured data carry its local search.

We built a delivery hub and nine city pages, each with its own title, description, canonical, Open Graph tags and Service, FAQ and breadcrumb structured data.

We replaced a site-wide canonical that pointed every page at the homepage, so each page, including each blog archive page, now declares its own URL.

The blog runs from one data file that feeds the post pages, the paginated archive and the sitemap, with a unique title, description and BlogPosting markup on every post.

The sitemap and robots.txt are generated in the app, so new city pages and posts are listed as soon as they are added.

Page content stays in the server-rendered HTML behind the 21+ gate, so search engines can read every page while visitors still confirm their age.

The T.h.Chi homepage on a phone, with Order Now and call buttons

THE SAME WEBSITE. A SMALLER SCREEN.

PROJECT HIGHLIGHTS

The details
that make it work.

Nine city pages

Each East Bay city T.h.Chi serves has a page with its ZIP codes, neighborhoods, landmarks, minimum order, delivery window and a local FAQ.

Menu on-site

The live Leafly menu is embedded on the site’s own Shop page, so shoppers browse products without leaving thchi.shop.

Crawlable age gate

The 21+ gate blurs the page until a visitor confirms their age, while the full content stays in the HTML that search engines read.

KEEP EXPLORING

Learn more about the services behind our work.

YOUR NEXT WEBSITE

Planning a website
your customers will use?

Let’s talk about your business, your customers and what your website needs to do.

Let’s plan your website More of our work