Websites · React
Preschool & kindergarten
Friendly preschool website with the daily rhythm, fees, teachers, parent questions and a visit booking form.
What you get
A site for a preschool, kindergarten or nursery: the approach, a typical day as a timeline, session fees, the teachers, parent FAQs and a form to book a visit. 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": "Bramble Hill Preschool", "nav": [ { "label": "Our approach", "href": "#approach" }, { "label": "A day here", "href": "#day" }, { "label": "Fees", "href": "#fees" }, { "label": "Teachers", "href": "#teachers" } ], "navCta": { "label": "Book a visit", "href": "#contact" }, "sections": [ { "kind": "hero", "variant": "split", "eyebrow": "Ages 2 to 5 · Sellwood, Portland", "title": "Muddy boots, good books and a lot of questions.", "text": "A play-based preschool for 36 children with a big garden, a teacher for every six children, and most of the morning spent outdoors.", "primary": { "label": "Book a visit", "href": "#contact" }, "secondary": { "label": "See a typical day", "href": "#day" }, "visual": { "type": "tiles", "tones": [ "#a16207", "#efe6c8", "#4d7c0f", "#78350f" ], "caption": "Garden time, every morning" }, "note": "Now enrolling for September 2027. Visits on Tuesday and Thursday mornings." }, { "kind": "features", "id": "approach", "eyebrow": "Our approach", "title": "Children learn by doing", "items": [ { "title": "Outdoors daily", "text": "Rain or shine, at least two hours in the garden and the woodland patch behind it.", "icon": "leaf" }, { "title": "Small groups", "text": "Three classes of twelve, each with two teachers who stay with them all year.", "icon": "users" }, { "title": "Early reading", "text": "Stories every day, a lending library for families, and letters through play, not worksheets.", "icon": "book" }, { "title": "Real food", "text": "A cooked lunch and two snacks made in our kitchen. Nut-free, with vegetarian options.", "icon": "cup" }, { "title": "Gentle starts", "text": "A two-week settling-in period with a parent staying for the first days.", "icon": "heart" }, { "title": "Daily notes", "text": "A short note and a photo each afternoon, so you know what to ask about at dinner.", "icon": "camera" } ] }, { "kind": "timeline", "id": "day", "eyebrow": "A day here", "title": "The shape of a day", "items": [ { "period": "8:00 – 9:00", "title": "Arrival & free play", "text": "Puzzles, blocks, the art table and a slow goodbye at the door." }, { "period": "9:00 – 11:15", "title": "Garden & woodland", "text": "Digging, planting, building dens and snack outside on the deck." }, { "period": "11:15 – 12:30", "title": "Circle & lunch", "text": "Songs, a story, then lunch at small tables with the teachers." }, { "period": "12:30 – 14:30", "title": "Rest", "text": "Nap for those who need it, quiet books and audio stories for those who do not." }, { "period": "14:30 – 16:30", "title": "Projects & pick-up", "text": "This term: a bird-feeder project and a class shop with real money." } ] }, { "kind": "pricing", "id": "fees", "eyebrow": "Fees", "title": "Fees for 2026–27", "text": "Monthly, including lunch and snacks. Sibling discount of 10%.", "plans": [ { "name": "Mornings", "price": "$780", "period": "/month", "text": "Five mornings a week, 8:00 to 12:30.", "features": [ "Includes lunch", "Garden time daily", "Ages 2½ and up" ], "cta": { "label": "Book a visit", "href": "#contact" } }, { "name": "Full days", "price": "$1,420", "period": "/month", "text": "Five days a week, 8:00 to 16:30.", "features": [ "Lunch and two snacks", "Rest time with cots", "Most families choose this" ], "featured": true, "cta": { "label": "Book a visit", "href": "#contact" } }, { "name": "Three days", "price": "$990", "period": "/month", "text": "Monday, Wednesday and Friday, 8:00 to 16:30.", "features": [ "Lunch and two snacks", "Same teachers all year", "Swap days with notice" ], "cta": { "label": "Book a visit", "href": "#contact" } } ] }, { "kind": "team", "id": "teachers", "eyebrow": "Teachers", "title": "The people your child will know", "items": [ { "name": "Grace Whitfield", "role": "Director", "tone": "#78350f" }, { "name": "Luis Moreno", "role": "Lead teacher, Acorns", "tone": "#4d5a2e" }, { "name": "Nina Park", "role": "Lead teacher, Wrens", "tone": "#92400e" }, { "name": "Beth Carter", "role": "Cook", "tone": "#57534e" } ] }, { "kind": "faq", "eyebrow": "Parents ask", "title": "Questions from parents", "items": [ { "q": "Does my child need to be potty trained?", "a": "No. We change nappies and help with toilet learning when your child is ready." }, { "q": "What is the waiting list like?", "a": "Full-day places for the youngest group fill first. Mornings usually have space in the spring." }, { "q": "What happens if my child is unwell?", "a": "Please keep them home for 24 hours after a fever or sickness. We call you straight away if they become unwell here." }, { "q": "Can we visit before applying?", "a": "Please do. Visits are on Tuesday and Thursday mornings and last about 45 minutes." } ] }, { "kind": "contact", "eyebrow": "Visit", "title": "Come and see us", "text": "Tell us your child's age and a morning that suits you. Bring them along; they usually do not want to leave.", "fields": [ "name", "email", "phone", "date", "message" ], "button": "Book a visit" } ], "footer": { "text": "A play-based preschool in Sellwood, Portland.", "columns": [ { "title": "Preschool", "links": [ "7814 SE 13th Ave", "(503) 555-0167" ] }, { "title": "Families", "links": [ "Enrolment", "Term dates", "Lunch menu" ] }, { "title": "About", "links": [ "Our teachers", "Jobs" ] } ], "legal": "© Bramble Hill Preschool. Sample content: replace it in src/site.ts." }};Remix
Remix this template
Describe what to change and the agent starts from Preschool & kindergarten's files. The box is already started for you: finish “Start from Preschool & kindergarten 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 Preschool & kindergarten
Create a free account, start from this template, and ask the AI agent to turn it into your app.