diff --git a/app/pages/about.stories.ts b/app/pages/about.stories.ts
new file mode 100644
index 0000000000..b895ba8e70
--- /dev/null
+++ b/app/pages/about.stories.ts
@@ -0,0 +1,30 @@
+import About from './about.vue'
+import type { Meta, StoryObj } from '@storybook-vue/nuxt'
+import AppHeader from '~/components/AppHeader.vue'
+import AppFooter from '~/components/AppFooter.vue'
+
+const meta = {
+  component: About,
+  parameters: {
+    layout: 'fullscreen',
+  },
+  decorators: [
+    () => ({
+      components: { AppHeader, AppFooter },
+      template: `
+        <div class="min-h-screen flex flex-col bg-bg text-fg">
+          <AppHeader :show-logo="true" />
+          <div id="main-content" class="flex-1 flex flex-col" tabindex="-1">
+            <story />
+          </div>
+          <AppFooter />
+        </div>
+      `,
+    }),
+  ],
+} satisfies Meta<typeof About>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}