A single-page Next.js application for a fitness trainer/coach website.
Before you begin, make sure you have the following installed:
- Node.js (version 18 or higher) - Download here
- Git - Download here
- Cursor (or any code editor) - Download here
Open your terminal and navigate to where you want to store the project, then run:
git clone <your-github-repo-url>
cd kleincoachReplace <your-github-repo-url> with the actual GitHub repository URL.
Install all required packages:
npm installThis will install all dependencies listed in package.json, including:
- Next.js 16
- React 19
- Tailwind CSS 4
- TypeScript
- And other required packages
- Open Cursor
- Go to File → Open Folder
- Select the
kleincoachfolder you just cloned
In the terminal (you can use Cursor's integrated terminal), run:
npm run devThe development server will start and you should see output like:
▲ Next.js 16.0.10
- Local: http://localhost:3000
Open your browser and navigate to:
http://localhost:3000
You should now see the website running locally!
app/page.tsx- Main page with all sections (Hero, About, Services, Client Stories, Contact, Quote)components/- All React componentscomponents/ui/- Reusable UI components (Button, Card, Carousel, etc.)app/globals.css- Global styles and Tailwind configuration
npm run dev- Start development server (http://localhost:3000)npm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLint
- This is a single-page application - all sections are on one page
- The carousel component uses Embla Carousel for client stories
- Navigation uses smooth scrolling to anchor links
- The project uses Tailwind CSS 4 for styling
Port 3000 already in use?
- Kill the process using port 3000, or run:
npm run dev -- -p 3001
Dependencies not installing?
- Make sure you have Node.js 18+ installed
- Try deleting
node_modulesandpackage-lock.json, then runnpm installagain
TypeScript errors?
- Make sure all dependencies are installed:
npm install - Restart your TypeScript server in Cursor (Cmd/Ctrl + Shift + P → "TypeScript: Restart TS Server")