add

Author: siravijbb

package.json

@@ -54,6 +54,7 @@
 		"drizzle-orm": "^0.44.1",
 		"jsonwebtoken": "^9.0.2",
 		"leaflet": "^1.9.4",
+		"lucide-svelte": "^0.511.0",
 		"pg": "^8.16.0",
 		"postgres": "^3.4.7"
 	}

pnpm-lock.yaml

@@ -1,8 +1,8 @@
-<footer class="footer">
+<footer class="footer mt-96">
 	<div class="footer-container">
 		<div class="footer-section">
 			<div class="footer-logo">
-				<div class="logo-icon">S</div>
+				<img class="logo-icon" src="Stargaze_logo.png">
 				<span>ดูดาว</span>
 			</div>
 			<p class="footer-description">
@@ -88,7 +88,6 @@
 	.logo-icon {
 		width: 24px;
 		height: 24px;
-		background-color: white;
 		border-radius: 50%;
 	}
 
@@ -610,7 +609,7 @@
 	.footer {
 		background-color: #0a0d14;
 		padding: 4rem 1rem 0;
-		margin-top: 4rem;
+		margin-top: -2rem;
 	}
 
 	.footer-container {
@@ -639,7 +638,6 @@
 	.footer-logo .logo-icon {
 		width: 32px;
 		height: 32px;
-		background-color: #4a90e2;
 		border-radius: 50%;
 		display: flex;
 		align-items: center;

src/components/footer.svelte

@@ -29,7 +29,7 @@
         ]
       },
       {
-        question: "2.สไตล์การเที่ยวของคุณเป็นแบบไหน",
+        question: "สไตล์การเที่ยวของคุณเป็นแบบไหน",
         answers: [
           { value: "adventure", text: "สายลุย เน้นกิจกรรม" },
           { value: "chill", text: "สายชิล เน้นสะดวกสบาย" },
@@ -79,6 +79,7 @@
         <!-- Question Card -->
         <div class="bg-white rounded-[20px] p-8 shadow-2xl">
           <h2 class="text-3xl font-bold mb-4 font-['Noto_Sans_Thai'] text-center">
+            แบบสอบถามความสนใจด้านการดูดาว <br>
             คำถามที่ {currentQuestion + 1} จาก {questions.length}
           </h2>
           <div class="my-[26px]">

src/components/modalask.svelte

@@ -34,7 +34,7 @@
 
 <header class="header">
   <div class="logo">
-      <div class="logo-icon"></div>
+      <img class="logo-icon" src="/Stargaze_logo.png">
       <span>ไลก์</span>
   </div>