From e95dd9987a0c823ba73d3b107c3a8e1f4f137c46 Mon Sep 17 00:00:00 2001
From: Emil Gulamov <125820963+mearashadowfax@users.noreply.github.com>
Date: Thu, 7 Mar 2024 02:05:02 +0400
Subject: [PATCH] Update button title and make banner title optional

The button title on the main page has been changed to "Explore ScrewFast on GitHub". Also, the title for AnnouncementBanner is now optional, enabling use of the banner without a predefined title, increasing its reusability. The CSS styles have also been updated to accommodate these changes.
---
 src/components/ui/banners/AnnouncementBanner.astro | 6 ++++--
 src/pages/index.astro                              | 3 +--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/ui/banners/AnnouncementBanner.astro b/src/components/ui/banners/AnnouncementBanner.astro
index ad9ae4e..98a9e32 100644
--- a/src/components/ui/banners/AnnouncementBanner.astro
+++ b/src/components/ui/banners/AnnouncementBanner.astro
@@ -2,7 +2,7 @@
 const { title, btnId, btnTitle, url } = Astro.props;
 
 interface Props {
-  title: string;
+  title?: string;
   btnId: string;
   btnTitle: string;
   url: string;
@@ -18,13 +18,15 @@ interface Props {
     >
       <div class="flex items-center justify-center">
         <div class="ml-auto">
+          {title &&
           <p
             class="me-2 inline-block font-medium text-neutral-50 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-50/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"
+            class="group inline-flex items-center gap-x-2 rounded-full border-2 border-neutral-50 backdrop-brightness-75 sm:backdrop-brightness-100 px-3 py-2 text-sm font-semibold text-neutral-50 transition duration-300 hover:border-neutral-100/70 hover:text-neutral-50/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"
           >
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 0c53ad6..353f738 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -21,9 +21,8 @@ const avatarSrcs: Array<string> = [
 
 <MainLayout>
   <AnnouncementBanner
-    title="ScrewFast is Live"
     btnId="dismiss-button"
-    btnTitle="Learn more"
+    btnTitle="Explore ScrewFast on GitHub"
     url="https://github.com/mearashadowfax/ScrewFast"
   />