Spaces:
Running
Running
| 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. | |