Merge branch 'main' into tomain

siravijbb · web-flow · commit 560ec8172222 · 2025-06-02T11:53:52.000+07:00
diff --git a/drizzle.config.ts b/drizzle.config.ts
@@ -16,3 +16,4 @@ export default {
 		ssl: false
 	}
 } satisfies Config;
+
diff --git a/drizzle/0000_cute_captain_midlands.sql b/drizzle/0000_cute_captain_midlands.sql
@@ -0,0 +1,9 @@
+-- Current sql file was generated after introspecting the database
+-- If you want to run this migration please uncomment this code before executing migrations
+/*
+CREATE TABLE "test_table" (
+	"id" serial PRIMARY KEY NOT NULL,
+	"name" text NOT NULL
+);
+
+*/
diff --git a/drizzle/meta/0000_snapshot.json b/drizzle/meta/0000_snapshot.json
@@ -6,6 +6,7 @@
   "tables": {
     "public.Category": {
       "name": "Category",
+
       "schema": "",
       "columns": {
         "id": {
@@ -466,6 +467,7 @@
       "uniqueConstraints": {},
       "policies": {},
       "checkConstraints": {},
+
       "isRLSEnabled": false
     }
   },
@@ -478,6 +480,7 @@
   "_meta": {
     "columns": {},
     "schemas": {},
+
     "tables": {}
   }
 }
diff --git a/drizzle/relations.ts b/drizzle/relations.ts
@@ -10,4 +10,5 @@ export const hotelRelations = relations(hotel, ({one}) => ({
 
 export const categoriesRelations = relations(categories, ({many}) => ({
 	hotels: many(hotel),
-}));
+}));
+
diff --git a/drizzle/schema.ts b/drizzle/schema.ts
@@ -81,3 +81,4 @@ export const hotel = pgTable("hotel", {
 			name: "hotel_type_fk"
 		}),
 ]);
+
diff --git a/package.json b/package.json
@@ -38,6 +38,7 @@
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
 		"tailwindcss": "^4.0.0",
+		"tsx": "^4.19.4",
 		"typescript": "^5.0.0",
 		"vite": "^6.2.6"
 	},
diff --git a/phruk/home.html b/phruk/home.html
@@ -12,7 +12,7 @@
             box-sizing: border-box;
         }
 
-        body {
+        #navbody {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
             background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
             color: white;
@@ -214,7 +214,7 @@
     </style>
 </head>
 
-<body>
+<div id="navbody">
     <nav class="navbar">
         <div class="logo">
             <div class="logo-circle">ไลท์</div>
@@ -245,6 +245,6 @@
 
         <button class="cta-button">ปุ่มไปฟังก์ชันแนบ</button>
     </main>
-</body>
+</div>
 
 </html>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app.css b/src/app.css
@@ -26,6 +26,7 @@
   --color-secondary-700: #0369a1;
   --color-secondary-800: #075985;
   --color-secondary-900: #0c4a6e;
+  --color-teamblue: #4E9EE3;
 }
 
 @source "../node_modules/flowbite-svelte/dist";
@@ -36,4 +37,4 @@
   input[type="search"]::-webkit-search-cancel-button {
     display: none;
   }
-}
+}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -41,7 +41,9 @@
     });
   });
 
+  function handleSearch() {
 
+  }
     
   const cards = [
     {
@@ -97,7 +99,7 @@
     <div class="relative text-center z-10">
       <h1 class="text-4xl md:text-5xl font-bold mb-2">คำพูดเซียบชวนมากดูปุ่ม</h1>
       <h2 class="text-4xl md:text-5xl font-bold mb-8">คำพูดเซียบชวนมากดูปุ่ม</h2>
-      <button class="bg-blue-600 hover:bg-blue-700 px-6 py-3 rounded-lg font-medium transition-colors">
+      <button class="bg-teamblue hover:bg-teamblue/80 px-6 py-3 rounded-lg font-medium transition-colors">
         ปุ่มไปพิงค์ขันแนบ
       </button>
     </div>
@@ -106,20 +108,20 @@
   <!-- Search Section -->
   <section class="px-6 py-8">
     <div class="max-w-md mx-auto relative">
-      <!-- <form onsubmit={handleSearch}>
+      <form onsubmit={handleSearch}>
         <div class="relative">
-          <Search class="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
+          <div class="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
           <input
             type="text"
             placeholder="ค้นหา"
             bind:value={searchQuery}
             class="w-full pl-10 pr-4 py-3 bg-white text-gray-900 rounded-full border-0 focus:ring-2 focus:ring-blue-500 focus:outline-none"
           />
         </div>
-      </form> -->
+      </form>
     </div>
     
-    <div class="flex justify-center space-x-8 mt-6">
+    <div class="mt-56 flex justify-center space-x-8 mt-6">
       <a href="/top-rated" class="text-blue-400 hover:text-blue-300 text-sm">สถานที่ดูดาวที่ดีที่สุด</a>
       <a href="/family-friendly" class="text-blue-400 hover:text-blue-300 text-sm">สถานที่ดูดาวและน่าสำหรับครอบครัว</a>
     </div>
@@ -129,22 +131,18 @@
   <section class="px-6 pb-12">
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto">
       {#each cards as card}
-        <div class="bg-gray-800 rounded-lg overflow-hidden">
-          <div class="relative h-48 bg-gray-600">
-            <img 
-              src="/placeholder.svg?height=200&width=300" 
-              alt="สถานที่ดูดาว"
-              class="w-full h-full object-cover"
-            />
-          </div>
-          <div class="p-4">
-            <h3 class="text-lg font-semibold mb-2">{card.title}</h3>
-            <p class="text-gray-400 text-sm mb-4">{card.description}</p>
-            <button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-lg text-sm font-medium transition-colors">
-              อ่านเพิ่มเติม
-            </button>
+      <div class="space-y-4">
+        <Card img="image.png" class="bg-[#000]">
+          <div class="m-6">
+            <h5 class="mb-2 text-2xl font-bold tracking-tight text-white">Noteworthy technology acquisitions 2021</h5>
+            <p class="mb-3 leading-tight font-normal text-white">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
+            <Button class="w-40">
+              Read more <ArrowRightOutline class="ms-2 h-6 w-6 text-white" />
+            </Button>
           </div>
-        </div>
+        </Card>
+      </div>
+        
       {/each}
     </div>
   </section>
diff --git a/static/image.png b/static/image.png
diff --git a/static/le.png b/static/le.png

Original file line number	Diff line number	Diff line change
`@@ -16,3 +16,4 @@ export default {`
`16`	`16`	`ssl: false`
`17`	`17`	`}`
`18`	`18`	`} satisfies Config;`
	`19`	`+`
-Original file line number
+Diff line change
 			name: "hotel_type_fk"
 		}),
 ]);
++
Original file line number	Diff line number	Diff line change
`@@ -26,6 +26,7 @@`
`26`	`26`	`--color-secondary-700: #0369a1;`
`27`	`27`	`--color-secondary-800: #075985;`
`28`	`28`	`--color-secondary-900: #0c4a6e;`
	`29`	`+ --color-teamblue: #4E9EE3;`
`29`	`30`	`}`
`30`	`31`
`31`	`32`	`@source "../node_modules/flowbite-svelte/dist";`
`@@ -36,4 +37,4 @@`
`36`	`37`	`input[type="search"]::-webkit-search-cancel-button {`
`37`	`38`	`display: none;`
`38`	`39`	`}`
`39`		`-}`
	`40`	`+}`