Hammerline
Smash room and paint-splatter venue template. Black backgrounds, neon pink, looped video everywhere. Astro 4, single-page, nine sections.
Built for the kind of business that sells controlled chaos by the hour. Most experience-venue sites read like brochures. This one hits like a flyer for the show. Black backgrounds, neon pink, Impact-weight headlines, looped video everywhere.
Single-page Astro 4 with nine sections: hero with autoplay video, packages with side-by-side pricing, experience showcase, five-photo gallery grid, six review cards, contact and map, FAQ accordion, closing CTA. Reveal-on-scroll wired in. The map is a real Google embed. Video tags are configured for autoplay, looped, muted-by-default to satisfy mobile browser policies.
Who this is for
- Smash rooms, rage rooms, paint splatter venues
- Axe throwing bars, escape rooms, VR arcades
- Trampoline parks, indoor karting, paintball, laser tag
- Combat sport gyms and adventure experience operators
- Any controlled-chaos venue that sells time slots online
Who this is not for
- Service businesses like HVAC or plumbing. See Iron Branch Trades.
- Gyms with recurring membership signups. See Ridgepole Fitness.
- E-commerce stores selling physical products
- Restaurants and bars without an experience component
What’s inside
- Single-page Astro 4 source with nine sections
- Tailwind CSS 3 with two custom palettes (
inkfor backgrounds,neonfor accents) - Looped video backgrounds in hero and experience sections
- Five-photo gallery grid with mixed aspect ratios
- Six review cards with a mid-tier card carrying the neon accent quote mark
- FAQ accordion built from a simple data array
- Embedded Google Map in the Visit section
- SVG logo and wordmark at
public/media/ - Bebas Neue display from Google Fonts, Inter body from rsms.me
- Reveal-on-scroll using IntersectionObserver
- Netlify build config included
- Single-site commercial license
What you bring
- Your logo (SVG ideal, PNG works)
- Five to fifteen photos of your venue (gallery grid handles mixed aspect ratios)
- Optional: one or two short looped video clips for the hero and experience sections (mp4, around 10-30 seconds, no audio needed)
- Your package prices, review quotes, and FAQ answers
- A booking URL (Calendly, Skedda, FareHarbor, your own form)
- A Google Maps location pin
Hammerline vs the obvious alternatives
| Hammerline | Custom Squarespace | Custom from a designer | |
|---|---|---|---|
| Cost | $49 one-time | $23 to $49 per month, plus add-ons | $3,000 to $8,000 |
| Time to launch | An afternoon | A weekend with a designer | Two to six weeks |
| You own the source | Yes | No, Squarespace lock-in | Sometimes |
| Aesthetic | Built for venues that sell adrenaline | Generic templates | Whatever you commission |
| Video-heavy by default | Yes | Add-on | Depends |
| Hosting | Any static host, free tier works | Squarespace required | You arrange |
| Mobile autoplay handled | Yes, muted, looped, playsInline | Mostly | Depends |
Tech note
No React, Vue, or Svelte runtime. No CMS dependency. Just Astro plus Tailwind plus a sliver of vanilla JS.
How to set up Hammerline
- 01Install
Download the zip from the purchase email, extract it, and run `npm install` in the project root.
- 02Replace the brand assets
Drop your logo SVG and wordmark into `public/media/` over the placeholders.
- 03Add your media
Replace the gallery photos and the looped videos in the hero and experience sections with your own footage.
- 04Edit the data arrays
Update booking URL, package prices, review cards, and FAQ entries in the section data files.
- 05Update the Visit section
Swap the Google Maps embed for your venue address.
- 06Preview locally
Run `npm run dev` to verify everything reads the way you want.
- 07Deploy
Push to Netlify with the included config, or any static host that runs an Astro 4 build.
Common questions
Do I get the full source code?
Yes. The download is the complete Astro 4 source zip. Pages, components, Tailwind config, SVG assets, deploy config, and a buyer README.
What's the license?
Single-site commercial license. One Hammerline build per purchase.
Do I need to know Astro?
Basic familiarity helps. The README walks through swapping the booking link, replacing gallery photos, updating package prices, and editing the FAQ accordion. No backend or CMS to wire up.
What hosting works?
Anything that hosts a static Astro build. Netlify, Vercel, Cloudflare Pages, or a plain static host. The Netlify config ships in the zip.
Are the videos and photos included?
No. Demo media is placeholder. You drop in your own footage and gallery photos.
Do I get updates?
Bug fixes get pushed when the source is updated. Re-download from the original purchase email.