diff --git a/src/pages/story/1.astro b/src/pages/story/1.astro
new file mode 100644
index 0000000..11e8127
--- /dev/null
+++ b/src/pages/story/1.astro
@@ -0,0 +1,19 @@
+---
+import BaseLayout from "../../layouts/BaseLayout.astro";
+import Button from "../../components/story/Button";
+import ChoiceCard from "../../components/story/ChoiceCard";
+const redirect = "./2";
+---
+
+<BaseLayout>
+  <form
+    class="flex w-full flex-col items-center justify-center gap-8"
+    action={redirect}
+  >
+    <ChoiceCard header="นี่คือตัวอย่างปุ่ม\nที่ไม่นับคะแนนสักอัน">
+      <Button client:load text="Option 1" />
+      <Button client:load text="Option 2" />
+      <Button client:load text="Option 3" />
+    </ChoiceCard>
+  </form>
+</BaseLayout>
diff --git a/src/pages/story/2.astro b/src/pages/story/2.astro
new file mode 100644
index 0000000..5fdbfa1
--- /dev/null
+++ b/src/pages/story/2.astro
@@ -0,0 +1,19 @@
+---
+import BaseLayout from "../../layouts/BaseLayout.astro";
+import ChoiceCard from "../../components/story/ChoiceCard";
+import ScoredButton from "@/components/story/ScoredButton";
+const redirect = "./3";
+---
+
+<BaseLayout>
+  <form
+    class="flex w-full flex-col items-center justify-center gap-8"
+    action={redirect}
+  >
+    <ChoiceCard header="นี่คือตัวอย่างปุ่ม\nที่นับคะแนนหมดเลย">
+      <ScoredButton client:load text="Option 1" scores={[1, 0, 2, 1, 0, 1]} />
+      <ScoredButton client:load text="Option 2" scores={[2, 2, 0, 0, 2, 1]} />
+      <ScoredButton client:load text="Option 3" scores={[0, 1, 1, 2, 0, 0]} />
+    </ChoiceCard>
+  </form>
+</BaseLayout>
diff --git a/src/pages/story/3.astro b/src/pages/story/3.astro
new file mode 100644
index 0000000..1565cb1
--- /dev/null
+++ b/src/pages/story/3.astro
@@ -0,0 +1,9 @@
+---
+import BaseLayout from "../../layouts/BaseLayout.astro";
+import Tap from "../../components/story/Tap";
+---
+
+<BaseLayout>
+  นี่คือหน้าเปล่าที่แตะแล้วไปต่อได้
+  <Tap client:load redirect="./4" />
+</BaseLayout>
diff --git a/src/pages/story/4.astro b/src/pages/story/4.astro
new file mode 100644
index 0000000..1c70771
--- /dev/null
+++ b/src/pages/story/4.astro
@@ -0,0 +1,7 @@
+---
+import BaseLayout from "../../layouts/BaseLayout.astro";
+---
+
+<BaseLayout>
+  <h1 class="text-3xl">Well done!</h1>
+</BaseLayout>