Initialize repository with harness code and assets

Initial import of all source code, config, and README assets: the
packages workspace (cli, core, server, web, docs, landing, skills),
build scripts, tooling config, and CI workflows.

Includes the data-layout revision made on this branch: the local data
root defaults to ~/.penguin/data (PENGUIN_HOME still overrides; the
installer keeps its binaries in ~/.penguin), and every Agent lives
under <project>/agents/<agent>/ — path helpers, the three
agent-enumeration scans, the system prompt, built-in Skills, tests
and docs all follow the new layout.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018ihk8iQuo3kv2aPjAYEPuR

packages/landing/src/components/section.tsx

@@ -0,0 +1,47 @@
+/** Shared section shell: anchor id + centered header (eyebrow / title / subtitle) + content. */
+import type { ReactNode } from "react";
+import { useReveal } from "../lib/reveal";
+
+export function Section({
+  id,
+  eyebrow,
+  title,
+  subtitle,
+  children,
+  className = "",
+}: {
+  id?: string;
+  eyebrow?: string;
+  title?: string;
+  subtitle?: string;
+  children: ReactNode;
+  className?: string;
+}) {
+  const ref = useReveal<HTMLElement>();
+  return (
+    <section id={id} ref={ref} className={`px-4 py-16 sm:px-6 sm:py-24 ${className}`}>
+      <div className="mx-auto max-w-6xl">
+        {(eyebrow || title || subtitle) && (
+          <div className="mx-auto mb-10 max-w-3xl text-center sm:mb-14">
+            {eyebrow && (
+              <p className="mb-2 text-sm font-semibold tracking-wide text-brand-600 uppercase dark:text-brand-300">
+                {eyebrow}
+              </p>
+            )}
+            {title && (
+              <h2 className="text-3xl font-semibold tracking-tight text-balance sm:text-4xl">
+                {title}
+              </h2>
+            )}
+            {subtitle && (
+              <p className="mt-4 text-base leading-7 text-pretty text-gray-600 dark:text-gray-400">
+                {subtitle}
+              </p>
+            )}
+          </div>
+        )}
+        {children}
+      </div>
+    </section>
+  );
+}