Portfolio Showcase
Daintree Thai Boxing
A complete web platform for a personal Muay Thai coaching business in the Daintree Rainforest. Built and deployed in under a week. Designed from scratch — not a template, not a theme.
Client: Kru Din, Daintree QLD · Type: Muay Thai training platform + 10 AI coaching tools
Built by: Marc Dinnerville · allgoodnow@mailfence.com
What This Document Covers
This document is a technical and functional overview of the Daintree Thai Boxing website — a live production platform at daintreethaiboxing.com. It explains what the site does, how it's built, and why the architecture decisions matter.
Inside you'll find: what visitors and the business owner can do on the platform, the full technology stack and why each layer was chosen, a breakdown of all 10 AI-powered tools and how they work, the admin dashboard and its six management panels, the multi-layer AI security system, the four-layer smart caching architecture, and real performance benchmarks compared to industry-standard WordPress equivalents.
For business readers: this shows what a modern web platform actually looks like when it's built properly — fast, intelligent, and with zero ongoing hosting costs. For technical readers: it covers the architecture from SSR and selective hydration through to Workers AI inference, semantic caching, and KV-backed rate limiting.
01 — What The Platform Does
A complete online presence — not just a website.
Daintree Thai Boxing is a full web platform for Kru Din — a Muay Thai trainer offering authentic Thai boxing training in a rainforest setting. The site goes well beyond a standard business website: it handles enquiries, runs AI-powered coaching tools, publishes content, manages reviews and bookings, and gives Kru Din a clear view of everything happening across the business — all from a single admin dashboard.
02 — Technology Stack
Every layer is chosen for a reason.
The result is a site that loads in under one second from anywhere in the world, costs nothing to host, and requires zero server maintenance.
| What It Does | Technology | Why It Matters |
|---|---|---|
| Builds the website | Astro 6 | Server-rendered pages arrive fully formed — fast and SEO-friendly |
| Makes it interactive | Solid.js | Reactive islands for chatbots, generators — no unnecessary JS |
| Hosts everything | Cloudflare Pages | Served from 300+ edge locations worldwide. Free tier |
| Stores all data | Cloudflare D1 | Serverless SQLite — zero maintenance, no patching |
| Powers all 10 AI tools | Workers AI (Llama 3.1 8B) | No monthly API fees. Free tier — 10,000 requests/day |
| Sends emails | Resend | Transactional email — 3,000/month free |
| Blocks spam | Cloudflare Turnstile | Invisible bot protection — no CAPTCHAs |
03 — Design & Experience
Deep forest greens, warm gold accents, editorial typography.
The aesthetic makes the Daintree feel visceral before a visitor reads a single word.
What Visitors Can Do
- Learn about training options, packages, and pricing
- Book sessions and check real-time availability
- Chat with three AI assistants (training, techniques, Daintree area)
- Generate personalised training plans, nutrition guides, warmups
- Track training progress with a digital journal
- Explore multi-day immersive training camps
- Get Daintree area itineraries and travel planning from the AI
What Kru Din Can Do (Admin)
- View all enquiries in a private admin dashboard
- Generate AI reply drafts written in his voice
- See what customers are asking the chatbots
- Track popular questions and conversation patterns
- Monitor for abuse attempts with detailed analytics
- Publish blog posts with AI-generated drafts
- Control availability and session scheduling
Dark & Light Mode
Complete alternate theme — every element, table, form, and animation adapts correctly across both modes.
Scroll Animations
GSAP + ScrollTrigger with Lenis smooth scroll — hardware-accelerated with considered pacing.
Page Transitions
View Transitions API — navigation feels fluid and app-like, not like traditional page reloads.
Premium Details
Custom cursor, atmospheric loading screen, particle effects, ambient sound toggle.
04 — 10 AI-Powered Tools
Each tool built for a specific moment in the visitor's journey.
Every AI feature runs on Cloudflare Workers AI (Llama 3.1 8B) — no monthly API fees, no ChatGPT subscription, no third-party dependency. Each tool has its own system prompt with personality boundaries, structured output rules, and domain constraints. For the business, this means 10 intelligent features at zero ongoing cost.
| # | Tool | What It Does |
|---|---|---|
| 01 | AI Chat (Kru Din) | Designed AI character trained on every business fact. Time-aware greetings, proactive page-based triggers. |
| 02 | Training Plan Generator | Personalised multi-week Muay Thai plans based on fitness, goals, schedule. Saved with shareable URL. |
| 03 | Training Journal | Session logging with AI comparison against previous sessions — individual history analysis. |
| 04 | Package Recommender | Guided quiz matching experience, goals, and duration to the right package. |
| 05 | Technique Coach | Interactive technique guidance: strikes, footwork, combinations. Safety-first approach. |
| 06 | Warm-Up Generator | Custom pre-session warmups tailored to level, session type, and injuries. |
| 07 | Nutrition Planner | Tailored nutrition plans around training goals, dietary restrictions, local availability. |
| 08 | Smart FAQ Search | AI-powered — understands what visitors are actually asking, not just keywords. |
| 09 | Trip Planner | Daintree area itineraries: accommodation, activities, transport, timing. |
| 10 | Nature Guide | Local wildlife and rainforest info. Recognises returning visitors. |
05 — AI Chatbot Detail
Three distinct AI personas.
Each with a specific role and voice. All share the same security infrastructure but have separate system prompts, domain boundaries, and conversation styles.
Kru Din Training Assistant
Primary business chatbot trained on session types, pricing, packages, gear, and Kru Din's background. Speaks as Kru Din: direct, encouraging, no corporate fluff. Proactive triggers based on which page the visitor is browsing.
Daintree Nature Guide
Wildlife (cassowaries, crocs, birds), swimming spots, wet/dry season, walking tracks, stinger season. Recognises returning visitors. Redirects cultural questions to Indigenous centres.
Technique Coach
Strikes, defence, clinch work, sweeps, common mistakes, drills. Clear, instructional, safety-first. Always emphasises "train with Kru Din for real feedback."
How The AI Thinks
Each persona shares the same underlying model but has its own system prompt, domain constraints, and conversation memory. The network above visualises how nodes connect — similar to how the AI connects your question to the right knowledge domain. Hover to interact.
06 — Admin Dashboard
Six panels. One screen. Any device.
Kru Din manages his entire online business from a single private dashboard — no logging into five different services. Everything is designed around the workflow of a sole operator who needs answers fast.
Message Inbox
Every enquiry in one place. One-click AI reply generation written in the business's voice.
Review Moderation
Testimonials held pending until approved. Approved reviews go live on the site instantly.
Analytics Dashboard
Enquiries, AI sessions, journals, bookings. AI-generated narrative summary in plain English.
Content Writer
AI generates blog posts — title, excerpt, SEO, body. Draft or publish with one click. Also Facebook posts.
Availability Manager
Control bookable days and times. Visitors see real-time availability — no double-booking.
FAQ Pattern Analysis
Surfaces what visitors ask the AI chatbots — reveals content gaps you didn't anticipate.
07 — AI Security
Multi-layer protection against misuse.
AI chatbots on public websites attract abuse attempts — jailbreaks, role-play attacks, prompt injections. This system handles all of it automatically. The site protects itself without anyone needing to monitor it 24/7.
| Layer | Protection | What It Stops |
|---|---|---|
| Input | Jailbreak Detection | "Ignore your instructions" — prompt injection attempts |
| Input | Role-Play Prevention | "You are now a different AI" — identity override tricks |
| Input | Length Limits | Long messages designed to confuse the model |
| Output | Response Validation | Catches the AI breaking character or leaking instructions |
| Output | Topic Boundaries | Blocks responses outside the chatbot's domain |
| Abuse | Rate Limiting | Max 10 messages/min per person — prevents flooding |
| Abuse | Progressive Slowdown | 3+ blocked attempts = forced delays |
| Abuse | Temporary Bans | 5+ blocked attempts = 1-hour lockout |
| Abuse | IP Tracking | Repeat offenders tracked across sessions |
08 — Smart Caching — 4 Layers
Not every question needs to call the AI model.
A four-layer caching system resolves approximately 70% of all queries from cache — faster for visitors and free for the business.
Exact Match
Same question asked before → cached answer instantly. Zero AI cost.
FAQ Keywords
"How much is a session?" matches FAQ database. Instant, free.
Semantic Similarity
Different wording, same meaning → matched via AI embeddings.
Fresh AI
Only genuinely novel questions call the model. ~30% of traffic.
09 — Performance & Costs
Real numbers. Not marketing claims.
These are measured results from the live production site, compared against typical WordPress equivalents running similar functionality — including AI chatbot plugins, contact forms, and booking systems.
Most AI queries answered from cache at sub-50ms latency. Fast for visitors, free for the business.
| Metric | This Site | WordPress + AI Plugins |
|---|---|---|
| Page load | Under 1 second | 3–5 seconds |
| Mobile PageSpeed | 95+ | 40–60 |
| Server response (TTFB) | 50ms | 500ms+ |
| First Contentful Paint | <1s | 2–4s |
| Time to Interactive | <2s | 5–10s |
Everything runs on Cloudflare's free tier — hosting, database, AI, bot protection, email. A WordPress site with equivalent AI features would cost $400–$1,200/month in hosting, API fees, and plugins. The only cost here is the domain name at ~$15/year.
See More Work
Stix & Pebbles Live
Full e-commerce — product catalogue, Stripe checkout, AU Post shipping, Mini Mel AI chatbot, newsletter, admin dashboard. $0/month.
Cognito — AI Demo Live
Qwen 3 30B chatbot on Cloudflare Workers. Adversarial-hardened, lead capture, FAQ matching. Pure serverless — $0/month.
GitHub: cognito-demo · developer-portfolio
The Bottom Line
10 AI features. $0/month. Built in under a week.
A production web platform with custom design, 10 AI tools, a 6-panel admin dashboard, multi-layer security, semantic caching, and enterprise-grade performance — running entirely on Cloudflare's free tier.
Visit the live site · allgoodnow@mailfence.com
Designed and developed by Marc Dinnerville