first commit

resources/js/Components/Page/Page.vue

@@ -0,0 +1,14 @@
+<script setup>
+
+</script>
+
+<template>
+    <div class="mx-auto max-w-3xl">
+        <slot name="header" />
+        <slot />
+    </div>
+</template>
+
+<style scoped>
+
+</style>

resources/js/Components/Page/PageBody.vue

@@ -0,0 +1,13 @@
+<script setup>
+
+</script>
+
+<template>
+    <div class="py-2">
+        <slot />
+    </div>
+</template>
+
+<style scoped>
+
+</style>

resources/js/Components/Page/PageHeader.vue

@@ -0,0 +1,16 @@
+<script setup>
+
+</script>
+
+<template>
+    <div>
+        <h1 class="text-2xl/8 font-semibold text-zinc-950 sm:text-xl/8 dark:text-white">
+            <slot />
+        </h1>
+        <hr role="presentation" class="mt-6 w-full border-t border-zinc-950/10 dark:border-white/10">
+    </div>
+</template>
+
+<style scoped>
+
+</style>