Merge pull request #3025 from appwrite/presences-featured

Feature Presences API blog and add homepage eyebrow

Author: atharvadeosthale

src/routes/(marketing)/(components)/hero-banner.svelte

@@ -5,7 +5,7 @@
     type Props = {
         title: string;
         href: string;
-        icon?: Extract<IconType, 'mongo' | 'sparkle'> | 'claude';
+        icon?: Extract<IconType, 'mongo' | 'sparkle'> | 'claude' | 'presences';
         class?: string;
     };
 
@@ -27,6 +27,8 @@
                 class="claude-icon-badge-img"
             />
         </span>
+    {:else if icon === 'presences'}
+        <span class="icon-status-online presences-icon-glyph shrink-0" aria-hidden="true"></span>
     {:else}
         <Icon name="sparkle" class="shrink-0" aria-hidden="true" />
     {/if}
@@ -63,4 +65,10 @@
         width: 0.875rem;
         height: 0.875rem;
     }
+
+    .presences-icon-glyph {
+        color: #fd366e;
+        font-size: 1rem;
+        line-height: 1;
+    }
 </style>

src/routes/(marketing)/(components)/hero.svelte

@@ -152,16 +152,16 @@
         >
             {#if layoutAside}
                 <HeroBanner
-                    title="New: Appwrite plugin for Claude Code"
-                    href="/blog/post/announcing-appwrite-claude-code-plugin"
-                    icon="claude"
+                    title="New: Announcing the Presences API"
+                    href="/blog/post/announcing-presences-api"
+                    icon="presences"
                 />
             {:else}
                 <div class="flex w-full justify-center">
                     <HeroBanner
-                        title="New: Appwrite plugin for Claude Code"
-                        href="/blog/post/announcing-appwrite-claude-code-plugin"
-                        icon="claude"
+                        title="New: Announcing the Presences API"
+                        href="/blog/post/announcing-presences-api"
+                        icon="presences"
                     />
                 </div>
             {/if}

src/routes/blog/post/announcing-presences-api/+page.markdoc

@@ -7,7 +7,7 @@ cover: /images/blog/announcing-presences-api/cover.avif
 timeToRead: 5
 author: aditya-oberai
 category: announcement
-featured: false
+featured: true
 callToAction: true
 faqs:
     - question: "What is the Appwrite Presences API?"