From 5051c4ce7b11b3f1f35523f6e1a6f5ebed1aadd1 Mon Sep 17 00:00:00 2001
From: Atharva Deosthale <atharva.deosthale17@gmail.com>
Date: Fri, 10 Jul 2026 14:04:11 +0530
Subject: [PATCH] feat(marketing): point hero pill to State of Appwrite Cloud
 survey

---
 .../(marketing)/(components)/hero-banner.svelte      |  7 ++++++-
 src/routes/(marketing)/(components)/hero.svelte      | 12 ++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/routes/(marketing)/(components)/hero-banner.svelte b/src/routes/(marketing)/(components)/hero-banner.svelte
index 960d2aa359..2559951291 100644
--- a/src/routes/(marketing)/(components)/hero-banner.svelte
+++ b/src/routes/(marketing)/(components)/hero-banner.svelte
@@ -12,7 +12,12 @@
     const { title, href, icon = 'sparkle' }: Props = $props();
 </script>
 
-<a {href} class="web-hero-banner-button relative mb-4 flex items-center!">
+<a
+    {href}
+    target={href.startsWith('http') ? '_blank' : undefined}
+    rel={href.startsWith('http') ? 'noopener noreferrer' : undefined}
+    class="web-hero-banner-button relative mb-4 flex items-center!"
+>
     {#if icon === 'mongo'}
         <span class="mongo-icon-badge shrink-0" aria-hidden="true">
             <Icon name="mongo" style="width: 0.75rem; height: 1.125rem; color: #00ED64;" />
diff --git a/src/routes/(marketing)/(components)/hero.svelte b/src/routes/(marketing)/(components)/hero.svelte
index 6f1984b881..3c16d4c5d9 100644
--- a/src/routes/(marketing)/(components)/hero.svelte
+++ b/src/routes/(marketing)/(components)/hero.svelte
@@ -152,16 +152,16 @@
         >
             {#if layoutAside}
                 <HeroBanner
-                    title="New: Announcing the Presences API"
-                    href="/blog/post/announcing-presences-api"
-                    icon="presences"
+                    title="State of Appwrite Cloud: Take the survey"
+                    href="https://forms.gle/5cvWxTwhonoDCWsi7"
+                    icon="sparkle"
                 />
             {:else}
                 <div class="flex w-full justify-center">
                     <HeroBanner
-                        title="New: Announcing the Presences API"
-                        href="/blog/post/announcing-presences-api"
-                        icon="presences"
+                        title="State of Appwrite Cloud: Take the survey"
+                        href="https://forms.gle/5cvWxTwhonoDCWsi7"
+                        icon="sparkle"
                     />
                 </div>
             {/if}