PROJECT 3: BOUNDLESS ADVENTURES — RETREAT BOOKING SITE

📊 Status: Ready for Fable Build 👤 Owner: Christo Ball ⏱️ Build Time: 3 hours ✅ QC Time: 50 minutes

🚀 FABLE BUILD PROMPT

Copy this entire prompt and paste into Fable:

You're building the public-facing website for Boundless Adventures — a brand offering guided adventure experiences for elderly and mobility-limited people using AI-powered exoskeletons. THIS IS A MARKETING + BOOKING SITE. The goal: attract retreat participants, showcase the experience, and handle basic booking inquiry flow. POSITIONING: Boundless Adventures runs 3-4 day guided wellness retreats for active 50+ individuals. Each retreat combines strength training, recovery protocols, mobility work, and adventure activities — designed for people who thought they were past adventuring. Tagline: "Adventures without limits" Campaign: "You'll get there" CORE PAGES: 1. HOMEPAGE (Hero + Why + Upcoming Retreats + CTA) Hero Section: - Full-width video or high-quality image (older person doing adventure activity, mountain/coastal setting, natural light) - Headline overlay: "Adventures Without Limits" - Subheading: "3-day retreats designed for active 50+ adults. Strength. Recovery. Community." - CTA: "View Upcoming Retreats" Why Boundless Section (3 value props): - Card 1: "Feel Strong Again | Programming designed for 50+ bodies, not generic." - Card 2: "Real Recovery | Sleep better. Move easier. Recover faster." - Card 3: "Community That Gets It | Train alongside people with real lives, real goals." Social Proof (Testimonials): - 3 x participant quotes (60 words each, from past retreat attendees) - Include: name, age, quote, before/after feeling Featured Retreat (Card): - Title: "Recovery Protocol — August 2026" - Dates, location, price ($1,495) - 3 key elements (what's included) - CTA: "Learn More + Book" Bottom CTA: "See All Upcoming Retreats" 2. RETREATS LISTING PAGE - Grid of 8-12 retreat cards - Each card shows: name, dates, location, price, capacity, difficulty, description, CTA - Filter options (by month, location, difficulty) - Sorting (soonest, price low-to-high) 3. RETREAT DETAIL PAGE (Example: "Recovery Protocol") - Hero image (people at retreat, training, mobility work, social time) - Retreat header: name + dates + location + price - Tabs or scrolling sections with: - ITINERARY: day-by-day breakdown with time blocks - WHAT'S INCLUDED: accommodation, meals, training, recovery activities - ABOUT THE LOCATION: photos, map, nearby activities - FACILITATORS: coach bios, credentials, specialization - WHO'S COMING: signup count, demographics - FAQ: 7-8 common questions answered - BOOKING FORM: collects name, email, phone, fitness level, modifications, referral source 4. ABOUT PAGE - Boundless story (why this exists, what problem it solves) - The team (Operator bio + background, Christo's photo + story as co-founder/vision) - Our approach (strength-focused, recovery-integrated, community-driven) - Testimonials (extended, 3-5 longer quotes) - FAQ section 5. CONTACT + FAQ - Contact form (inquiry form, not transactional) - FAQ (common questions answered) - Email: info@boundlessadventures.com.au DESIGN SYSTEM: - Colors: Primary #2d5a3d (earthy green, trust + nature), Accent #d4876b (warm coral, energy), Neutral #6b6b6b, Background #f9f8f5 (warm off-white) - Typography: 16px+ body, warm + energetic - Imagery: Real people 50-70 in adventure settings, outdoors, active, genuine smiles (not fake fitness model vibes) - Spacing: Generous, natural flow TECH STACK: - React + Tailwind - Modal or separate page for booking form - localStorage to persist partial form (nice-to-have) - Dark mode optional - Responsive (mobile-first) DELIVERABLES: - Homepage (hero + why + social proof + featured retreat) - Retreats listing page (grid, filterable, sortable) - Retreat detail page (full itinerary, what's included, booking form) - About page (team + story + approach) - Contact/FAQ page - Navigation + footer consistent across all ACCEPTANCE CRITERIA: ✓ Homepage is compelling + clear value prop ✓ Retreat listing shows all retreats, filterable ✓ Detail page shows complete itinerary + what's included ✓ Booking form collects name/email/fitness level + works ✓ All pages responsive (mobile + tablet + desktop) ✓ Images load + look good ✓ No broken links ✓ Contact form works (collects data, could send to email) ✓ Testimonials visible + credible ✓ CTA buttons are obvious + action-oriented TONE: Empowering, genuine, "real people doing real adventures." Not luxury spa, not intense bootcamp. Strength-based, recovery-integrated, community-focused. PURPOSE: This is the front door to Boundless. The goal: someone lands here, sees themselves in a testimonial, and books a retreat. Keep it simple, keep it real. Start with homepage. Make it beautiful.

✅ QUALITY CHECK LOOP

PHASE 1: NAVIGATION & STRUCTURE (15 min)

  • Homepage loads + is visually compelling
  • Header navigation works: Home / Retreats / About / Contact
  • Footer is consistent across all pages
  • Logo/branding is visible + appropriate
  • All pages are reachable from navigation
  • No broken links

PHASE 2: HOMEPAGE CHECK (15 min)

  • Hero section has full-width image/video (adventure activity, outdoor, natural light)
  • Headline overlay: "Adventures Without Limits" is readable (good contrast)
  • Subheading is clear + compelling
  • "View Upcoming Retreats" CTA is obvious
  • 3 value prop cards visible + readable: "Feel Strong Again", "Real Recovery", "Community That Gets It"
  • 3 testimonials displayed (name, age, quote)
  • Featured retreat card shows: name, dates, location, price, 3 elements, CTA
  • "See All Upcoming Retreats" CTA visible at bottom
  • Copy is warm + genuine (not corporate/stiff)

PHASE 3: RETREATS LISTING PAGE CHECK (15 min)

  • All retreat cards visible in a grid layout
  • Each card shows: name, dates, location, price, capacity, difficulty, description, CTA
  • Filters work: by month, location, difficulty
  • Sorting works: by soonest date, by price
  • Card grid is responsive (1 column on mobile, 2-3 on tablet/desktop)
  • "Book Now" or "View Details" button is obvious per card
  • Card images load + look good

PHASE 4: RETREAT DETAIL PAGE CHECK (20 min)

  • Hero image is compelling + relevant
  • Retreat header shows: name, dates, location, price clearly
  • ITINERARY section: day-by-day breakdown visible, time blocks clear, tone is set
  • WHAT'S INCLUDED: accommodation, meals, training, recovery activities all listed
  • ABOUT THE LOCATION: photos visible, map present, nearby activities listed
  • FACILITATORS: coach/trainer bios visible (photo, credentials, specialization)
  • WHO'S COMING: "X people signed up", demographic snapshot, cities/countries
  • FAQ section answers 7-8 common questions
  • BOOKING FORM: "Book This Retreat" button prominent, form collects required fields
  • Form submission works (no errors), confirmation message appears, "X spots remaining" countdown visible

PHASE 5: ABOUT PAGE CHECK (10 min)

  • Boundless story is clear + compelling (why this exists)
  • Team section shows: Operator bio + background, Christo bio + story
  • Photos of team members present
  • "Our Approach" explains: strength-focused, recovery-integrated, community-driven
  • 3-5 extended testimonials visible + credible
  • FAQ section answers main questions

PHASE 6: CONTACT & FAQ PAGE CHECK (10 min)

  • Contact form visible + functional
  • Form collects: name, email, message (inquiry)
  • Form submission works (no errors)
  • FAQ answers 10+ common questions
  • FAQ is organized (searchable or grouped by category)
  • Email address listed: info@boundlessadventures.com.au

PHASE 7: RESPONSIVE & DESIGN CHECK (15 min)

  • Test at 375px (iPhone) — all pages stack correctly
  • Test at 768px (iPad) — readable layout, images scale
  • Test at 1024px (desktop) — no overflow, nice spacing
  • Navigation is touch-friendly on mobile
  • Images are high-quality + load quickly
  • Colors match design system: Primary green (#2d5a3d), Accent coral (#d4876b), Warm off-white (#f9f8f5)
  • Typography: Headlines prominent, body is 16px+
  • Spacing is generous + natural (not cramped)

PHASE 8: INTERACTION & POLISH CHECK (10 min)

  • No console errors (open DevTools)
  • Hover states visible on buttons/cards
  • Form inputs are clear + interactive
  • Page transitions are smooth
  • CTAs are obvious + compelling (color, size, placement)
  • Tone throughout is warm + genuine (not corporate)
  • No typos in visible text
  • Page load time is reasonable (<2 seconds)

🐛 IF ISSUES FOUND

Location: [Page name / Section name] Issue: [What's broken or looks wrong] Expected: [What should happen] Actual: [What's happening instead]

Example issues to catch:

🏁 COMPLETION CHECKLIST

  • All pages load without errors
  • Homepage is visually compelling + persuasive
  • Retreat listing shows all retreats with filters + sorting
  • Detail pages are complete (itinerary, what's included, facilitators, FAQ)
  • Booking forms are functional (collect data, submit without errors)
  • Contact form is functional
  • About page tells the story + introduces team
  • All navigation works (no broken links)
  • Responsive on mobile (375px), tablet (768px), desktop (1024px)
  • No console errors
  • Design system applied (colors, typography, spacing)
  • Tone is warm + genuine (not corporate/stiff)
  • Images are high-quality + load properly
  • CTAs are obvious + compelling

📋 NEXT STEPS AFTER BUILD

  1. Christo reviews & QC passes: Mark as "READY FOR LAUNCH"
  2. Finalize content: Add real retreat dates + locations, real facilitator bios, real testimonials, finalize pricing + capacity
  3. Deploy to Vercel: git push → auto-deploys. Share link.
  4. Go-to-market: Share link with existing 50+ app users. Promote first retreat. Start taking bookings. Collect testimonials from early attendees.
Deliverable Location:
/Users/atlas/.openclaw/workspace-harold/boundless-retreats-production/

Project Owner: Christo Ball
Estimated Build Time: 3 hours
Estimated QC Time: 50 minutes

Next Action: Paste the Fable prompt above into Fable. Monitor for completion. QC against checklist.