{ "slug": "pierhead", "name": "Pierhead", "title": "Free boat tour website template", "description": "Free HTML boat tour website template for harbour cruises, sightseeing boats and charter skippers. AGENTS.md for Claude Code, or no code with 8B.", "kind": "One-page website for a boat trip and charter operator that sells seats from a pier kiosk", "summary": "A one-page site for a family harbour boat firm: three trips with fares and times, five places along the route, three boats, what is on board, three skippers, private charter, comment cards, six questions and a contact block. Near-black ink with a single orange accent, a full-bleed sea photo behind the opening line, photo chips inside the heading, and a route that slides sideways like a swell.", "fits": [ "harbour boat trips or sightseeing cruises", "wildlife watching, ferry or water taxi operator", "charter skipper or sailing school with a few vessels", "any local tour business with a few named trips, fares and guides" ], "categories": [ "Travel", "Local business" ], "tags": [ "boat trips", "boat tours", "harbour cruise", "sightseeing", "charter boat", "sailing", "tourism", "tour operator", "seaside", "dark theme", "photo-led", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 92, "photos": 29, "fonts": [ "National Park" ], "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/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": "navigation", "heading": "", "about": "wordmark in a tab between two link lists on desktop; on phones a Menu button opens a full-screen overlay with seven section links and a Book a seat link" }, { "key": "opening", "id": "opening", "heading": "We leave the quay on the turn of the tide, round the light at Gull Point and bring you home with salt on your sleeves.", "about": "a full-bleed harbour photo behind one large statement with three small photo chips, a Book a seat button, a rating line and a link to the skippers" }, { "key": "trips", "id": "trips", "heading": "Three ways out of the harbour", "about": "three trip rows: a card with name, boat, times and fare, and two photos beside it" }, { "key": "route", "id": "route", "heading": "The water we cover", "about": "five place cards in a row that travels sideways while the section is held, with a wave running through the cards" }, { "key": "fleet", "id": "fleet", "heading": "Three boats, all older than their skippers", "about": "three boats, each with a wide photo, a short description and four facts" }, { "key": "onboard", "id": "onboard", "heading": "Everything you need is already on board", "about": "a heading split around a photo chip that grows into a picture filling the panel, then four notes about comfort" }, { "key": "crew", "id": "crew", "heading": "Three skippers, one rule: home before the tide turns", "about": "three skippers with a portrait, name, boat, a quote and their favourite stretch" }, { "key": "charter", "id": "charter", "heading": "Take the whole boat", "about": "private hire: a held photo frame that changes picture beside four occasions with prices" }, { "key": "reviews", "id": "reviews", "heading": "Heard on the way back in", "about": "four comment cards stacked like a deck; each scroll step flings the top card away" }, { "key": "faq", "id": "faq", "heading": "Before you come aboard", "about": "a held photo with a phone card beside six questions (native details)" }, { "key": "contact", "id": "contact", "heading": "Your seat is waiting at Pier 3", "about": "a big closing heading with an email sign-up, two tilted photo cards and the kiosk details" }, { "key": "footer", "id": "footer", "heading": "", "about": "short company note, three link columns, the wordmark across the width and the copyright with the Design: 8B credit" } ], "placeholders": [ "og-image", "favicon", "phone", "form", "email", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/boat-tour-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/boat-tour-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/boat-tour-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/boat-tour-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/boat-tour-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Make it the site for . Replace trips and fares first, then the rest. Keep the ids, data-8b-section, data-8b-motion, data-8b-part and the selectors AGENTS.md lists, and set the footer wordmark's len to the new name's length. Ask me for what is missing; never invent fares, times, safety rules, licences, ratings or contacts." }, "links": { "page": "https://8b.com/templates/pierhead/", "md": "https://8b.com/templates/pierhead.md", "json": "https://8b.com/templates/pierhead.json", "demo": "https://8b.com/templates/pierhead/demo.html", "ghDemo": "https://8bsite.github.io/boat-tour-website-template/", "repo": "https://github.com/8bsite/boat-tour-website-template", "zip": "https://8b.com/templates/pierhead/boat-tour-website-template.zip", "use": "https://github.com/new?template_name=boat-tour-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/boat-tour-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/boat-tour-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/boat-tour-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/boat-tour-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/boat-tour-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/boat-tour-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/pierhead/desktop.webp", "phone": "https://8b.com/templates/pierhead/phone.webp", "clip": "https://8b.com/templates/pierhead/scroll.mp4", "og": "https://8b.com/templates/pierhead/og.jpg", "design_md": "https://8b.com/templates/pierhead/DESIGN.md" }, "github": { "repo": "8bsite/boat-tour-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "website-templates", "boat-trips-website", "boat-tour-website", "harbour-cruise", "charter-boat", "tourism-website", "html5", "agents-md", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "cursor-ai", "static-site", "mit-license", "vibe-coding" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }