styling tweaks 2: electric bogaloo

Author: LWinterberg

src/components/banner/PromoBanner.tsx

@@ -33,14 +33,15 @@ function PromoBanner() {
       {showBanner && (
         <div
           id="promo-banner"
-          className="flex flex-col lg:flex-row justify-center items-center min-h-24 bg-gray-900 py-2 gap-4 lg:gap-8"
+          className="flex flex-col lg:flex-row justify-center items-center align-start min-h-24 bg-gray-900 py-2 gap-4 lg:gap-8"
         >
           <div className="lg:flex text-center gap-2">
-            <p className="text-lg font-bold text-gray-100">New plugin:</p>
+            <p className="text-lg font-bold text-yellow-300">New plugin:</p>
+            <p className="text-lg font-bold text-white">AmpKit</p>
             <p className="text-lg text-yellow-300 font-bold">
-            AmpKit - a sophisticated guitar effects & amp modelling suite. Only
+             – A Sophisticated Guitar Effects & Amp Modelling Suite.
             </p>
-            <p className="text-lg font-bold text-gray-100">$19:99!</p>
+            <p className="text-lg font-bold text-gray-100">Only $19.99!</p>
           </div>
 
           <a
@@ -49,7 +50,7 @@ function PromoBanner() {
             onClick={handleButtonClick}
             className="flex text-lg font-bold h-8 justify-center items-center px-4 border-2 border-yellow-300 bg-yellow-300 rounded-md hover:bg-gray-900 hover:text-white hover:border-yellow-300"
           >
-            Get it on the Muse Hub
+            Get It On MuseHub
           </a>
         </div>
       )}