Starting point
A bubble tea website built around the drinks list
Eight drinks and two snacks in three sections, a photo slot on every one. A tea shop is judged on the menu board, so the website builder sets out that board for a bubble tea owner already gridded — ten rows waiting for their own photographs — and moves everything else out of its way.
Shown in the Neon design style — one of 15 you can switch between; your business content carries over.
A drinks list is a grid, not a paragraph
Milk tea, fruit tea, snacks — three sections, ten items, and a picture on each, because nobody picks a drink from a sentence. The sample list is written the way a real board reads: brown sugar boba, classic pearl, roasted oolong, taro with pudding. A stats band under the hero is there for the numbers a tea shop actually brags about, like how many cups a day or how long the queue has been coming.
What the sample site comes with
Three menu sections holding ten priced items, a stats band, three sample reviews, one discount code, and four pages.
Anything on that list that takes something from a visitor or reads from a live schedule — a form, a booking, a coupon code, a subscribe box, a class timetable, a listing fed by a collection — goes online with Storefront Pro. Storefront publishes the rest of the page exactly as you built it; where this template gives one of those a page of its own, that page is the one that waits for the upgrade.
What the site covers
- Item photos
- Modifiers
- Menu
4 pages included
- Home
- Menu
- Pickup & Delivery
- Contact
What is in scope, and what stays in your own systems
Sweetness, ice level and toppings are a naming convention in the sample menu, not a live option picker a customer configures. Every drink photo is a placeholder: a tea shop is judged on its own cups, so those are the first thing to swap.
Every count and price on this page was read out of the template itself rather than written by hand, which is why the numbers match the site you actually get.
What you get when you publish it
- Your own domain, hosting and HTTPS on the published site — not a subdomain of ours.
- Card payments run through your own Stripe account. Naratake takes 0% commission on the sale; only Stripe’s own card fee applies.
- Storefront Pro downloads the whole project as a standard Next.js app, so the site can be self-hosted with Naratake switched off.
- Building and previewing is free with no card. Storefront is $49 a month or $468 a year; Storefront Pro — which is where ordering and bookings go live — is $79 a month or $758 a year. The first payment is refundable in full within 7 days.
Questions people actually ask
How do sweetness, ice and toppings attach to a drink?
As modifier groups on the item itself, and each drink carries the set that suits it. Ice is on all eight drinks, sweetness on six, toppings on four — capped at three per cup, each priced. Sweetness and ice are single-choice and required: the cart marks the group required and blocks Add until it is answered, naming the group still open. The two snacks carry no groups at all. Whatever a customer picks travels with the line item into the order. Online ordering goes live on Storefront Pro.