Developing Booking Form

src/pages/schedule/ScheduleIndexPage.vue

@@ -1,5 +1,27 @@
 <template>
-  <q-page padding> </q-page>
+  <q-page padding>
+    <q-item v-for="link in navlinks" :key="link.label">
+      <q-btn
+        :icon="link.icon"
+        color="primary"
+        size="1.25em"
+        :to="link.to"
+        :label="link.label"
+        rounded
+        class="full-width"
+        align="left"
+      />
+    </q-item>
+  </q-page>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+const navlinks = [
+  {
+    icon: 'more_time',
+    to: '/schedule/book',
+    label: 'Create a Reservation',
+  },
+  { icon: 'calendar_month', to: '/schedule/view', label: 'View Schedule' },
+];
+</script>