first commit

resources/js/pages/Dashboard.svelte

@@ -0,0 +1,44 @@
+<script module lang="ts">
+    import { dashboard } from '@/routes';
+
+    export const layout = {
+        breadcrumbs: [
+            {
+                title: 'Dashboard',
+                href: dashboard(),
+            },
+        ],
+    };
+</script>
+
+<script lang="ts">
+    import AppHead from '@/components/AppHead.svelte';
+    import PlaceholderPattern from '@/components/PlaceholderPattern.svelte';
+</script>
+
+<AppHead title="Dashboard" />
+
+<div class="flex h-full flex-1 flex-col gap-4 overflow-x-auto rounded-xl p-4">
+    <div class="grid auto-rows-min gap-4 md:grid-cols-3">
+        <div
+            class="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border"
+        >
+            <PlaceholderPattern />
+        </div>
+        <div
+            class="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border"
+        >
+            <PlaceholderPattern />
+        </div>
+        <div
+            class="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border"
+        >
+            <PlaceholderPattern />
+        </div>
+    </div>
+    <div
+        class="relative min-h-screen flex-1 rounded-xl border border-sidebar-border/70 md:min-h-min dark:border-sidebar-border"
+    >
+        <PlaceholderPattern />
+    </div>
+</div>