better website hero text

## Summary

Marketing pages on getartcraft.com for the five Craft Apps: PhotoCraft,
DrawCraft, FilmCraft, LightCraft and PrintCraft. Everything is driven by
one data file, `src/lib/crafting-apps.ts`.

- **`/apps` hub:** lineup cards for all five apps, shared principles,
and Discord calls to action.
- **`/apps/<slug>`:**
  - Hero screenshot with Discord, GitHub and share links.
  - Six highlights and a screenshot gallery.
- "Get it": a Discord waitlist for installers, next to build-from-source
steps with a copy button.
  - Cards linking to the sibling apps.
- **Nav:** a "Craft Apps" link after a divider following Support, and a
Discord button on desktop.
- **Footer:** a "Craft Apps" column.
- **Sitemap:** entries for the hub and all five app pages.
- **Press kit:** all 20 app screenshots, with full-resolution downloads.

## Branding
- **Colors:** each app has its own accent (`.app-*` in `globals.css`),
AA-contrast in light and dark.
- **Wordmarks:** text only, with "Craft" set in the app's color. These
pages don't use the serif accent font.
- **Share previews:** a 1200×630 image per app plus one for the hub, and
`SoftwareApplication` JSON-LD on each app page.
- **Adobe:** the copy never names Adobe products.

## Notes
- No installers exist yet in any of the five repos, so each page sends
visitors to Discord and to building from source. When an app ships a
release, adding `downloads` to its entry in `crafting-apps.ts` replaces
that block with download buttons.
- Screenshots come from each repo's `docs/images`, show only
public-domain artwork, and are converted to WebP at 1600px.
- **Small refactors:**
- New shared `DiscordButton`, now also used by the community strip and
the press kit.
  - New `CopyButton` in the UI kit.
  - `SITE_URL`/`siteUrl` moved into `lib/links.ts`.
  - New `kicker`/`mediaTag` props on `CampaignHero`.

## Testing
- A clean `npm ci && npm run build`, the same build Netlify runs,
passes: TypeScript is clean, `/apps` is static, and all five app pages
prerender as static HTML.
- `next start` serves all six routes plus their images, and an unknown
slug returns 404.
- Each page's Open Graph and Twitter tags render with the per-app image.
- Checked visually at 1440px and 1024px (the nav fits) and at a 390px
mobile viewport.

frontend/apps/artcraft-website-next/src/components/landing/hero.tsx

@@ -36,7 +36,7 @@ export default function Hero() {
               data-reveal
               className="relative mt-8 font-display text-3xl font-medium leading-[1.05] tracking-[-0.03em] text-ink-strong sm:text-4xl"
             >
-              Controllable AI{" "}
+              Capable tools{" "}
               <span className="font-serif italic font-normal text-muted">
                 for artists.
               </span>
@@ -46,9 +46,8 @@ export default function Hero() {
               data-reveal
               className="relative mt-4 max-w-md text-lg leading-relaxed text-muted"
             >
-              Artists need and deserve unparalleled control and precision.
-              ArtCraft&rsquo;s got you covered — compose in real 3D, then
-              render with AI.
+              ArtCraft builds open source tools for artists. We pride ourselves
+              on freedom of control and expression.
             </p>
 
             <div

script/website/unix_frontend_website_dev.sh

@@ -1,42 +1,40 @@
 #!/usr/bin/env bash
-# This works on Linux and MacOS to launch the frontend dev server
+# This works on Linux and MacOS to launch the website (Next.js) dev server
 
 root_dir=$(pwd)
 frontend_path="${root_dir}/frontend"
+website_path="${frontend_path}/apps/artcraft-website-next"
+port=3000
 
 source "${root_dir}/script/common/frontend_preflight.sh"
 frontend_preflight "${frontend_path}"
 
-echo "Running Artcraft Website in Dev Mode..."
+echo "Running Artcraft Website (Next.js) in Dev Mode..."
 echo ""
 
-# Kill any process running on port 5741, which will block startup
-if lsof -i tcp:4200 &>/dev/null; then
-  lsof -i tcp:4200 -t | xargs kill -9
-  echo "Killed process running on port 4200"
+# Kill any process running on the dev port, which will block startup
+if lsof -i tcp:${port} &>/dev/null; then
+  lsof -i tcp:${port} -t | xargs kill -9
+  echo "Killed process running on port ${port}"
 else
-  echo "No process running on port 4200"
+  echo "No process running on port ${port}"
 fi
 
-pushd "${frontend_path}" || exit
+# The Next.js app is excluded from the frontend npm workspace and has its own
+# package-lock.json, so it installs and runs from its own directory.
+pushd "${website_path}" || exit
 
 frontend_npm_install
 
-export VITE_ENVIRONMENT_TYPE="production"
+# Backend devs: launch with USE_LOCAL_API=1 to point the website at a local
+# storyteller-web on http://localhost:12345. Otherwise it hits production.
+if [[ "${USE_LOCAL_API:-0}" == "1" ]]; then
+  export NEXT_PUBLIC_API_HOST="http://localhost:12345"
+  echo "USE_LOCAL_API=1 — API calls will target ${NEXT_PUBLIC_API_HOST}"
+else
+  echo "API calls will target production (set USE_LOCAL_API=1 for a local backend)"
+fi
 
-# # Backend devs: launch with USE_LOCAL_API=1 (or `export USE_LOCAL_API=1` once
-# # in your shell profile) to point the frontend at a local storyteller-web on
-# # http://localhost:12345. Unset/0 — the frontend-dev default — hits
-# # production. This replaces the comment/uncomment dance around
-# # StorytellerApiHostStore.setDevelopment() in src/main.tsx.
-# export VITE_USE_LOCAL_API="${USE_LOCAL_API:-0}"
-# if [[ "${VITE_USE_LOCAL_API}" == "1" ]]; then
-#   echo "USE_LOCAL_API=1 — API calls will target http://localhost:12345"
-# else
-#   echo "API calls will target production (set USE_LOCAL_API=1 for a local backend)"
-# fi
-export VITE_USE_LOCAL_API="true"
-
-nx dev artcraft-website
+npm run dev -- --port ${port}
 
 popd || exit