Pinebank Camping. Free campsite and touring HTML & Astro template

About Pinebank Camping

Pinebank uses lake blue, white, olive and sand, with a compact traditional campsite identity and local Alegreya/Source Sans 3 derivatives. A short title and introduction sit above panoramic camping photography. Pitch directories, practical facility questions and an arrival checklist give its ten pages a clear purpose beyond the homepage.

Best suited to: Small campsites and touring operators presenting verified pitch options, facility information and general stay enquiries.

Desktop and mobile screenshots

Captured from version 1.0.0 on 30 October 2026. Open a screenshot to inspect the full page.

Choose your download

Both ZIPs contain the same 10-page design. Confirm your email to download. Newsletter emails are optional; no account or license key is needed.

What’s in the design

• The ten-page set includes Home, About, Stay Options, Meadow Tent Pitch, Touring Pitch, Facilities, Around the Area, Before You Arrive, Contact and 404.
• Stay Options combines stay-type and electric-option filters with a live count, reset and empty state. Meadow and Touring have complete profiles; Woodland is an enquiry-only concept.
• Both pitch profiles explain the practical space, vehicle, connection and arrival questions to settle directly. No unverified dimensions, capacity, price or inventory is invented.
• Facilities separates water/washing, shared spaces, waste/service points and practical access questions. Its captioned image viewer supports arrow keys, Escape and focus return.
• Before You Arrive provides eight temporary checklist items and a browser-print layout. FAQ details expand for printing and then restore their previous state.
• The stay enquiry accepts allowlisted pitch preselection and optional dates. Civil-date arithmetic counts 1–365 nights across daylight-saving changes; an explicit email draft does not check availability or calculate a quote.

Verified page layouts

These 10 pages are included in both archives. Each link opens the live preview.

• Home ↗index.html
• About the campsite ↗about.html
• Stay options ↗stays.html
• Meadow Tent Pitch ↗meadow.html
• Touring Pitch ↗touring.html
• Facilities ↗facilities.html
• Around the area ↗area.html
• Before you arrive ↗arrival.html
• Contact & stay enquiry ↗contact.html
• 404 ↗404.html

How stay enquiries work

The form validates name, email and a general question, then displays a mailto link for the visitor to review in an email application. Nothing is sent, saved, booked or allocated. Replace [email protected] before launch.

Dates may both be omitted; when provided, both are required and departure must be 1–365 calendar nights after arrival. The night count uses validated UTC civil dates, avoiding daylight-saving arithmetic errors. It is an enquiry summary only.

Submit starts hidden and disabled until its handler is attached. Known pitch query values can preselect the subject; other values are ignored. Editing any field hides the outdated draft. Direct email is the no-JavaScript fallback.

Set up the Astro edition

Extract the source ZIP and run these commands from its folder:

npm ci
npm run dev
npm run check
npm run build

The build produces a dist/ folder for static hosting. The source includes its shared template kit under vendor/template-kit, so it builds independently of our development workspace. Astro 7.4.4 and the Astro checker 0.9.12 are pinned; TypeScript 6.0.3 is the latest supported by that checker’s declared peer range.

Before you launch

• Choose HTML for direct file editing, or Astro for shared layouts and source-driven content.
• Replace identity, contact/location, pitch dimensions, vehicle limits, facility facts, prices, arrival windows and terms with verified operator information. Confirm real access, animal/vehicle policies and local-area suggestions before publishing.
• Edit stays, FAQs and checklist in src/site.ts. Keep type/electric IDs and contact options aligned. Test combined filters/reset/empty, allowed and unknown stay queries, required validation, date pairs and 1–365-night bounds including DST/leap dates, stale drafts, viewer keyboard/focus and print behavior.
• Replace imagery with licensed content. Keep responsive variants, intrinsic dimensions, alt text and ASSETS.md credits aligned.
• Set PUBLIC_SITE_URL to the real domain/folder URL with a trailing slash for canonical/social metadata, robots.txt and a 9-page sitemap. Leave PUBLIC_PREVIEW unset for production.
• Upload the entire HTML folder or Astro dist/. Configure unknown paths to return 404.html with HTTP 404. Test enquiries or configure a separately tested delivery route if direct sending is required.

No booking, live inventory/calendar, rate engine, checkout, payment, account, route assessment, safety instructions or message-delivery backend. Electric filter labels describe sample concepts rather than confirmed facilities.

License and assets

The original template code is released under the included MIT license. It permits personal and commercial use; retain the license notice when redistributing the code. Visible footer attribution is optional.

Camping and outdoor photography by Eren Sever, Vyacheslav Bobin, Emre Akyol, Simeon Stoilov and JacLou- DL retains the Pexels License. Pinebank Serif/Sans are renamed Alegreya and Source Sans 3 WOFF2 subset derivatives with full OFL notices. Original logo, code and writing are MIT. Pexels License. Full asset credits.

Release verification

The page inventory, screenshots and download manifests document the included layouts and assets. The HTML and independent Astro editions contain the same design and license notices. Customization requires its own accessibility, content and performance checks.

Version 1.0.0, reviewed 30 October 2026. Live preview. Plain HTML checksum. Standalone Astro source checksum. Pinebank Camping is fictional. Pitches, location, facility descriptions and arrangements are illustrative. Photographs show separate settings, not verified Pinebank property, guests, access or facilities. No stay, price or availability is confirmed.