feat: add proompteng website

.cursorrules

@@ -1,15 +1,17 @@
 use kebab case for file names.
 optimize react component rendering by using memo and useMemo and useCallback.
 zod for form, api, ai generation validation.
-tailwindcss for styling, use module css with variables only for complex animation.
+tailwindcss for styling.
 use frame motion for animation.
 make sure to separate view and business logic components.
-in workflow files though use log utility from temporal.
+in workflow files use log utility from temporal.
 if view components gets too complex, use useImmerReducer for state management.
 use cn utility function for conditional class names.
-break apart long list of class names into multiple lines if it longer than 100 characters.
-use shadcn/ui for components, make sure to use zinc color palette for backgrounds and text.
-for primary actions and buttons use indigo color palette.
+break apart long list of class names into multiple lines if it longer than 100 characters by using cn utility function.
+use shadcn/ui for components.
+tailwindcss typography is already installed for text styling, use prose classes for text styling.
+make sure to use slate color palette for backgrounds and text.
+do not hardcode width and height, use tailwindcss classes instead, only use rem values if absolutely necessary.
 make sure components are accessible, add aria labels where necessary.
-component export should be `export default function ComponentName() {}`.
+component export should be `export function ComponentName() {}`.
 do not comment code when suggesting edits, just make the changes.

.github/workflows/ci.yml → .github/workflows/pull-request.yml

@@ -1,18 +1,11 @@
 name: CI
 
 on:
-  push:
-    branches:
-      - main
   pull_request:
 
-permissions:
-  actions: read
-  contents: read
-
 jobs:
   main:
-    runs-on: ubuntu-latest
+    runs-on: arc-arm64
     steps:
       - uses: actions/checkout@v4
         with:
@@ -26,7 +19,4 @@ jobs:
           cache: 'pnpm'
 
       - run: pnpm install --frozen-lockfile
-      - run: pnpm exec playwright install --with-deps
-      - uses: nrwl/nx-set-shas@v4
-
-      - run: pnpm exec nx affected -t lint test build e2e
+      - run: pnpm build

apps/proompteng/.gitignore

@@ -0,0 +1,41 @@
+# 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

apps/proompteng/components.json

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

apps/proompteng/eslint.config.mjs

@@ -0,0 +1,16 @@
+import { dirname } from "path";
+import { fileURLToPath } from "url";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const eslintConfig = [
+  ...compat.extends("next/core-web-vitals", "next/typescript"),
+];
+
+export default eslintConfig;

apps/proompteng/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/proompteng/next.config.ts

@@ -0,0 +1,8 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  output: 'standalone',
+  poweredByHeader: false,
+}
+
+export default nextConfig

apps/proompteng/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "proompteng",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.1.1",
+    "@tailwindcss/typography": "^0.5.15",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "framer-motion": "^11.15.0",
+    "lucide-react": "^0.469.0",
+    "next": "15.1.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwind-merge": "^2.5.5",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "devDependencies": {
+    "@eslint/eslintrc": "^3",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "15.1.2",
+    "postcss": "^8",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5"
+  }
+}

apps/proompteng/postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+}
+
+export default config