Marketing and documentation website for BurstPick — an AI-powered burst photo picker for macOS.
You are an AI agent working on the BurstPick website, built with Next.js 16,
React 19, Tailwind CSS v4, and Framer Motion with i18n support.
Clone https://github.com/Open330/BurstPick-web and help add landing page
sections, improve animations, extend localization, or optimize the build.
- Framework: Next.js 16 (static export)
- Styling: Tailwind CSS v4
- Animation: Framer Motion
- i18n: next-intl (English, Korean)
- Icons: Lucide React
- Deployment: GitHub Pages with custom domain
cp .env.example .env.local
pnpm install
pnpm devOpen http://localhost:3000.
NEXT_PUBLIC_CHECKOUT_URL is optional. When set, the localized /purchase page routes visitors to your hosted checkout. When absent, the purchase page falls back to the launch-list CTA.
NEXT_PUBLIC_BASE_PATH is optional and should only be set when the site is served from a subpath rather than the root domain.
pnpm buildStatic output is generated in out/ for GitHub Pages deployment.
src/
├── app/
│ ├── globals.css # Design tokens & theme
│ └── [locale]/
│ ├── layout.tsx # Root layout with metadata
│ ├── page.tsx # Landing page
│ ├── download/ # Download page
│ ├── purchase/ # Purchase / checkout handoff page
│ ├── license/ # EULA / license terms
│ ├── privacy/ # Privacy policy
│ └── terms/ # Terms of service
├── components/
│ ├── layout/ # Header, Footer
│ ├── sections/ # Hero, Pricing, Features, Gallery, Showcase, Story, FAQ, CTA
│ ├── ui/ # Button, Container, GradientText
│ └── motion/ # FadeInView (scroll animations)
├── i18n/ # Locale config
├── lib/ # Constants, features, gallery data
└── messages/ # en.json, ko.json
scripts/
└── generate-og.mjs # OG image generator (satori)
public/
├── assets/ # Section background images
├── screenshots/ # App screenshots
├── logo.png # App icon
├── og-image.png # Open Graph image
└── CNAME # Custom domain config
All rights reserved.