diff --git a/src/public/index.html b/src/public/index.html
index a2af4ca..912e7d0 100644
--- a/src/public/index.html
+++ b/src/public/index.html
@@ -145,6 +145,29 @@
     <div class="flex flex-col h-full w-full overflow-hidden">
         <div class="flex flex-col h-full">
 
+            <!-- announcement -->
+            <div v-if="isShowingAnnouncement" class="flex bg-yellow-300 p-2 border-gray-300 border-b">
+
+                <!-- info -->
+                <div class="my-auto leading-tight">
+                    <div class="font-bold">Service Announcement</div>
+                    <div class="text-sm">
+                        <span>This map is new and is still populating!</span>
+                    </div>
+                </div>
+
+                 <!-- action buttons -->
+                <div class="flex my-auto ml-auto mr-0 sm:mr-2">
+                    <a @click="dismissAnnouncement" href="javascript:void(0)" class="rounded-full">
+                        <div class="bg-white hover:bg-gray-100 p-2 rounded-full">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
+                            </svg>
+                        </div>
+                    </a>
+                </div>
+            </div>
+
             <!-- header -->
             <div class="flex bg-white p-2 border-gray-300 border-b h-16">