2026-03-02T08-41-44_auto_memory/memories.db-wal

chatgpt-to-claude/src/pages/blog/index.astro

@@ -0,0 +1,43 @@
+---
+import BaseLayout from "@/layouts/BaseLayout.astro";
+import BlogCard from "@/components/blog/BlogCard.astro";
+import { getCollection } from "astro:content";
+
+const posts = (await getCollection("blog")).sort(
+  (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()
+);
+---
+
+<BaseLayout
+  title="Blog — ChatGPT to Claude"
+  description="Guides, tutorials, and tips for migrating from ChatGPT to Claude and getting the most out of AI assistants."
+>
+  <section class="pt-24 pb-16 px-4 sm:px-6">
+    <div class="max-w-4xl mx-auto">
+      <h1 class="text-3xl font-bold text-text mb-2">Blog</h1>
+      <p class="text-text-muted mb-10">
+        Guides and tutorials for switching AI assistants and making the most of
+        Claude.
+      </p>
+
+      {
+        posts.length === 0 ? (
+          <p class="text-text-muted">No posts yet. Check back soon.</p>
+        ) : (
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            {posts.map((post) => (
+              <BlogCard
+                title={post.data.title}
+                description={post.data.description}
+                pubDate={post.data.pubDate}
+                slug={post.id}
+                category={post.data.category}
+                heroImage={post.data.heroImage}
+              />
+            ))}
+          </div>
+        )
+      }
+    </div>
+  </section>
+</BaseLayout>