Merge branches 'worranittha/gea-12-choices' and 'dev' of https://gith…

…ub.com/esc-chula/gearfest-frontend into worranittha/gea-12-choices

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>

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>

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>

src/pages/story/4.astro

@@ -0,0 +1,7 @@
+---
+import BaseLayout from "../../layouts/BaseLayout.astro";
+---
+
+<BaseLayout>
+  <h1 class="text-3xl">Well done!</h1>
+</BaseLayout>