Websites · React
Veterinary clinic
Reassuring vet clinic website with services, wellness plans, the vets, owner FAQs, hours and an appointment form.
What you get
A site for a veterinary practice: services for cats, dogs and small pets, monthly wellness plans, the vets and nurses, owner questions, opening and emergency hours, and an appointment request form. All content lives in src/site.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = { "brand": "Riverbend Veterinary", "nav": [ { "label": "Services", "href": "#services" }, { "label": "Wellness plans", "href": "#plans" }, { "label": "Our vets", "href": "#vets" }, { "label": "Hours", "href": "#hours" } ], "navCta": { "label": "Book an appointment", "href": "#contact" }, "sections": [ { "kind": "hero", "variant": "center", "eyebrow": "Cats, dogs, rabbits and small pets · Asheville, NC", "title": "A calmer vet visit, for them and for you.", "text": "Separate cat and dog waiting rooms, 30-minute appointments and vets who call you back the same day with results.", "primary": { "label": "Book an appointment", "href": "#contact" }, "secondary": { "label": "Compare wellness plans", "href": "#plans" }, "visual": { "type": "mock", "title": "Today at Riverbend", "rows": [ { "label": "Routine appointments", "value": "3 left" }, { "label": "Urgent same-day slots", "value": "2 left", "tone": "#b45309" }, { "label": "Dental and surgery", "value": "Fully booked" }, { "label": "Nurse clinics", "value": "From 3:30 pm" } ], "footer": "Call before 2 pm on weekdays for an urgent slot." } }, { "kind": "features", "id": "services", "eyebrow": "Services", "title": "What we look after", "items": [ { "title": "Check-ups & vaccines", "text": "Yearly exams, vaccines and parasite plans built around your pet's lifestyle.", "icon": "shield" }, { "title": "Dentistry", "text": "Cleaning under anaesthetic, dental X-rays and extractions when needed.", "icon": "check" }, { "title": "Surgery", "text": "Spays, neuters, lump removals and soft-tissue surgery, with overnight monitoring.", "icon": "heart" }, { "title": "Senior care", "text": "Bloodwork, arthritis management and comfortable home visits for older pets.", "icon": "sun" }, { "title": "Diagnostics", "text": "In-house lab, digital X-ray and ultrasound, with most results the same day.", "icon": "chart" }, { "title": "Fear-free handling", "text": "Treats, non-slip mats, pheromone diffusers and no rushing.", "icon": "leaf" } ] }, { "kind": "pricing", "id": "plans", "eyebrow": "Wellness plans", "title": "Wellness plans, paid monthly", "text": "Spread the cost of routine care. Twelve-month plans, no enrolment fee.", "plans": [ { "name": "Kitten & puppy", "price": "$39", "period": "/month", "text": "The first year, covered.", "features": [ "All core vaccines", "Spay or neuter", "Three check-ups", "Microchip" ], "cta": { "label": "Enrol", "href": "#contact" } }, { "name": "Adult", "price": "$32", "period": "/month", "text": "For healthy pets aged 1 to 7.", "features": [ "Annual exam and vaccines", "Yearly bloodwork", "Flea and tick prevention", "10% off dentistry" ], "featured": true, "cta": { "label": "Enrol", "href": "#contact" } }, { "name": "Senior", "price": "$48", "period": "/month", "text": "For dogs and cats aged 8 and up.", "features": [ "Two exams a year", "Senior blood panel", "Blood pressure checks", "15% off dentistry" ], "cta": { "label": "Enrol", "href": "#contact" } } ] }, { "kind": "team", "id": "vets", "eyebrow": "Our vets", "title": "Vets and nurses", "items": [ { "name": "Dr Amara Lewis", "role": "Medical director", "tone": "#065f46" }, { "name": "Dr Ben Hollis", "role": "Surgery & dentistry", "tone": "#44403c" }, { "name": "Dr Iris Chen", "role": "Feline medicine", "tone": "#3f6256" }, { "name": "Jess Moreno", "role": "Head vet tech", "tone": "#57534e" } ] }, { "kind": "faq", "eyebrow": "Owners ask", "title": "Questions from pet owners", "items": [ { "q": "Do you see exotic pets?", "a": "We see rabbits, guinea pigs and rats. For birds and reptiles we refer to a colleague in Hendersonville." }, { "q": "How much is a standard exam?", "a": "$68 for a 30-minute exam. Vaccines, tests and medicines are priced separately and shown before you agree." }, { "q": "My cat hates the carrier. Any tips?", "a": "Leave the carrier out at home for a week with a blanket in it. On the day, cover it with a towel. We can also prescribe a calming medicine." } ] }, { "kind": "hours", "id": "hours", "eyebrow": "Hours", "title": "Opening hours", "text": "Free parking behind the clinic. Cats enter by the side door.", "rows": [ { "day": "Monday – Friday", "time": "7:30 – 19:00" }, { "day": "Saturday", "time": "8:00 – 14:00" }, { "day": "Sunday", "time": "Closed" }, { "day": "Emergencies", "time": "(828) 555-0177, 24 hours" } ], "address": "45 Riverside Drive, Asheville, NC", "phone": "(828) 555-0164", "email": "care@riverbendvet.com" }, { "kind": "contact", "eyebrow": "Appointments", "title": "Request an appointment", "text": "Tell us your pet's name, species and age, and what is going on. We confirm by phone or email the same day.", "fields": [ "name", "email", "phone", "date", "message" ], "button": "Request appointment" } ], "footer": { "text": "Veterinary care for cats, dogs and small pets in Asheville.", "columns": [ { "title": "Clinic", "links": [ "45 Riverside Drive", "(828) 555-0164" ] }, { "title": "Care", "links": [ "Wellness plans", "Surgery", "Dentistry" ] }, { "title": "Clients", "links": [ "New client form", "Pharmacy refills" ] } ], "legal": "© Riverbend Veterinary. Sample content: replace it in src/site.ts." }};Remix
Remix this template
Describe what to change and the agent starts from Veterinary clinic's files. The box is already started for you: finish “Start from Veterinary clinic and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates
Architecture studio
Editorial architecture practice site with selected projects, the studio's approach, a short history and the team.
Boutique hotel
Elegant small-hotel website with rooms and rates, the restaurant, guest notes, arrival details and a stay request form.
Static website
Plain HTML, CSS, and JavaScript with no build step. Ideal for simple sites and learning.
Build on Veterinary clinic
Create a free account, start from this template, and ask the AI agent to turn it into your app.