Template Library
TemplatesSpoty - Tennis Club & Sports Academy Template
Spoty - Tennis Club & Sports Academy Template
Premium tennis club & sports academy template built with Next.js, Tailwind v4, GSAP and Sanity CMS. Coach profiles, pricing, shop and booking, all editable.
16.2.4 Nextjs
^4.2.4 TailwindCss
^5 Typescript
^6.12.2 Resend
$79
Single project license · lifetime updates
or
All-AccessGet this and all 18+ templates ($954.97 if bought separately), plus every new release, for $99/year.
Compare Plans Mobile-first & responsive
Core Web Vitals 100
SEO meta management
Sanity Studio included
TypeScript support
Full documentation
Next.js App Router
Sanity CMS
Tailwind CSS
TypeScriptWhat's Included
Everything you need to rank and convert
Page builder, no code needed
Build any page from 14 ready-made sections. Add, remove and drag them into order in the Sanity Studio.
Full-screen video hero
A full-screen looping background video with a headline, a call button and a floating card with member avatars and a play button. Visitors who prefer reduced motion see a still photo instead.
Coach profiles
Every coach gets their own page with a portrait, specialties, career numbers, a biography and highlights. Add a coach in the Studio and the page is created for you.
Memberships and pricing
Clear pricing cards with feature lists and a highlighted "featured" plan to steer visitors to your best offer.
Pro shop
A product grid with category filter chips. Products link to your online store or to the booking page.
Appointment booking
A styled booking form with a contact card. The form is ready for a developer to connect to email (Resend) or your booking system.
Smooth animations
GSAP scroll reveals, word-by-word headings, count-up numbers, parallax photos, magnetic buttons and Lenis smooth scrolling, all respecting reduced-motion settings.
Testimonials and FAQ
A testimonial slider with a progress bar, and an animated FAQ accordion with a sticky heading. Pick which items to show, or show them all.
Curved photo carousel
An auto-playing 3D curved gallery that makes your courts, gear and players stand out.
Mobile-first and responsive
Each section is designed for phone, tablet and desktop, with a full-screen mobile menu.
Design tokens
Colours, font sizes, radii and spacing live in one Tailwind v4 `@theme` block. Change them there and the whole site follows.
Fast and SEO-ready
Static pages with automatic refresh, optimised Next.js images with blur placeholders, semantic HTML with one h1 per page, and Sanity image hotspots and crops.
AI-ready codebase
A detailed `CLAUDE.md` describes the whole project for AI assistants. With Claude Code, run `/build-section <figma-link>` to turn a Figma design into a new editable section.
Deploy for free
Host the website on Vercel and the Studio on Sanity, both on free plans. Published changes appear on the site within a minute, with no redeploy.
Common Features
All of our NextJS themes come with the following features:
Clean code and folder structure
Compatible with all modern browsers
Free Icons + Google font
Free future themes update
Free customers support
Responsive design
Highly customizable
Component-based design
90+ Google PageSpeed score
Pre-configured Cloudflare, Vercel & Netlify deploy setting
Tailwind CSS for Styling
SEO Optimized
Pre-configured Sitepins CMS (Optional)
Quick Setup
Live in under 30 minutes
Full documentation included — a step-by-step guide from download to deployed.
~30 min setup4 simple stepsFull docs included
- 01
Download the code
Grab the zip from your account, unzip it and open the folder in your terminal.
- 02
Install dependencies
One command pulls in Next.js, Sanity, Tailwind and everything else.
- 03
Configure environment
Copy the example env file and add your Sanity project ID and dataset.
- 04
Run & deploy
Preview locally, then ship to Vercel, Netlify or Cloudflare — settings are pre-configured.
setup.sh
README.md
# 1. Download & open the projectcd my-template # 2. Install dependenciesnpm install # 3. Configure environmentcp .env.example .env.local# then add your Sanity project ID # 4. Run locally, then deploynpm run devnpm run buildTerminalOutput
➜ my-template npm run dev
Ready on http://localhost:3000
main · bashLn 13, Col 1 · UTF-8
Stuck somewhere?
We'll help you get it running.
Ready for a faster site that's easier to edit?
Book a free 30-minute call. We'll review your current site and send a fixed-price plan. No pressure, no pitch.
Book Free Call No commitment required