+ {/* Gradient overlay */}
+ {variant === 'gradient' && (
+
+ )}
+
+ {/* Face container with 3D transform */}
+
+ {/* Face SVG */}
+
+
+ {/* Initial letter */}
+ {showInitial && (
+
+ {initial}
+
+ )}
+
+
+ );
+ },
+);
+
+Facehash.displayName = 'Facehash';
diff --git a/apps/start/src/components/facehash/faces.tsx b/apps/start/src/components/facehash/faces.tsx
new file mode 100644
index 00000000..d89d38c2
--- /dev/null
+++ b/apps/start/src/components/facehash/faces.tsx
@@ -0,0 +1,57 @@
+import type * as React from 'react';
+
+export type FaceProps = {
+ className?: string;
+ style?: React.CSSProperties;
+};
+
+/**
+ * Round eyes face - simple circular eyes
+ */
+export const RoundFace: React.FC