Merge pull request #1979 from appwrite/init-fullpage

full init page

Author: ItzNotABug

src/lib/components/ProductsSubmenu.svelte

@@ -65,6 +65,10 @@
         {
             label: 'Appwrite vs. Firebase',
             href: '/blog/post/open-source-firebase-alternative'
+        },
+        {
+            label: 'Appwrite vs. Vercel',
+            href: '/blog/post/open-source-vercel-alternative'
         }
     ];
 </script>
@@ -183,8 +187,8 @@
                             class="aspect-[3/1] max-w-[7.5rem] shrink-0 rounded-xl object-cover"
                         />
                         <p class="text-pretty">
-                            Empowering Shopify merchants with real-time store monitoring using
-                            StoreAlert
+                            Appwrited helped reduce development time by 60%, and lower server costs
+                            by 40%.
                         </p>
                     </a>
                 </div>

src/lib/components/shared/dialog.svelte

@@ -2,11 +2,13 @@
     import { fade, scale } from 'svelte/transition';
     import { createDialog, melt } from '@melt-ui/svelte';
     import type { Snippet } from 'svelte';
+    import { browser } from '$app/environment';
 
     type Props = {
         url: string;
         title?: string;
         children: Snippet;
+        inlineVideo?: boolean;
     };
 
     const {
@@ -17,10 +19,18 @@
         preventScroll: true
     });
 
-    const { url, title = 'YouTube video player', children }: Props = $props();
+    const { url, title = 'YouTube video player', children, inlineVideo = true }: Props = $props();
 </script>
 
-<div use:melt={$trigger} class="contents cursor-pointer">
+<div
+    class="contents cursor-pointer"
+    use:melt={inlineVideo ? $trigger : null}
+    onclick={() => {
+        if (!inlineVideo && browser && window) {
+            window.open(url, '_blank');
+        }
+    }}
+>
     {@render children()}
 </div>
 

src/routes/(init)/+layout.svelte

@@ -9,10 +9,9 @@
     }
 
     const { children }: Props = $props();
-    const showLockUp = $state(
+    const showLockUp = $derived(
         page.route.id?.includes('/init/tickets') &&
-            !page.route.id?.includes('/init/tickets/[username]') &&
-            !isStarted
+            !page.route.id?.includes('/init/tickets/[username]')
     );
 </script>