prompts.txt

PROJECT
Build a brand-new, original website for a family-friendly horse-riding school in Raslouw, Centurion, South Africa. Business name: Peppermint Park (use this brand name throughout). All text, images, icons, and styles must be newly generated—do not reuse any third-party content.

SITE TYPE
- Fast, mobile-first, single-page site with smooth-scroll navigation and section anchors.
- Sections (in order): Hero • About • Programs • Timetable & Pricing • Gallery • Testimonials • Location & Contact • Footer.

BRAND & STYLE
- Vibe: warm, welcoming, kids-friendly professionalism.
- Palette: Mint (#75E6B0), Charcoal (#1F2937), Off-white (#F9FAFB), Accent Gold (#F5C76B).
- Typography: clean, friendly sans (system fallback acceptable). Large, readable headings. Rounded buttons, soft shadows, 8–12px radii.
- Subtle motion only; respect prefers-reduced-motion.

GLOBAL UX
- Sticky header with logo text “Peppermint Park” and nav links (About, Programs, Pricing, Gallery, Contact).
- Primary CTAs: “WhatsApp Us”, “Call Now”, “Book a Lesson”.
- Add a sticky WhatsApp button on mobile (bottom-right).
- Clear contrast, big touch targets, keyboard-navigable controls, visible focus states.

HERO
- Background: soft stable/arena imagery (generate original, kid-friendly).
- Headline: “Horse riding lessons in Raslouw, Centurion — ages 4+”
- Subhead (1 sentence): safety-first instructors, gentle horses, confidence-building lessons.
- Buttons: “Book a Lesson” (scroll to Contact), “WhatsApp Us” (link placeholder), “Call Now” (link placeholder).

ABOUT
- Two short paragraphs: safety focus, beginner-friendly approach, gentle introduction for little riders, structured progress for older riders.
- Three icon “pillars”: Safety • Fun • Progress (each with one-line description).

PROGRAMS (cards grid)
Create four program cards with friendly one-liners and “Enquire” buttons:
1) Mini Riders (4–7): playful basics, tiny tack, lots of reassurance.
2) Young Riders (8–12): foundations, balance, trotting skills.
3) Teens & Adults: confident handling, posture, progressive lessons.
4) Horse-Care Workshops: grooming, tacking, stable safety.

TIMETABLE & PRICING
- Simple weekly timetable table (Mon–Fri afternoons; Sat mornings). Make it easy to edit.
- Pricing examples in ZAR (editable): 
  • Trial Lesson (30 min): R200 
  • Standard Lesson (45–60 min): R300 
  • Monthly Pack (4 lessons): R1,050 
  • Pair Lesson (per rider): R250
- Note: “Prices subject to change — confirm via WhatsApp.”
- Add a slim CTA bar: “Questions? Tap to chat.”

GALLERY
- 9–12 original, friendly images (kids with helmets, instructor guidance, arenas, ponies). Use a lightbox on click and short, helpful alt text (e.g., “Child learning to trot with instructor beside”).

TESTIMONIALS
- Three short quotes (first names only). Keep it natural, 1–2 lines each. Optional star icons.

LOCATION & CONTACT
- Show address (placeholder), phone (placeholder), WhatsApp (placeholder), email (placeholder).
- Embed a map placeholder for Raslouw, Centurion.
- Contact form (client-side validation): name, email, phone, message. Include honeypot spam trap; show success/fail toasts.
- Under the form, list basic safety notes (helmets provided, supervised sessions, what to wear).

FOOTER
- Quick links (About, Programs, Pricing, Gallery, Contact), hours, CTAs, © {current year} Peppermint Park.
- Links to Privacy Policy and Terms (generate simple placeholder pages/sections).

ACCESSIBILITY
- One H1 per page; semantic H2/H3 for sections; aria-labels for icon buttons; alt text for all images; logical tab order.
- Ensure color contrast meets WCAG AA.

PERFORMANCE
- Convert images to WebP/AVIF; set width/height; `loading="lazy"` and `decoding="async"`.
- Inline critical CSS for hero; defer noncritical JS; minify assets; aim for green Core Web Vitals on mobile.

SEO
- Unique <title> and meta description for Home.
- Open Graph + Twitter cards (use hero image).
- JSON-LD LocalBusiness (fill with placeholders I can edit): name=Peppermint Park; address=Raslouw, Centurion, Gauteng; phone=+27 [placeholder]; url=https://peppermintpark.co.za/; openingHours=Mon-Sat sample times; sameAs placeholders for Instagram/Facebook.

EDITABILITY
- Centralize contact details (phone, WhatsApp, email, address, hours) in a small config block so I can update once.
- Keep timetable and pricing in a simple JSON object for quick edits.

DELIVERABLE
- Ship as a clean, production-ready static site (HTML/CSS/vanilla JS). 
- Provide short in-file comments explaining where to edit contact details, timetable, pricing, and WhatsApp/tel links.