{
 "slug": "chewsday",
 "name": "Chewsday",
 "title": "Free bubble tea shop website template",
 "description": "Free HTML bubble tea shop website template for tea bars and juice stands, with a build-your-own menu. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for a bubble tea bar with a signature menu, a build-your-own guide and weekly limited drinks",
 "summary": "A one-page site for a bubble tea bar in Leeds: four signature cups, a five-layer drink builder, a pearls section, a three-step ordering ritual, house rules, regulars' messages, four weekly limited drinks, questions, opening hours and a group order form. Candy colours on white with navy capitals, floating pill navigation, stacked cards and scalloped edges.",
 "fits": [
  "bubble tea bar or milk tea shop",
  "juice bar, dessert parlour or ice cream shop",
  "small cafe with a signature menu and weekly specials",
  "any youthful food or drink brand that wants a candy palette and a playful layout"
 ],
 "categories": [
  "Food and drink"
 ],
 "tags": [
  "bubble tea",
  "boba",
  "milk tea",
  "tea shop",
  "cafe",
  "drinks menu",
  "food and drink",
  "weekly specials",
  "candy colors",
  "playful",
  "pastel",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 88,
 "photos": 16,
 "fonts": [
  "Bricolage Grotesque",
  "Playpen Sans",
  "Radio Canada Big"
 ],
 "libraries": [
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js",
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js",
  "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js"
 ],
 "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), container query units, cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "floating pill bar with the wordmark and four colour-outlined links"
  },
  {
   "key": "drinks",
   "id": "drinks",
   "heading": "Signature cups",
   "about": "the page's opening: where-line, h1, lede and two buttons above four signature cups in staggered columns"
  },
  {
   "key": "build",
   "id": "build",
   "heading": "Build your cup",
   "about": "five stacked colour cards (Tea, Milk or fruit, Pearls and toppings, Sweetness, Ice and shake), each with its options and a photo"
  },
  {
   "key": "pearls",
   "id": "pearls",
   "heading": "Cooked every two hours",
   "about": "a scalloped photo frame with eight texture chips and a paragraph about the pearls"
  },
  {
   "key": "ritual",
   "id": "ritual",
   "heading": "How to order",
   "about": "three ordering steps as big words: Pick, Shake, Sip"
  },
  {
   "key": "rules",
   "id": "rules",
   "heading": "House rules",
   "about": "House rules on a blue band with a scalloped hem and four white cards"
  },
  {
   "key": "regulars",
   "id": "regulars",
   "heading": "Overheard at the counter",
   "about": "four regulars' messages as chat bubbles with the bar's replies"
  },
  {
   "key": "drops",
   "id": "drops",
   "heading": "Tuesday drops",
   "about": "four weekly limited drinks on a rail that travels sideways while the background changes colour"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Good questions",
   "about": "five questions and answers in native details elements"
  },
  {
   "key": "visit",
   "id": "visit",
   "heading": "Come chew it over",
   "about": "full-bleed photo with a big invitation, then address, hours, contact details and a group order form"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "",
   "about": "large wordmark, contact and social links, four tile links and the legal line with the Design: 8B credit"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "phone",
  "email",
  "map",
  "form",
  "social"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/bubble-tea-shop-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/bubble-tea-shop-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/bubble-tea-shop-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/bubble-tea-shop-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/bubble-tea-shop-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my drinks shop: name, city, signature cups with prices, build options with extras, weekly drop names and dates, opening hours, address, phone, email, allergen and vegan facts, and how groups order>. Replace the demo menu, build layers, weekly drops, regulars' messages and name puns first. Keep the ids, the data-8b-section, data-8b-motion and data-8b-part attributes and the classes AGENTS.md lists; the scripts read them. Ask me for any missing fact and never invent prices, allergens, hours, addresses, reviews or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/chewsday/",
  "md": "https://8b.com/templates/chewsday.md",
  "json": "https://8b.com/templates/chewsday.json",
  "demo": "https://8b.com/templates/chewsday/demo.html",
  "ghDemo": "https://8bsite.github.io/bubble-tea-shop-website-template/",
  "repo": "https://github.com/8bsite/bubble-tea-shop-website-template",
  "zip": "https://8b.com/templates/chewsday/bubble-tea-shop-website-template.zip",
  "use": "https://github.com/new?template_name=bubble-tea-shop-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/bubble-tea-shop-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/bubble-tea-shop-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/bubble-tea-shop-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/bubble-tea-shop-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/bubble-tea-shop-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/bubble-tea-shop-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/chewsday/desktop.webp",
  "phone": "https://8b.com/templates/chewsday/phone.webp",
  "clip": "https://8b.com/templates/chewsday/scroll.mp4",
  "og": "https://8b.com/templates/chewsday/og.jpg",
  "design_md": "https://8b.com/templates/chewsday/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/bubble-tea-shop-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "bubble-tea-website",
   "cafe-website",
   "drinks-menu",
   "food-and-drink",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}