feat: redesign archgw -> plano + website in Next.js

.gitignore

@@ -15,6 +15,7 @@ downloads/
 eggs/
 .eggs/
 lib/
+!www/src/lib/
 lib64/
 parts/
 sdist/
@@ -138,3 +139,17 @@ crates/target/
 build.log
 
 archgw.log
+
+# Next.js / Turborepo
+.next/
+out/
+.turbo
+*.tsbuildinfo
+next-env.d.ts
+apps/*/node_modules/
+packages/*/node_modules/
+apps/*/.next/
+apps/*/out/
+apps/*/dist/
+./node_modules
+.vercel

README-MONOREPO.md

@@ -0,0 +1,101 @@
+# ArchGW Monorepo
+
+This is a Turborepo monorepo containing the Next.js applications and shared packages.
+
+## Structure
+
+```
+.
+├── apps/
+│   ├── www/          # Marketing website
+│   └── docs/          # Documentation site
+├── packages/
+│   ├── ui/            # Shared UI components (Navbar, Footer, Logo, etc.)
+│   ├── shared-styles/ # Shared CSS and Tailwind configuration
+│   ├── tailwind-config/ # Tailwind configuration
+│   └── tsconfig/      # Shared TypeScript configurations
+└── turbo.json         # Turborepo configuration
+```
+
+## Getting Started
+
+### Install Dependencies
+
+```bash
+npm install
+```
+
+### Development
+
+Run all apps in development mode:
+
+```bash
+npm run dev
+```
+
+Or run specific apps:
+
+```bash
+# Marketing website (port 3000)
+cd apps/www && npm run dev
+
+# Documentation (port 3001)
+cd apps/docs && npm run dev
+```
+
+### Build
+
+Build all apps:
+
+```bash
+npm run build
+```
+
+### Lint & Type Check
+
+```bash
+npm run lint
+npm run typecheck
+```
+
+## Shared Packages
+
+### @archgw/ui
+
+Shared React components including:
+- `Navbar` - Navigation bar component
+- `Footer` - Footer component
+- `Logo` - Logo component
+- UI components (Button, Dialog, etc.)
+
+### @archgw/shared-styles
+
+Shared CSS styles including:
+- Tailwind CSS configuration
+- Font definitions (IBM Plex Sans, JetBrains Mono)
+- CSS variables for theming
+
+### @archgw/tailwind-config
+
+Shared Tailwind CSS configuration.
+
+### @archgw/tsconfig
+
+Shared TypeScript configurations:
+- `base.json` - Base TypeScript config
+- `nextjs.json` - Next.js specific config
+
+## Design System
+
+Both apps share the same design system:
+- Same fonts (IBM Plex Sans, JetBrains Mono)
+- Same color palette
+- Same components (Navbar, Footer)
+- Same Tailwind configuration
+
+## Notes
+
+- Fonts are stored in each app's `public/fonts/` directory
+- Both apps use the same shared components and styles
+- The monorepo uses npm workspaces and Turborepo for build orchestration
+

apps/.gitignore

@@ -0,0 +1 @@
+.vercel

apps/www/.gitignore

@@ -0,0 +1,44 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# sanity
+.sanity/

apps/www/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

apps/www/biome.json

@@ -0,0 +1,37 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.2.0/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "ignoreUnknown": true,
+    "includes": ["**", "!node_modules", "!.next", "!dist", "!build"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "suspicious": {
+        "noUnknownAtRules": "off"
+      }
+    },
+    "domains": {
+      "next": "recommended",
+      "react": "recommended"
+    }
+  },
+  "assist": {
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
+  }
+}

apps/www/components.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "registries": {}
+}

apps/www/next.config.ts

@@ -0,0 +1,26 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  transpilePackages: [
+    "@katanemo/ui",
+    "@katanemo/shared-styles",
+    "@katanemo/tailwind-config",
+    "@katanemo/tsconfig",
+  ],
+  experimental: {
+    // Ensure workspace packages are handled correctly
+    externalDir: true,
+  },
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "cdn.sanity.io",
+        port: "",
+        pathname: "/**",
+      },
+    ],
+  },
+};
+
+export default nextConfig;