Update Query.gg sale banners (#544)

* update query.gg banners for Black Friday sale

* fix linting issue

* fix linting issue

* update bg colors, remove opacity

* adjust bg color for countdown

* remove negative margin

* update Query course discount and date

Author: lynnandtonic

src/components/DocsCalloutQueryGG.tsx

@@ -30,9 +30,9 @@ export function DocsCalloutQueryGG() {
             Black Friday Sale
           </h2>
           <p className="normal-case mb-4 text-sm text-balance">
-            Get 30% off through December 6th
+            Get 50% off through December 6th
           </p>
-          <CountdownTimerSmall targetDate="2025-12-06" />
+          <CountdownTimerSmall targetDate="2025-12-07" />
         </div>
 
         {ppp && (

src/components/QueryGGBannerSale.tsx

@@ -30,8 +30,8 @@ export function QueryGGBannerSale(props: React.HTMLProps<HTMLDivElement>) {
             <h2 className="mb-1 text-xl lg:text-2xl xl:text-3xl font-semibold">
               Black Friday sale
             </h2>
-            <p className="normal-case mb-4">Get 30% off through December 6th</p>
-            <CountdownTimer targetDate="2025-12-06" />
+            <p className="normal-case mb-4">Get 50% off through December 6th</p>
+            <CountdownTimer targetDate="2025-12-07" />
             <a
               href="https://query.gg?s=tanstack"
               className="mt-4 mb-1 xl:mb-2 px-6 py-2 inline-block bg-[#fcba28] text-[#231f20] rounded-full uppercase border border-black cursor-pointer font-black"