Cairn Clothes

A scroll-driven single-page site for Cairn Clothes, built with React, TypeScript, Vite, and Framer Motion.

Stack

• React 19 + TypeScript
• Vite 8
• Framer Motion for scroll-linked animation (parallax, reveal-on-scroll, scroll progress)
• Oxlint for linting
• Bun as package manager and runtime

Develop

bun install
bun run dev

Build

bun run build

Deploy

Pushing to main runs .github/workflows/deploy.yml, which builds the site and publishes dist/ to GitHub Pages.

Enable Pages once, under the repo's Settings → Pages → Source → GitHub Actions.

The Vite base in vite.config.ts is set to /clothes/ to match this repo's name as a project page. If the repo is renamed, update base to match.

Images

Lookbook and hero imagery in public/images/ were generated with Grok. Replace with real product photography as it becomes available.