Merge branch 'main' into clarify-branding-feature

Author: ItzNotABug

src/routes/(experiments)/new-homepage/(components)/scale.svelte

@@ -213,15 +213,15 @@
                     </div>
                 {/each}
 
-                <div class="pointer-events-none absolute inset-0 z-50">
+                <!-- <div class="pointer-events-none absolute inset-0 z-50">
                     {#each correctStats as stat, i}
                         <div
                             class="border-accent absolute top-[var(--top)] left-[calc(var(--left)_+_1px)] h-2 w-2 -translate-1/2 rounded-full border bg-white"
                             style:--top={`${stat.top}%`}
                             style:--left="{i * 25}%"
                         ></div>
                     {/each}
-                </div>
+                </div> -->
             </div>
         </div>
         <div

src/routes/products/sites/(components)/create.svelte

@@ -20,7 +20,7 @@
 <div class="flex h-fit flex-1 gap-3" bind:this={container}>
     <div class="sticky inset-y-0 top-0 left-0 flex h-full justify-center bg-transparent">
         <div
-            class="border-gradient absolute z-10 flex size-4 items-center justify-center rounded-full bg-gradient-to-tl from-transparent to-white/32 md:-left-7"
+            class="border-gradient absolute z-10 flex size-4 items-center justify-center rounded-full bg-gradient-to-tl from-transparent to-white/32"
         >
             <div class="size-1 rounded-full bg-white"></div>
         </div>

src/routes/products/sites/(components)/deploy.svelte

@@ -91,7 +91,7 @@
 <div class="flex h-fit flex-1 gap-3" bind:this={container}>
     <div class="sticky inset-y-0 top-0 flex h-full justify-center bg-transparent">
         <div
-            class="border-gradient absolute z-10 flex size-4 items-center justify-center rounded-full bg-gradient-to-tl from-transparent to-white/32 md:-left-7"
+            class="border-gradient absolute z-10 flex size-4 items-center justify-center rounded-full bg-gradient-to-tl from-transparent to-white/32"
         >
             <div class="size-1 rounded-full bg-white"></div>
         </div>

src/routes/products/sites/(components)/integrate.svelte

@@ -18,9 +18,9 @@
 
     const products: Array<{
         label: string;
-        icon: unknown;
+        icon: string;
         line: (isActive: boolean) => string;
-        image: unknown;
+        image: string;
     }> = [
         {
             label: 'Auth',
@@ -128,7 +128,7 @@
 <div class="my-12 flex h-fit flex-1 gap-3" bind:this={container}>
     <div class="sticky inset-y-0 top-0 left-0 flex h-full justify-center bg-transparent">
         <div
-            class="border-gradient absolute z-10 flex size-4 items-center justify-center rounded-full bg-gradient-to-tl from-transparent to-white/32 md:-left-7"
+            class="border-gradient absolute z-10 flex size-4 items-center justify-center rounded-full bg-gradient-to-tl from-transparent to-white/32"
         >
             <div class="size-1 rounded-full bg-white"></div>
         </div>