diff --git a/components/reservation.tsx b/components/reservation.tsx
index 95732a2..c9fae21 100644
--- a/components/reservation.tsx
+++ b/components/reservation.tsx
@@ -7,13 +7,13 @@ import { KleapForm } from "@/components/kleap-form";
 
 export function Reservation() {
   const fields = [
-    { name: "name", label: "Full Name", type: "text", required: true, placeholder: "John Doe" },
-    { name: "email", label: "Email Address", type: "email", required: true, placeholder: "john@example.com" },
-    { name: "phone", label: "Phone Number", type: "tel", required: true, placeholder: "+33 1 23 45 67 89" },
-    { name: "date", label: "Date", type: "date", required: true },
-    { name: "time", label: "Time", type: "time", required: true },
-    { name: "guests", label: "Number of Guests", type: "number", required: true, placeholder: "2" },
-    { name: "requests", label: "Special Requests", type: "textarea", required: false, placeholder: "Allergies, special occasion..." },
+    { name: "name", label: "Full Name", type: "text" as const, required: true, placeholder: "John Doe" },
+    { name: "email", label: "Email Address", type: "email" as const, required: true, placeholder: "john@example.com" },
+    { name: "phone", label: "Phone Number", type: "tel" as const, required: true, placeholder: "+33 1 23 45 67 89" },
+    { name: "date", label: "Date", type: "text" as const, required: true },
+    { name: "time", label: "Time", type: "text" as const, required: true },
+    { name: "guests", label: "Number of Guests", type: "number" as const, required: true, placeholder: "2" },
+    { name: "requests", label: "Special Requests", type: "textarea" as const, required: false, placeholder: "Allergies, special occasion..." },
   ];
 
   return (