Add Walkies template: dog walker site with walk areas and slot booking (React + Vite)

[hex-botas]

Summary

Adds Walkies (walkies), a React + Vite template for a small-group dog walking service. It has a landing page, a map-style walk areas view, and a slot-based booking flow. Everything runs on sample data, with no backend, environment variables or secrets.

Demo URL (catalog): https://walkies.hostingertemplates.com. Nothing has been deployed from this PR.

What was added

templates/walkies/: a standalone React 19 + TypeScript + Vite app using React Router. The layout follows the existing React + Vite templates (split-the-rent, flash-sheet).

• Landing page (/): hero with an inline SVG dog illustration, stats, three-step how-it-works, featured walk areas, testimonials, FAQ and a CTA band.
• Walk areas (/areas): an illustrated map with numbered pins linked to six sample area cards, plus an all / off-lead / on-lead filter.
• Booking (/book, /book?area=<id>): pick a walk area, then a date in the next 10 days. Days the area doesn't run are disabled. Pick a time slot (spaces left / full / booked by you), fill in owner and dog details with inline accessible validation, then confirm. You get a booking reference, and the slot is marked as yours.
• How the sample data works:
  • Slot availability is deterministic, so the same area, day and time always show the same spaces.
  • Confirmed bookings are kept in memory and clear on reload; the UI says so.
  • The booking summary also offers a mailto: enquiry link.
• Static hosting: a small Vite closeBundle plugin copies dist/index.html into dist/areas/ and dist/book/, so direct visits and reloads work on static hosts.
• No external requests: fonts (Fraunces, DM Sans) are self-hosted via @fontsource-variable, and there are no raster images.
• Files: README.md (same structure as the other template READMEs, including a Personalizing section), LICENSE, .gitignore, eslint.config.js, package-lock.json.
• preview/:
  • walkies-thumbnail.png (1440×900 viewport)
  • walkies-homepage.png (1440×3870 full page)
  • walkies-thumbnail-480.webp and walkies-thumbnail-960.webp

Catalog

• templates.json: appended the walkies entry.
  • Bucket Non-technical, category Business.
  • Classification local-business / pet-services / dog-walking; frameworks react, react-router, vite.
  • Four features, the demoUrl, Node.js 22+, media with webp variants, and search terms.
  • No deploy block, matching the other static React + Vite entries.
• TEMPLATES.md: added the Walkies row and bumped the count to 52.

There is no AI-deployment hint file because none of the existing templates include one.

Run it locally

cd templates/walkies
npm install
npm run dev      # start the dev server
npm run build    # type-check (tsc --noEmit) and build to dist/
npm run preview  # optional: serve the production build

Requires Node.js 22+.

Verification

• npm run lint, npm run build and npm audit (0 vulnerabilities) all pass locally.
• I ran the booking flow end to end in a browser on the production build:
  • Validation errors, the summary, the confirmation reference, focus moving to the confirmation heading, and the slot showing as booked all work.
  • Direct loads of /areas and /book?area=… work.
• No horizontal overflow at 320px and 390px widths on /, /areas and /book.

---

Generated by DEX CODE
Triggered by mario.banares@hostinger.com

[github-actions]

Template preview

Built each changed template, opened npm run preview, requested /, then compared Playwright screenshots to the committed catalog images (preview/<id>-thumbnail.png at 1440×900 and preview/<id>-homepage.png full page).

Template	Install	Lint	Build	Audit	Health	Thumbnail diff	Homepage diff
walkies	✅	✅	✅	✅	✅	1.0% ✅	1.1% ✅

walkies

Expected thumbnail	Actual	Diff

Download screenshots and diffs from this run’s visual-<template> artifacts.

This check fails if install, lint, build, / health, or screenshot diff over the limit fails, or if the PR introduces a high/critical advisory in production dependencies that the base commit did not have (npm audit --omit=dev, head vs base). Pre-existing advisories are listed for information and belong to dependency-update PRs. Limits default to 25% (thumbnail) and 30% (homepage) to absorb Mac-vs-Linux font rasterization.