feat: add horizontal hero with image on homepage

- Add computer.png image to hero section
- Use horizontal orientation for hero layout
- Reduce vertical padding for tighter layout

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: phernandez

.github/workflows/claude.yml

@@ -11,7 +11,7 @@ on:
     types: [submitted]
 
 jobs:
-  claude:
+  AI:
     if: |
       (github.event_name == 'issue_comment' && contains(github.event.comment.body, '@claude')) ||
       (github.event_name == 'pull_request_review_comment' && contains(github.event.comment.body, '@claude')) ||
@@ -47,4 +47,3 @@ jobs:
           # See https://github.com/anthropics/claude-code-action/blob/main/docs/usage.md
           # or https://docs.claude.com/en/docs/claude-code/cli-reference for available options
           # claude_args: '--allowed-tools Bash(gh pr:*)'
-

app/components/content/HeroImage.vue

@@ -0,0 +1,10 @@
+<template>
+  <img :src="src" :alt="alt" class="w-full max-w-lg" />
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  src: string
+  alt?: string
+}>()
+</script>

content/index.md

@@ -5,11 +5,18 @@ seo:
 ---
 
 ::u-page-hero
+---
+orientation: horizontal
+class: py-0
+---
+
 #title
 AI memory that grows with you.
 
 #description
-Build persistent knowledge that both you and AI can read, write, and enhance together.
+Build persistent knowledge that both you and AI can read, write, and enhance together. 
+Learn how it works.
+See why your AI needs Basic Memory.
 
 #links
   :::u-button
@@ -42,9 +49,15 @@ Build persistent knowledge that both you and AI can read, write, and enhance tog
   ---
   v0.18 →
   :::
+
+#default
+![Basic Memory](/computer.png)
 ::
 
 ::u-page-section
+---
+class: pt-0
+---
   :::u-page-grid
     ::::u-page-card
     ---