GolfMotion — Golf Swing Analyzer Landing

A HackMotion-style golf swing analyzer landing site, scaffolded using the landing project as reference.

Stack

• Next.js 13 (Pages Router)
• Tailwind CSS
• Styled Components
• Framer Motion

Getting started

yarn install
yarn dev

Open http://localhost:3000 (or 3001 if 3000 is in use).

Stripe Checkout

Checkout is wired for Core ($345), Plus ($495), and Pro ($995). To enable:

1. Copy .env.example to .env.local
2. Add your Stripe secret key (use test mode for development)
3. For production, set NEXT_PUBLIC_APP_URL to your domain

Pages

Route	Description
/	Homepage — Hero, Detect/Fix/Progress, tiers, testimonials
/products/core	Core tier ($345)
/products/plus	Plus tier ($495)
/products/pro	Pro tier ($995)
/upgrade	Upgrade tier CTA
/blog	Blog
/learning-center	Learning center
/support	Support
/shipping	Shipping info
/partner-program	Partner program
/careers	Jobs & Careers
/find-coach	Find a golf coach
/privacy-policy	Privacy policy
/404	Custom 404

Structure

src/
├── components/
│   ├── home/           # Hero, StepsSection, PricingTiers, Testimonials, etc.
│   ├── shared/         # Navbar, Footer
│   ├── Layout.jsx
│   └── Title.jsx
├── pages/
│   ├── products/       # core, plus, pro
│   └── ...
└── styles/

Next steps

1. Add real copy, images, and videos from the client
2. Add checkout or product purchase flow ✅ Stripe Checkout integrated
3. Integrate Sentry or other monitoring (see landing project)
4. Add favicon to public/