# GitGrid

> X70 site for previewing and planning a steadier GitHub contribution rhythm. Site copy lives in `content/site.data.ts`, feature articles live under `content/features/*.md`, and the interface retains the shared X70 navigation, theming, motion, contact, and early-access plumbing.

Important notes:

- **Stack:** React 19, Next 16, Tailwind 3, Radix/shadcn-style primitives, `next-mdx-remote`, `gray-matter`, `remark-gfm`, Turbopack dev, **ultracite** for lint/format, Vercel Analytics.
- **Env (see README):** `VERCEL_PROJECT_PRODUCTION_URL`, `RESEND_*`, `BETTERSTACK_*`, `GITHUB_APP_ID`, `GITHUB_APP_PRIVATE_KEY`, and `APPLY_STATE_SECRET`.
- **Feature slugs:** Derived from files in `content/features/` (`contribution-history`, `activity-controls`).
- **Product boundary:** Planning stays browser-local until Apply. The GitHub App then creates one private repository, stores `.gitgrid/config.json`, and applies selected history through today. Recurring scheduling and billing are disabled.
- **Planned pricing:** $1 USD per month for ongoing activity, plus $1 USD once for each selected historical year. See `/pricing.md`.
- **Titles:** Document titles use the middle dot (`·`) separator. Homepage title is `x70 · GitGrid`, and subpages use `{Page Name} · GitGrid`.

## Pages

- [Home](/): Product landing with a local-first planner, GitHub App installation, one-time Apply flow, FAQ, pricing, and early-access signup.
- [Features](/features): Index of all feature MDX entries with links to detail routes.
- [Feature detail](/features/[slug]): Per-feature MDX page (`contribution-history`, `activity-controls`).
- [Contact](/contact): Product-specific inquiry form plus the shared early-access signup.
- [Pricing source](/pricing.md): Machine-readable product state and planned early-access pricing.

## Docs

- [Next.js App Router](https://nextjs.org/docs/app): Layouts, Server Components, and metadata for marketing pages.
- [Resend](https://resend.com/docs): Contact and early-access submissions that use `RESEND_*` environment variables.

## Examples

- Feature MDX shipped in-repo: `/features/contribution-history`, `/features/activity-controls` (files under `content/features/`).
- Interactive planner: `components/gitgrid-planner.tsx`; generated values and user edits remain in browser memory until Apply is pressed.

## Ecosystem Sibling Sites

The x70 ecosystem comprises several interconnected sibling properties:
- **x70 App** ([x70.one](https://x70.one)): Web agency landing page, bespoke design interactive prototypes, edge hosting solutions, and client onboarding portal.
- **Agentic UI** ([agenticui.x70.one](https://agenticui.x70.one)): Playful generative-interface experiment where an AI agent can answer with text, validated interactive React interfaces, or both.
- **x70 Links** ([links.x70.one](https://links.x70.one)): Canonical directory of active, internal, and archived x70 digital properties.
- **Developer Portfolio** ([me.x70.one](https://me.x70.one)): Personal portfolio of Daniel Ensminger, featuring active work history, patent detail logs, blog posts, and active reading metrics.
- **Ski Bike Rack** ([skirack.x70.one](https://skirack.x70.one)): High-performance, modular rear bike rack product landing page, hardware design iteration logs, and engineering case studies.
- **Social Network** ([social.x70.one](https://social.x70.one)): Real-time social networking platform and dashboard featuring organization management, passkey authentication, and activity feeds.
- **Design Guidelines & CDN** ([design.x70.one](https://design.x70.one)): Centralized monochromatic design system tokens, CSS assets, branding guidelines, and asset CDN endpoints.
- **Browser Tools** ([tools.x70.one](https://tools.x70.one)): Free, privacy-first browser utilities for developers, text, data, images, and PDF documents, with all processing kept local.
- **Boop** ([boop.x70.one](https://boop.x70.one)): Public support, privacy, compatibility, methodology, and disclaimer site for the local-first Boop iPhone health utility.