feat: redesign archgw -> plano + website in Next.js (#613)

* feat: redesign archgw -> plano + website

* feat(www): refactor landing page sections, add new diagrams and UI improvements

* feat(www): sections enhanced for clarify & diagrams added

* feat(www): improvements to mobile design, layout of diagrams

* feat(www): clean + typecheck

* feat(www): feedback loop changes

* feat(www): fix type error

* fix lib/utils error

* feat(www): ran biome formatting

* feat(www): graphic changes

* feat(www): web analytics

* fea(www): changes

* feat(www): introduce monorepo

This change brings Turborepo monorepo to independently handle the marketing website, the docs website and any other future use cases for mutli-platform support. They are using internal @katanemo package handlers for the design system and logic.

* fix(www): transpiler failure

* fix(www): tsconfig issue

* fix(www): next.config issue

* feat(docs): hold off on docs

* Delete next.config.ts

* feat(www): content fix

* feat(www): introduce blog

* feat(www): content changes

* Update package-lock.json

* feat: update text

* Update IntroSection.tsx

* feat: Turbopack issue

* fix

* Update IntroSection.tsx

* feat: updated Research page

* refactor(www): text clarity, padding adj.

* format(www)

* fix: add missing lib/ files to git - fixes Vercel GitHub deployment

- Updated .gitignore to properly exclude Python lib/ but include Next.js lib/ directories
- Added packages/ui/src/lib/utils.ts (cn utility function)
- Added apps/www/src/lib/sanity.ts (Sanity client configuration)
- Fixes module resolution errors in Vercel GitHub deployments (case-sensitive filesystem)

* Update .gitignore

* style(www): favicon + metadata

* fix(www): links

* fix(www): add analytics

* fix(www): add

* fix(www): fix links + image

* fix(www): fix links + image

* fix(www): fix links

* fix(www): remove from tools testing.md

apps/www/src/components/UnlockPotentialSection.tsx

@@ -0,0 +1,46 @@
+import React from "react";
+import { Button } from "@katanemo/ui";
+import Link from "next/link";
+
+interface UnlockPotentialSectionProps {
+  variant?: "transparent" | "black";
+  className?: string;
+}
+
+export function UnlockPotentialSection({
+  variant = "transparent",
+  className = "",
+}: UnlockPotentialSectionProps) {
+  const backgroundClass = variant === "black" ? "bg-[#1a1a1a]" : "";
+  const textColor = variant === "black" ? "text-white" : "text-black";
+
+  return (
+    <section
+      className={`relative py-24 px-6 lg:px-[102px]`}
+      style={{ background: "linear-gradient(to top right, #ffffff, #dcdfff)" }}
+    >
+      <div className="max-w-[81rem] mx-auto">
+        <div className="max-w-4xl">
+          <h2
+            className={`font-sans font-normal text-[1.8rem] lg:text-4xl tracking-[-2.55px]! ${textColor} leading-[1.4] mb-8`}
+          >
+            Focus on prompting, not plumbing.
+            <br />
+            Build with{" "}
+            <strong className="font-medium text-primary">plano</strong>, get
+            started in less than a minute.
+          </h2>
+
+          <div className="flex flex-col sm:flex-row gap-5">
+            <Button asChild>
+              <Link href="https://docs.planoai.dev/get_started/quickstart">Deploy today</Link>
+            </Button>
+            <Button variant="secondaryDark" asChild>
+              <Link href="https://docs.planoai.dev/get_started/quickstart">Documentation</Link>
+            </Button>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}