Skip to content
BackTourism

Sandai Farm by African Footprints

Safari and retreat site for a family-run farm between Mount Kenya and the Aberdares

Overview

African Footprints runs Sandai Farm, a retreat between Mount Kenya and the Aberdare ranges that has welcomed guests since 1997. The old site did not reflect how much the farm actually offers. We rebuilt it end to end as a React 19 and Vite single-page app with framer-motion page transitions and Tailwind CSS v4 for styling. The site now covers eleven routes: a home page with hero, about, safari preview, rooms preview, on-site cafe feature, location map, testimonials, and newsletter; a safaris page with URL-driven category navigation across on-farm activities, day trips, multi-day trips, a ten-day package, and tailor-made itineraries; rooms and rates pages; an events and retreats page; gallery, about, community projects, and FAQs pages; and a contact page. Itineraries, rooms, rates, events, projects, and testimonials are all data-driven from TypeScript and JavaScript modules so Petra and Tessa can update content without touching layout code.

Key Features

  • Eleven-route single-page app with animated transitions between pages
  • Safari browser with five categories and URL-driven navigation
  • Expandable itinerary cards for 18 safari options
  • Rooms page listing 10 room types with imagery
  • Rate sheet covering 32 priced items across rooms, activities, and packages
  • Events and retreats page with 10 retreat offerings
  • Community projects page highlighting three on-farm initiatives
  • Gallery, about, FAQs, and contact pages
  • Home page with hero, about section, safari and rooms previews, on-site cafe feature, location map, testimonials, and newsletter signup
  • Data-driven content from src/data modules so owners can update copy without code changes
  • SPA routing with Vercel rewrite so deep links into safari categories work on refresh

Results

Pages Live11
Safari Itineraries18
Safari Categories5
Rooms Listed10
Retreats and Events10
Rate Entries32
Community Projects3
Deploy TargetVercel

Tech Stack

React 19Vite 7React Router 7Framer Motion 12Tailwind CSS v4React IconsVercel

Want similar results?

Let's discuss how we can build a custom platform for your business.