#Swim Coach Portfolio

A calm, parent-focused swim coaching website built with Next.js (App Router), TypeScript, and Tailwind CSS. The site emphasizes technique-first training, clear communication, and a clean, editorial layout across Home, About, Programs, and Contact pages.

Highlights

• App Router structure with reusable UI components
• Responsive layout and accessible semantics
• Tailwind-based design system with a clean, aquatic palette
• First-person, parent-facing copy focused on technique and long-term development
• Contact form with mailto default and optional API endpoint
• Image handling with graceful fallbacks using next/image

Pages

• Home: Hero, "What Swimmers Gain," program preview, CTA
• About: Coaching philosophy, personal context, experience timeline
• Programs: Skill-level pathways and approach section
• Contact: Parent-friendly intro, email, and inquiry form

Tech Stack

• Next.js 14 (App Router)
• TypeScript
• Tailwind CSS

Local Development

npm install
npm run dev

Notes

• Images live in public/images and are referenced by filename.
• The contact form defaults to mailto: for zero setup; an optional API route is included at app/api/contact/route.ts.