{
 "slug": "arco",
 "name": "Arco",
 "title": "Free electric moped website template",
 "description": "Free HTML electric moped website template for makers and dealers with three models, plans and a test ride form. AGENTS.md for Claude Code, or no code with 8B.",
 "kind": "One-page website for an electric moped maker or dealer selling three models, with buy or monthly plans, kerbside service and a test ride form",
 "summary": "A one-page site for a small electric moped brand: a headline with a test ride button and three quick facts, three models on a pinned switcher, the removable battery charging, the workshop, three close-ups, a week of rides on a street map, buy or monthly plans, four service steps, five questions, six reviews and a test ride form. Light grey panels with white pill cards and notch-cut photo corners, one red accent and a single grotesque typeface.",
 "fits": [
  "electric moped or scooter maker",
  "e-bike, e-motorbike or scooter dealer and rental shop",
  "any product with three models, a subscription option and home servicing",
  "small hardware brand with a pinned product switcher and clean grey panels"
 ],
 "categories": [
  "Product and app",
  "Shop"
 ],
 "tags": [
  "electric moped",
  "electric scooter",
  "e-bike",
  "motorbike dealer",
  "scooter rental",
  "subscription",
  "test ride",
  "product launch",
  "grey and red",
  "clean",
  "gsap",
  "scrolltrigger",
  "lenis",
  "single-file"
 ],
 "language": "en",
 "size_kb": 104,
 "photos": 15,
 "fonts": [
  "Host Grotesk"
 ],
 "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/gsap@3.13.0/dist/SplitText.min.js",
  "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/MotionPathPlugin.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(), cascade layers, small/dynamic viewport units).",
 "sections": [
  {
   "key": "navigation",
   "id": "nav",
   "heading": "",
   "about": "fixed top bar: four section links, the Arco logo, a Call us button and a Book a ride button; hides on scroll down; phone menu overlay"
  },
  {
   "key": "opening",
   "id": "opening",
   "heading": "Hear the city, not the engine.",
   "about": "first screen: a two-line headline, a test ride button with a price line, three fact pills, and a red moped photo behind them"
  },
  {
   "key": "models",
   "id": "models",
   "heading": "Three Arcos. One charger.",
   "about": "three models on a pinned switcher: each photo grows from a stack of thumbnails at the right edge, with name, badge, text, four specs and a price tab (demo: Uno, Nero, Argento)"
  },
  {
   "key": "battery",
   "id": "battery",
   "heading": "Lift it out. Charge it anywhere.",
   "about": "dark section: a removable battery lifts out and fills ten segments while three evening times tick off"
  },
  {
   "key": "workshop",
   "id": "workshop",
   "heading": "Built in Bristol from fewer parts.",
   "about": "split section: heading, paragraph and two columns beside a workshop photo with a notch caption"
  },
  {
   "key": "details",
   "id": "details",
   "heading": "Three things you touch every day.",
   "about": "three close-ups on a pinned stage that trade width: the focused strip opens wide, the others close to slivers (demo: lamp, wheel, grips)"
  },
  {
   "key": "routes",
   "id": "routes",
   "heading": "A week on one charge.",
   "about": "pinned map: a street map where a red rider drives a drawn route through five stops while a charge bar empties (demo: a week of errands in Bristol)"
  },
  {
   "key": "plans",
   "id": "plans",
   "heading": "Buy it, or ride it monthly.",
   "about": "two plans side by side on a split panel with an \"or\" disc: own it or ride monthly"
  },
  {
   "key": "service",
   "id": "service",
   "heading": "Service comes to your kerb.",
   "about": "four service steps on one horizontal track: two text cards with chips and two photo cards (demo: kerbside servicing)"
  },
  {
   "key": "faq",
   "id": "faq",
   "heading": "Before you ride.",
   "about": "heading and a photo with a phone caption beside five questions as native details elements (demo: licence, winter range, flats, rain, theft)"
  },
  {
   "key": "reviews",
   "id": "reviews",
   "heading": "Riders rate it 4.8 out of 5.",
   "about": "six review cards with stars, a quote and a rider, dealt out from a pile in the middle of the grid"
  },
  {
   "key": "contact",
   "id": "contact",
   "heading": "Ride one this week.",
   "about": "test ride form over a photo, with three pills for the shop address, phone and email"
  },
  {
   "key": "footer",
   "id": "footer",
   "heading": "Arco Electric",
   "about": "footer: brand line, three link columns, a large Arco wordmark and a base line with the company line and the Design: 8B credit"
  }
 ],
 "placeholders": [
  "og-image",
  "favicon",
  "phone",
  "form",
  "email"
 ],
 "lighthouse": null,
 "license": {
  "code": "MIT",
  "photos": "Unsplash License",
  "fonts": "SIL Open Font License 1.1"
 },
 "get": {
  "degit": "npx degit 8bsite/electric-moped-website-template my-site",
  "curl": [
   "curl -LO https://raw.githubusercontent.com/8bsite/electric-moped-website-template/main/index.html",
   "curl -LO https://raw.githubusercontent.com/8bsite/electric-moped-website-template/main/AGENTS.md",
   "curl -LO https://raw.githubusercontent.com/8bsite/electric-moped-website-template/main/LICENSE",
   "curl -LO https://raw.githubusercontent.com/8bsite/electric-moped-website-template/main/CREDITS.md"
  ],
  "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for <my brand: name, models with specs, range and prices, buy and monthly plan terms, warranty, servicing, licence rules, shop address, how people book a test ride>. Replace first the three models, the plans, the week of rides on the map and the reviews. Keep the section ids, the classes AGENTS.md lists, three models and five stops, and set each len value to its line's character count. Ask me for missing facts and never invent prices, specs, reviews or contacts."
 },
 "links": {
  "page": "https://8b.com/templates/arco/",
  "md": "https://8b.com/templates/arco.md",
  "json": "https://8b.com/templates/arco.json",
  "demo": "https://8b.com/templates/arco/demo.html",
  "ghDemo": "https://8bsite.github.io/electric-moped-website-template/",
  "repo": "https://github.com/8bsite/electric-moped-website-template",
  "zip": "https://8b.com/templates/arco/electric-moped-website-template.zip",
  "use": "https://github.com/new?template_name=electric-moped-website-template&template_owner=8bsite",
  "agents": "https://github.com/8bsite/electric-moped-website-template/blob/main/AGENTS.md",
  "credits": "https://github.com/8bsite/electric-moped-website-template/blob/main/CREDITS.md",
  "raw": {
   "index": "https://raw.githubusercontent.com/8bsite/electric-moped-website-template/main/index.html",
   "agents": "https://raw.githubusercontent.com/8bsite/electric-moped-website-template/main/AGENTS.md",
   "license": "https://raw.githubusercontent.com/8bsite/electric-moped-website-template/main/LICENSE",
   "credits": "https://raw.githubusercontent.com/8bsite/electric-moped-website-template/main/CREDITS.md"
  },
  "preview": "https://8b.com/templates/arco/desktop.webp",
  "phone": "https://8b.com/templates/arco/phone.webp",
  "clip": "https://8b.com/templates/arco/scroll.mp4",
  "og": "https://8b.com/templates/arco/og.jpg",
  "design_md": "https://8b.com/templates/arco/DESIGN.md"
 },
 "github": {
  "repo": "8bsite/electric-moped-website-template",
  "template_repository": true,
  "topics": [
   "html-template",
   "landing-page",
   "website-template",
   "website-templates",
   "electric-moped",
   "electric-scooter",
   "moped-dealer",
   "html5",
   "agents-md",
   "gsap",
   "scrolltrigger",
   "scroll-animation",
   "lenis",
   "single-file",
   "cursor-ai",
   "static-site",
   "mit-license",
   "vibe-coding",
   "claude-code",
   "ai-agents"
  ]
 },
 "made_by": {
  "name": "8B",
  "url": "https://8b.com/"
 }
}