first commit

resources/js/pages/Welcome.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+    import { Link, page } from '@inertiajs/svelte';
+    import AppHead from '@/components/AppHead.svelte';
+    import Features from '@/components/my/Features.svelte';
+    import Contact from '@/components/my/Contact.svelte';
+    import Teams from '@/components/my/Teams.svelte';
+    import Pricing from '@/components/my/Pricing.svelte';
+    import Hero from '@/components/my/Hero.svelte';
+    import Logo from '@/components/my/Logo.svelte';
+    import FAQ from '@/components/my/FAQ.svelte';
+    import Footer from '@/components/my/Footer.svelte';
+    import { ModeWatcher } from 'mode-watcher';
+
+    let {
+        canRegister = true,
+    }: {
+        canRegister: boolean;
+    } = $props();
+
+    const auth = $derived(page.props.auth);
+</script>
+
+<AppHead title="Willkommen">
+    <link rel="preconnect" href="https://rsms.me/" />
+    <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+</AppHead>
+
+<ModeWatcher />
+<main class="container mx-auto">
+    <div class="grid place-items-center lg:max-w-7xl gap-8 py-20 md:py-32">
+        <Logo />
+        <Hero canRegister={true} />
+        <Features />
+        <Teams />
+        <Pricing />
+        <Contact />
+        <FAQ />
+        <Footer />
+    </div>
+</main>