2026-03-02T08-52-47_auto_memory/memories.db-wal
This commit is contained in:
parent
79c27c8988
commit
6a609c7710
@ -10,60 +10,119 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "@/consts";
|
||||
<Hero client:load />
|
||||
|
||||
<!-- How It Works -->
|
||||
<section class="py-16 px-4 sm:px-6 border-t border-surface-border">
|
||||
<section class="py-20 px-4 sm:px-6">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl font-bold text-text text-center mb-10">
|
||||
How It Works
|
||||
</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<div class="text-center mb-14">
|
||||
<span
|
||||
class="inline-block text-xs font-mono text-primary-light uppercase tracking-widest mb-3"
|
||||
>
|
||||
Simple Process
|
||||
</span>
|
||||
<h2 class="text-3xl sm:text-4xl font-bold text-text">
|
||||
Three Steps. Three Minutes.
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div class="relative grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<!-- Connecting line (desktop only) -->
|
||||
<div
|
||||
class="rounded-xl bg-surface-muted border border-surface-border p-6 text-center"
|
||||
class="hidden md:block absolute top-10 left-[calc(16.67%+24px)] right-[calc(16.67%+24px)] h-px bg-gradient-to-r from-primary/40 via-primary/20 to-primary/40"
|
||||
>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="group relative rounded-2xl bg-surface-muted/80 border border-surface-border p-7 text-center hover:border-primary/30 transition-all glow-hover"
|
||||
>
|
||||
<div
|
||||
class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4"
|
||||
class="relative z-10 w-14 h-14 rounded-2xl bg-primary/15 border border-primary/20 flex items-center justify-center mx-auto mb-5"
|
||||
>
|
||||
<span class="text-xl font-bold text-primary-light">1</span>
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.5"
|
||||
class="text-primary-light"
|
||||
>
|
||||
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
|
||||
<path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"
|
||||
></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-base font-semibold text-text mb-2">
|
||||
<span class="text-[10px] font-mono text-primary-light/60 uppercase tracking-widest"
|
||||
>Step 01</span
|
||||
>
|
||||
<h3 class="text-lg font-semibold text-text mt-1 mb-2">
|
||||
Extract from ChatGPT
|
||||
</h3>
|
||||
<p class="text-sm text-text-muted">
|
||||
Copy our prompt into ChatGPT. It generates a summary of everything
|
||||
it knows about you.
|
||||
<p class="text-sm text-text-muted leading-relaxed">
|
||||
Copy our prompt into ChatGPT. It generates a structured summary of
|
||||
everything it knows about you.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="rounded-xl bg-surface-muted border border-surface-border p-6 text-center"
|
||||
class="group relative rounded-2xl bg-surface-muted/80 border border-surface-border p-7 text-center hover:border-primary/30 transition-all glow-hover"
|
||||
>
|
||||
<div
|
||||
class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4"
|
||||
class="relative z-10 w-14 h-14 rounded-2xl bg-primary/15 border border-primary/20 flex items-center justify-center mx-auto mb-5"
|
||||
>
|
||||
<span class="text-xl font-bold text-primary-light">2</span>
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.5"
|
||||
class="text-primary-light"
|
||||
>
|
||||
<path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"
|
||||
></path>
|
||||
<path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"
|
||||
></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-base font-semibold text-text mb-2">
|
||||
<span class="text-[10px] font-mono text-primary-light/60 uppercase tracking-widest"
|
||||
>Step 02</span
|
||||
>
|
||||
<h3 class="text-lg font-semibold text-text mt-1 mb-2">
|
||||
Review & Clean Up
|
||||
</h3>
|
||||
<p class="text-sm text-text-muted">
|
||||
Paste the response here. Edit out anything you don't want Claude to
|
||||
know. Trim the boilerplate.
|
||||
<p class="text-sm text-text-muted leading-relaxed">
|
||||
Paste the response here. Edit out anything you don't want. Trim the
|
||||
boilerplate with one click.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="rounded-xl bg-surface-muted border border-surface-border p-6 text-center"
|
||||
class="group relative rounded-2xl bg-surface-muted/80 border border-surface-border p-7 text-center hover:border-accent/30 transition-all glow-hover"
|
||||
>
|
||||
<div
|
||||
class="w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center mx-auto mb-4"
|
||||
class="relative z-10 w-14 h-14 rounded-2xl bg-accent/15 border border-accent/20 flex items-center justify-center mx-auto mb-5"
|
||||
>
|
||||
<span class="text-xl font-bold text-primary-light">3</span>
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.5"
|
||||
class="text-accent"
|
||||
>
|
||||
<path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
|
||||
<polyline points="22 4 12 14.01 9 11.01"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-base font-semibold text-text mb-2">
|
||||
<span class="text-[10px] font-mono text-accent/60 uppercase tracking-widest"
|
||||
>Step 03</span
|
||||
>
|
||||
<h3 class="text-lg font-semibold text-text mt-1 mb-2">
|
||||
Import into Claude
|
||||
</h3>
|
||||
<p class="text-sm text-text-muted">
|
||||
One click opens Claude's memory import. Paste your profile and
|
||||
you're done.
|
||||
<p class="text-sm text-text-muted leading-relaxed">
|
||||
One click opens Claude's memory import. Paste your profile, click
|
||||
import. Done.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -73,84 +132,110 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "@/consts";
|
||||
<!-- Migration Wizard -->
|
||||
<section id="wizard" class="py-16 px-4 sm:px-6">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="text-center mb-8">
|
||||
<span
|
||||
class="inline-block text-xs font-mono text-accent uppercase tracking-widest mb-3"
|
||||
>
|
||||
Migration Tool
|
||||
</span>
|
||||
<h2 class="text-2xl sm:text-3xl font-bold text-text">
|
||||
Start Your Migration
|
||||
</h2>
|
||||
</div>
|
||||
<MigrationWizard client:load />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Value Props -->
|
||||
<section class="py-16 px-4 sm:px-6 border-t border-surface-border">
|
||||
<!-- Value Props / Trust Bar -->
|
||||
<section class="py-16 px-4 sm:px-6">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<div class="text-center">
|
||||
<div
|
||||
class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center mx-auto mb-3"
|
||||
>
|
||||
<svg
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
class="text-accent"
|
||||
<div
|
||||
class="rounded-2xl bg-surface-muted/50 border border-surface-border p-8 sm:p-10"
|
||||
>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div class="flex items-start gap-4">
|
||||
<div
|
||||
class="shrink-0 w-12 h-12 rounded-xl bg-accent/10 border border-accent/20 flex items-center justify-center"
|
||||
>
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<path d="M12 6v6l4 2"></path>
|
||||
</svg>
|
||||
<svg
|
||||
width="22"
|
||||
height="22"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.5"
|
||||
class="text-accent"
|
||||
>
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<path d="M12 6v6l4 2"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-sm font-semibold text-text mb-1">
|
||||
3-Minute Setup
|
||||
</h3>
|
||||
<p class="text-xs text-text-muted leading-relaxed">
|
||||
Copy, paste, done. No complex export processes or
|
||||
configuration.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-sm font-semibold text-text mb-1">3-Minute Setup</h3>
|
||||
<p class="text-xs text-text-muted">
|
||||
Copy, paste, done. No complex export processes.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<div
|
||||
class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center mx-auto mb-3"
|
||||
>
|
||||
<svg
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
class="text-accent"
|
||||
<div class="flex items-start gap-4">
|
||||
<div
|
||||
class="shrink-0 w-12 h-12 rounded-xl bg-accent/10 border border-accent/20 flex items-center justify-center"
|
||||
>
|
||||
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
|
||||
<path d="M7 11V7a5 5 0 0110 0v4"></path>
|
||||
</svg>
|
||||
<svg
|
||||
width="22"
|
||||
height="22"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.5"
|
||||
class="text-accent"
|
||||
>
|
||||
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"
|
||||
></rect>
|
||||
<path d="M7 11V7a5 5 0 0110 0v4"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-sm font-semibold text-text mb-1">
|
||||
100% Client-Side
|
||||
</h3>
|
||||
<p class="text-xs text-text-muted leading-relaxed">
|
||||
No data leaves your browser. No server, no analytics, no
|
||||
tracking.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-sm font-semibold text-text mb-1">
|
||||
100% Client-Side
|
||||
</h3>
|
||||
<p class="text-xs text-text-muted">
|
||||
No data leaves your browser. No server, no tracking.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<div
|
||||
class="w-10 h-10 rounded-lg bg-accent/10 flex items-center justify-center mx-auto mb-3"
|
||||
>
|
||||
<svg
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
class="text-accent"
|
||||
<div class="flex items-start gap-4">
|
||||
<div
|
||||
class="shrink-0 w-12 h-12 rounded-xl bg-accent/10 border border-accent/20 flex items-center justify-center"
|
||||
>
|
||||
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
|
||||
</svg>
|
||||
<svg
|
||||
width="22"
|
||||
height="22"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.5"
|
||||
class="text-accent"
|
||||
>
|
||||
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-sm font-semibold text-text mb-1">
|
||||
Free Forever
|
||||
</h3>
|
||||
<p class="text-xs text-text-muted leading-relaxed">
|
||||
No account, no paywall, no upsell. Just a genuinely useful
|
||||
tool.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-sm font-semibold text-text mb-1">
|
||||
Free Forever
|
||||
</h3>
|
||||
<p class="text-xs text-text-muted">
|
||||
No account, no paywall, no upsell. Just a useful tool.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user