update promo

Author: LWinterberg

src/components/banner/PromoBanner.tsx

@@ -23,7 +23,7 @@ function PromoBanner() {
         "trackEvent",
         "Promo CTA",
         "Promo CTA button",
-        "Muse hub promo CTA",
+        "Muse hub promo CTA-Ampkit",
       ]);
     }
   }
@@ -33,20 +33,21 @@ function PromoBanner() {
       {showBanner && (
         <div
           id="promo-banner"
-          className="flex flex-col lg:flex-row justify-center items-center min-h-24 bg-yellow-300 py-4 gap-4 lg:gap-8"
+          className="flex flex-col lg:flex-row justify-center items-center min-h-24 bg-gray-900 py-4 gap-4 lg:gap-8"
         >
-          <div className="lg:flex text-center">
-            <p className="text-lg text-gray-900">🔥Limited-Time Offer: 80% OFF</p>
-            <p className="text-lg text-gray-900 font-bold">
-              Polyspectral MBC Multiband Compressor! Now $9.99🔥
+          <div className="lg:flex text-center gap-2">
+            <p className="text-lg text-gray-100">New plugin:</p>
+            <p className="text-lg text-yellow-300 font-bold">
+            AmpKit - a sophisticated guitar effects & amp modelling suite. Only
             </p>
+            <p className="text-lg text-gray-100">$19:99!</p>
           </div>
 
           <a
             href={getHref()}
             id="promo-button"
             onClick={handleButtonClick}
-            className="flex text-lg font-bold h-12 justify-center items-center px-4 border-2 border-gray-900 rounded-md hover:bg-gray-900 hover:text-white"
+            className="flex text-lg font-bold h-12 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
           </a>