website refactor

apps/website/components/onboarding/OnboardingHeader.tsx

@@ -0,0 +1,17 @@
+interface OnboardingHeaderProps {
+  title: string;
+  subtitle: string;
+  emoji: string;
+}
+
+export function OnboardingHeader({ title, subtitle, emoji }: OnboardingHeaderProps) {
+  return (
+    <div className="text-center mb-8">
+      <div className="flex h-16 w-16 items-center justify-center rounded-2xl bg-gradient-to-br from-primary-blue/20 to-purple-600/10 border border-primary-blue/30 mx-auto mb-4">
+        <span className="text-2xl">{emoji}</span>
+      </div>
+      <h1 className="text-4xl font-bold mb-2">{title}</h1>
+      <p className="text-gray-400">{subtitle}</p>
+    </div>
+  );
+}