Merge dev into main: redesign, projects, timeline, contact, and fixes

.eslintrc.json

@@ -1,10 +1,53 @@
 {
   "extends": ["next/core-web-vitals", "next/typescript"],
+  "plugins": ["check-file"],
+  "rules": {
+    "max-lines": ["warn", { "max": 300, "skipBlankLines": true, "skipComments": true }],
+    "check-file/filename-naming-convention": [
+      "error",
+      { "**/*.{js,ts,jsx,tsx}": "KEBAB_CASE" },
+      { "ignoreMiddleExtensions": true }
+    ],
+    "check-file/folder-naming-convention": [
+      "error",
+      { "src/**/!(*\\[*\\]|*\\(*\\))": "KEBAB_CASE", "app/**/!(*\\[*\\]|*\\(*\\))": "KEBAB_CASE" }
+    ],
+    "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }],
+    "indent": ["error", 2, { "SwitchCase": 1 }],
+    "@typescript-eslint/no-explicit-any": "warn",
+    "@typescript-eslint/consistent-type-imports": ["error", { "prefer": "type-imports" }],
+    "react/self-closing-comp": ["error", { "component": true, "html": true }],
+    "react/jsx-boolean-value": ["error", "never"],
+    "react/jsx-curly-brace-presence": ["error", { "props": "never", "children": "never" }],
+    "react/hook-use-state": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "react/forbid-component-props": ["error", {
+      "forbid": [{
+        "propName": "className",
+        "allowedFor": ["div", "span", "button", "input", "a", "img", "ul", "li", "ol", "p", "h1", "h2", "h3", "h4", "h5", "h6", "section", "article", "nav", "header", "footer", "main", "form", "label", "table", "thead", "tbody", "tr", "td", "th", "svg", "path", "textarea", "select", "option", "pre", "code", "blockquote", "hr", "br", "strong", "em", "small", "sup", "sub", "cite", "Link", "Image", "motion.div", "motion.span", "motion.section", "motion.article", "motion.ul", "motion.li", "motion.p", "motion.button", "motion.a", "motion.nav", "motion.header", "ArrowLeft", "Check", "CheckSquare", "Copy", "Search", "Square", "Sun", "Moon", "Database", "Skeleton"],
+        "message": "Use variant props instead of className on design system components"
+      }]
+    }]
+  },
   "overrides": [
     {
       "files": ["next-env.d.ts"],
       "rules": {
-        "@typescript-eslint/triple-slash-reference": "off"
+        "@typescript-eslint/triple-slash-reference": "off",
+        "check-file/filename-naming-convention": "off"
+      }
+    },
+    {
+      "files": ["components/**/*.tsx"],
+      "rules": {
+        "react/forbid-component-props": "off"
+      }
+    },
+    {
+      "files": ["lib/notion.ts"],
+      "rules": {
+        "max-lines": "off",
+        "@typescript-eslint/no-explicit-any": "off"
       }
     }
   ]

.github/workflows/ci.yml

@@ -0,0 +1,28 @@
+name: CI
+
+on:
+  pull_request:
+    branches: [main, dev]
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      - name: Lint
+        run: bun run lint
+
+      - name: Type check
+        run: bun run tsc
+
+      - name: Build
+        run: bun run build

.gitignore

@@ -6,9 +6,6 @@
 .pnp.js
 .yarn/install-state.gz
 
-# scripts generated files
-quotes-hash.txt
-
 # testing
 /coverage
 

CLAUDE.md

@@ -0,0 +1,55 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Commands
+
+```bash
+bun run dev       # Start development server
+bun run build     # Production build
+bun run lint      # Run ESLint with --fix
+```
+
+Always use Bun, not Node.js/npm/pnpm. Bun automatically loads `.env` files.
+
+## Architecture
+
+**Stack**: Next.js 16 (App Router) + TypeScript + Tailwind CSS + Shadcn UI + Framer Motion
+
+**Deployed on Vercel** with ISR (Incremental Static Regeneration). Notion content auto-refreshes hourly via `revalidate: 3600` in fetch calls.
+
+### Content Sources
+- **Quotes**: Fetched from Notion API, cached 1 hour, client-side searchable
+- **Blogs**: Markdown files in `/content/blogs/`, parsed with gray-matter
+- **Timeline**: Static TypeScript data in `/content/timeline-data.ts`
+
+### Key Files
+- `lib/notion.ts` - All Notion API integration (exempted from max-lines rule)
+- `lib/quotes.ts` - Quote fetching entry point
+- `lib/blogs.ts` - Markdown blog loading with search
+- `app/layout.tsx` - Root layout with Vercel Analytics
+
+### Server vs Client Components
+- Pages are server components by default
+- `"use client"` used for interactive components (TopNav, search features)
+
+## Code Standards
+
+### Naming (enforced via ESLint)
+- Files: `kebab-case` (e.g., `top-nav.tsx`)
+- Folders: `kebab-case` (except `[slug]` and `(groups)` for Next.js routing)
+- Max 300 lines per file (exceptions: `lib/notion.ts`)
+
+### TypeScript
+- Use `type` imports: `import type { Foo } from './bar'`
+- Unused vars must be prefixed with `_`
+
+### React/JSX
+- Self-closing components: `<Component />` not `<Component></Component>`
+- No unnecessary boolean values: `disabled` not `disabled={true}`
+- No unnecessary curly braces: `prop="value"` not `prop={"value"}`
+
+### Styling
+- Use variant props on Shadcn UI components, not `className`
+- `className` allowed only on HTML primitives, Link, Image, and motion.* components
+- Component files in `/components/` are exempt from this rule