esc-chula · boomchanotai · Jan 30, 2024 · Jan 30, 2024 · Jan 30, 2024 · Jan 30, 2024
diff --git a/src/assets/cocktail/BlueLagoon.png b/src/assets/cocktail/BlueLagoon.png
diff --git a/src/assets/cocktail/Cosmopolitan.png b/src/assets/cocktail/Cosmopolitan.png
diff --git a/src/assets/cocktail/Gin-and-Tonic.png b/src/assets/cocktail/Gin-and-Tonic.png
diff --git a/src/assets/cocktail/Lavender-Lemonade.png b/src/assets/cocktail/Lavender-Lemonade.png
diff --git a/src/assets/cocktail/Pina-Colada.png b/src/assets/cocktail/Pina-Colada.png
diff --git a/src/assets/cocktail/Summer-Berry-Sangria.png b/src/assets/cocktail/Summer-Berry-Sangria.png
diff --git a/src/assets/images/10cont-bg.png b/src/assets/images/10cont-bg.png
diff --git a/src/assets/images/10cont-bg.webp b/src/assets/images/10cont-bg.webp
diff --git a/src/assets/images/Scene1.gif b/src/assets/images/Scene1.gif
diff --git a/src/assets/images/Scene1.webp b/src/assets/images/Scene1.webp
diff --git a/src/assets/images/Scene13.gif b/src/assets/images/Scene13.gif
diff --git a/src/assets/images/Scene13.webp b/src/assets/images/Scene13.webp
diff --git a/src/assets/images/Scene14.webp b/src/assets/images/Scene14.webp
diff --git a/src/assets/images/Scene3.gif b/src/assets/images/Scene3.gif
diff --git a/src/assets/images/Scene3.webp b/src/assets/images/Scene3.webp
diff --git a/src/assets/images/Scene4.gif b/src/assets/images/Scene4.gif
diff --git a/src/assets/images/Scene4.webp b/src/assets/images/Scene4.webp
diff --git a/src/assets/images/bar.jpg b/src/assets/images/bar.jpg
diff --git a/src/assets/images/bar.webp b/src/assets/images/bar.webp
diff --git a/src/components/register-page/Hero.tsx b/src/components/register-page/Hero.tsx
@@ -1,5 +1,5 @@
-import BarImage from "@/assets/images/bar.jpg";
-import PageImage from "@/assets/images/Scene14.gif";
+import BarImage from "@/assets/images/bar.webp";
+import PageImage from "@/assets/images/Scene14.webp";
 import parser from "@/utils/parser";
 import { useCallback, useMemo } from "react";
 import { useCookies } from "react-cookie";

diff --git a/src/layouts/story/QLayout.astro b/src/layouts/story/QLayout.astro
@@ -3,7 +3,7 @@ import { Image } from "astro:assets";
 
 import BaseLayout from "@/layouts/BaseLayout.astro";
 
-import Bar from "@/assets/images/bar.jpg";
+import Bar from "@/assets/images/bar.webp";
 ---
 
 <BaseLayout>

diff --git a/src/layouts/story/TextAreaScene.astro b/src/layouts/story/TextAreaScene.astro
@@ -6,7 +6,7 @@ import ChoiceCard from "@/components/story/ChoiceCard";
 import Textbox from "@/components/story/Textbox";
 import Button from "@/components/story/Button";
 
-import Bar from "@/assets/images/bar.jpg";
+import Bar from "@/assets/images/bar.webp";
 
 interface Props {
   id?: string;

diff --git a/src/pages/cocktail/bluelagoon.astro b/src/pages/cocktail/bluelagoon.astro
@@ -4,7 +4,7 @@ import BlueLagoon from "@/assets/elements/blue-lagoon.png";
 ---
 
 <CocktailCard variant="lagoon" img={BlueLagoon.src}>
-  บลู ลากูน – เครื่องดื่มสีสดใสที่เกิดจากการผสมกันระหว่าง
+  บลู ลากูน - เครื่องดื่มสีสดใสที่เกิดจากการผสมกันระหว่าง
   <br />วอดก้า บลูคูราโซ่ และน้ำมะนาว เนื่องด้วยรสชาติที่ให้ความสดชื่น
   และสีสันที่สวยงามจึงเป็นเครื่องดื่มที่มักเป็นที่นิยมในงานสังสรรค์
   <br /><br />

diff --git a/src/pages/cocktail/ginandtonic.astro b/src/pages/cocktail/ginandtonic.astro
@@ -6,8 +6,9 @@ import Gin from "@/assets/elements/gin-and-tonic.png";
 <CocktailCard variant="gin" img={Gin.src}>
   ด้วยรสซิตรัสจาก “จิน”
   สุรากลั่นจากเมล็ดข้าวซึ่งมีกลิ่นหอมสดชื่นอันเป็นเอกลักษณ์จากผลจูนิเปอร์
-  ผสมผสานกับ “โทนิค” เครื่องดื่มอัดแก๊สรสขมเพิ่มความซาบซ่า
-  ทำให้ค็อกเทลรสชาติจัดจ้านนี้กลายมาเป็นค็อกเทลยอดนิยมทั่วโลก
+  ผสมผสานกับ “โทนิค” เครื่องดื่มอัดแก๊สรสขมเพิ่มความซาบซ่า ทำให้ค็อกเทลรสชาติ<span
+    class="whitespace-nowrap">จัดจ้าน</span
+  >นี้กลายมาเป็นค็อกเทลยอดนิยมทั่วโลก
   <br /><br />
   คุณเปรียบเสมือนค็อกเทลดังกล่าว
   <br />คุณเป็นมนุษย์ผู้รักความสมบูรณ์แบบ

diff --git a/src/pages/story/q1.astro b/src/pages/story/q1.astro
@@ -5,7 +5,7 @@ import BaseLayout from "@/layouts/BaseLayout.astro";
 import ScoredButton from "@/components/story/ScoredButton";
 import ChoiceCard from "@/components/story/ChoiceCard";
 
-import Bar from "@/assets/images/bar.jpg";
+import Bar from "@/assets/images/bar.webp";
 ---
 
 <BaseLayout>

diff --git a/src/pages/story/scene1.astro b/src/pages/story/scene1.astro
@@ -1,7 +1,7 @@
 ---
 import InfiniteAnimateScene from "@/layouts/story/InfiniteAnimateScene.astro";
 
-import Scene from "@/assets/images/Scene1.gif";
+import Scene from "@/assets/images/Scene1.webp";
 ---
 
 <InfiniteAnimateScene

diff --git a/src/pages/story/scene13.astro b/src/pages/story/scene13.astro
@@ -1,7 +1,7 @@
 ---
 import InfiniteAnimateScene from "@/layouts/story/InfiniteAnimateScene.astro";
 
-import Scene from "@/assets/images/Scene13.gif";
+import Scene from "@/assets/images/Scene13.webp";
 ---
 
 <InfiniteAnimateScene

diff --git a/src/pages/story/scene14.astro b/src/pages/story/scene14.astro
@@ -1,7 +1,7 @@
 ---
 import InfiniteAnimateScene from "@/layouts/story/InfiniteAnimateScene.astro";
 
-import Scene from "@/assets/images/Scene14.gif";
+import Scene from "@/assets/images/Scene14.webp";
 ---
 
 <InfiniteAnimateScene img={Scene} redirect="/cocktail/calculation" />
diff --git a/src/pages/story/scene3.astro b/src/pages/story/scene3.astro
@@ -1,7 +1,7 @@
 ---
 import InfiniteAnimateScene from "@/layouts/story/InfiniteAnimateScene.astro";
 
-import Scene from "@/assets/images/Scene3.gif";
+import Scene from "@/assets/images/Scene3.webp";
 ---
 
 <InfiniteAnimateScene img={Scene} redirect="/story/q4" />
diff --git a/src/pages/story/scene4.astro b/src/pages/story/scene4.astro
@@ -1,7 +1,7 @@
 ---
 import InfiniteAnimateScene from "@/layouts/story/InfiniteAnimateScene.astro";
 
-import Scene from "@/assets/images/Scene4.gif";
+import Scene from "@/assets/images/Scene4.webp";
 ---
 
 <InfiniteAnimateScene img={Scene} text="เป็นแผนที่ดีนะ" redirect="/story/q6" />