moving

apps/www/app/_components/BrandMark.tsx

@@ -0,0 +1,58 @@
+interface BrandMarkProps {
+  readonly size?: number;
+  readonly withWordmark?: boolean;
+}
+
+/**
+ * Waggle brand mark: a hive cell (pointy-top hexagon) holding a honey core —
+ * one memory node in the graph. Pure SVG so it stays crisp at every density
+ * and inherits no JPEG artifacts (replaces the legacy logo.jpeg raster).
+ */
+export default function BrandMark({ size = 28, withWordmark = false }: BrandMarkProps) {
+  const mark = (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 32 32"
+      fill="none"
+      role="img"
+      aria-label="Waggle"
+    >
+      <path
+        d="M16 3 L27.26 9.5 L27.26 22.5 L16 29 L4.74 22.5 L4.74 9.5 Z"
+        stroke="var(--honey-500, #e9a52c)"
+        strokeWidth="2.4"
+        strokeLinejoin="round"
+        fill="none"
+      />
+      <path
+        d="M16 10.8 L20.5 13.4 L20.5 18.6 L16 21.2 L11.5 18.6 L11.5 13.4 Z"
+        fill="var(--honey-400, #f6c45a)"
+      />
+    </svg>
+  );
+
+  if (!withWordmark) return mark;
+
+  return (
+    <span
+      style={{
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: 10,
+      }}
+    >
+      {mark}
+      <span
+        style={{
+          fontSize: 17,
+          fontWeight: 700,
+          letterSpacing: '-0.02em',
+          color: 'var(--hive-50, #f6f1e4)',
+        }}
+      >
+        Waggle
+      </span>
+    </span>
+  );
+}