2026-03-02T08-40-43_auto_memory/memories.db-wal

chatgpt-to-claude/src/components/Hero.tsx

@@ -0,0 +1,43 @@
+export default function Hero() {
+  return (
+    <section className="relative pt-28 pb-20 sm:pt-36 sm:pb-28 px-4 sm:px-6 overflow-hidden">
+      {/* Background gradient */}
+      <div className="absolute inset-0 bg-gradient-to-b from-primary/5 via-transparent to-transparent pointer-events-none" />
+      <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-primary/5 rounded-full blur-3xl pointer-events-none" />
+
+      <div className="relative max-w-3xl mx-auto text-center">
+        <div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-accent/10 border border-accent/20 text-xs text-accent font-medium mb-6">
+          <span className="w-1.5 h-1.5 rounded-full bg-accent animate-pulse" />
+          Free — No account required
+        </div>
+
+        <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold text-text leading-tight mb-6">
+          Move Your{" "}
+          <span className="text-primary-light">ChatGPT Memory</span>
+          <br />
+          to Claude in 3 Minutes
+        </h1>
+
+        <p className="text-lg sm:text-xl text-text-muted max-w-2xl mx-auto mb-8 leading-relaxed">
+          Extract your preferences, context, and working style from ChatGPT.
+          Import it into Claude. No data leaves your browser.
+        </p>
+
+        <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
+          <a
+            href="#wizard"
+            className="px-8 py-3 rounded-xl bg-primary hover:bg-primary-dark text-white font-semibold text-base transition-all"
+          >
+            Start the Migration
+          </a>
+          <a
+            href="/blog/how-to-switch-from-chatgpt-to-claude/"
+            className="px-6 py-3 rounded-xl bg-surface-muted border border-surface-border hover:border-text-muted/50 text-text-muted hover:text-text text-sm transition-all"
+          >
+            Read the Guide
+          </a>
+        </div>
+      </div>
+    </section>
+  );
+}