diff --git a/src/images/banner-pattern.svg b/public/banner-pattern.svg
similarity index 100%
rename from src/images/banner-pattern.svg
rename to public/banner-pattern.svg
diff --git a/src/components/ui/banners/AnnouncementBanner.astro b/src/components/ui/banners/AnnouncementBanner.astro
index a63393a..0f4ac86 100644
--- a/src/components/ui/banners/AnnouncementBanner.astro
+++ b/src/components/ui/banners/AnnouncementBanner.astro
@@ -14,17 +14,17 @@ interface Props {
     class="fixed bottom-0 start-1/2 z-50 mx-auto w-full -translate-x-1/2 transform p-6 sm:max-w-4xl"
   >
     <div
-      class="rounded-xl bg-neutral-800 bg-[url('src/images/banner-pattern.svg')] bg-cover bg-center bg-no-repeat p-4 text-center shadow-sm dark:bg-neutral-200"
+      class="rounded-xl bg-neutral-800 bg-[url('/banner-pattern.svg')] bg-cover bg-center bg-no-repeat p-4 text-center shadow-sm dark:bg-neutral-200"
     >
       <div class="flex items-center justify-center">
         <div class="ml-auto">
           <p
-            class="me-2 inline-block font-medium text-neutral-200 dark:text-neutral-800"
+            class="me-2 inline-block font-medium text-neutral-300 dark:text-neutral-700"
           >
             {title}
           </p>
           <a
-            class="group inline-flex items-center gap-x-2 rounded-full border-2 border-neutral-50 px-3 py-2 text-sm font-semibold text-neutral-50 transition duration-300 hover:border-neutral-100/70 hover:text-neutral-100/70 disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-700 dark:text-neutral-800 dark:hover:border-neutral-700/70 dark:hover:text-neutral-800/70 dark:focus:outline-none"
+            class="group inline-flex items-center gap-x-2 rounded-full border-2 border-neutral-50 px-3 py-2 text-sm font-semibold text-neutral-300 transition duration-300 hover:border-neutral-100/70 hover:text-neutral-100/70 disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-700 dark:text-neutral-700 dark:hover:border-neutral-700/70 dark:hover:text-neutral-800/70 dark:focus:outline-none"
             href={url}
             target="_blank"
           >