Diachron Landing Page

Minimal, sleek landing page for diachron.ai - automatic provenance tracking for AI-assisted development.

Tech Stack

• Framework: Vite + React 19 + TypeScript
• Styling: Tailwind CSS 4.x
• Animation: Framer Motion + Lenis (smooth scroll)
• Fonts: Outfit (display) + JetBrains Mono (code)
• Analytics: Vercel Analytics
• Waitlist: Formspree

Development

# Install dependencies
npm install

# Start dev server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Setup Waitlist

1. Create a form at Formspree
2. Get your form endpoint (e.g., https://formspree.io/f/xyzabc)
3. Update FORMSPREE_ENDPOINT in src/components/ui/WaitlistForm.tsx

Deployment

Deploy to Vercel:

vercel --prod

Or connect your GitHub repo to Vercel for automatic deployments.

Design System

License

MIT