Getting Started with This Template

Welcome to your new small business website! This template is designed to get you online fast with a professional, mobile-first site that loads in under a second.

Quick Setup

Clone the repository
Run pnpm install to install dependencies
Run pnpm dev to start the development server
Open http://localhost:4321 in your browser

Customise Your Business Info

Everything you need to change lives in one file: src/data/siteData.ts. Open it and update your business name, phone number, email, address, services, reviews, and team members.

Change the Look

Colours & radius — edit src/styles/theme.css (the @theme block). This is the single source of truth; Tailwind auto-generates utility classes from it.
Fonts — update the font names in src/config/brand.ts and the fonts array in astro.config.mjs.

Add Your Images

Drop your photos into the folders under src/assets/images/:

hero/ — your main homepage image
about/ — a photo of your team or workspace
gallery/ — project photos (as many as you like)

Then update src/config/images.ts to point to your new files. Until you add your own, the template uses placeholder images.

Deploy

This template is pre-configured for Netlify. Push your repo to GitHub and connect it in Netlify — the netlify.toml file handles the rest.

Happy building!