diff --git a/pages/admin.vue b/pages/admin.vue
index 55578f3..e740dec 100644
--- a/pages/admin.vue
+++ b/pages/admin.vue
@@ -31,8 +31,36 @@
           <h2 class="text-xl font-semibold">Sermon Details</h2>
         </template>
 
-        <!-- Form content will go here -->
+        <form @submit.prevent="handleSubmit" class="space-y-8">
+          <!-- Basic Information -->
+          <div class="space-y-4">
+            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+              <UFormGroup label="Sermon Title" name="title" required>
+                <UInput
+                  v-model="form.title"
+                  placeholder="Enter sermon title"
+                  :disabled="loading"
+                />
+              </UFormGroup>
 
+              <UFormGroup label="Sermon Date" name="date" required>
+                <UInput
+                  v-model="form.date"
+                  type="date"
+                  :disabled="loading"
+                />
+              </UFormGroup>
+            </div>
+
+            <UFormGroup label="Generated URL" name="generatedUrl">
+              <UInput
+                :value="form.title && form.date ? generateSlug(form.title, form.date) : 'Enter title and date to see URL'"
+                :disabled="loading"
+                readonly
+              />
+            </UFormGroup>
+          </div>
+        </form>
       </UCard>
 
       <!-- Success Message -->