remove query.gg sale countdown, revert to previous banners (#418)

Author: lynnandtonic

src/components/CountdownTimer.tsx

@@ -1,5 +1,4 @@
 import { LogoQueryGGSmall } from '~/components/LogoQueryGGSmall'
-import CountdownTimerSmall from '~/components/CountdownTimerSmall'
 import { useQueryGGPPPDiscount } from '~/hooks/useQueryGGPPPDiscount'
 
 export function DocsCalloutQueryGG() {
@@ -18,21 +17,13 @@ export function DocsCalloutQueryGG() {
         </h6>
         <LogoQueryGGSmall className="w-full" />
 
-        {/*<blockquote className="text-sm -indent-[.45em] pl-2">
-          “If you're serious about *really* understanding React Query, there's
+        <blockquote className="text-sm -indent-[.45em] pl-2">
+          “If you’re serious about *really* understanding React Query, there’s
           no better way than with query.gg”
           <cite className="italic block text-right">—Tanner Linsley</cite>
-        </blockquote>*/}
+        </blockquote>
 
-        {/*<div className="grid justify-center bg-gray-800 dark:bg-gray-100 text-gray-100 dark:text-gray-800 z-10">*/}
-        <div className="p-2 uppercase text-center place-self-center">
-          <h2 className="mt-1 mb-1 px-2 text-md font-semibold">
-            Launch week sale
-          </h2>
-          <p className="normal-case mb-4 text-sm text-balance">
-            Get 30% off through May 22nd
-          </p>
-          <CountdownTimerSmall targetDate="2025-05-23" />
+        <div className="grid justify-center bg-gray-800 dark:bg-gray-100 text-gray-100 dark:text-gray-800 z-10">
         </div>
 
         {ppp && (

src/components/CountdownTimerSmall.tsx

@@ -10,7 +10,7 @@ export function QueryGGBanner() {
   let body = (
     <>
       <p className="text-lg">
-        “If you're serious about *really* understanding React Query, there's no
+        “If you’re serious about *really* understanding React Query, there’s no
         better way than with query.gg”
       </p>
       <p className="mt-2"> —Tanner Linsley</p>

src/components/DocsCalloutQueryGG.tsx

@@ -7,8 +7,7 @@ import { Carbon } from '~/components/Carbon'
 import { Footer } from '~/components/Footer'
 import { TbHeartHandshake } from 'react-icons/tb'
 import SponsorPack from '~/components/SponsorPack'
-// import { QueryGGBanner } from '~/components/QueryGGBanner'
-import { QueryGGBannerSale } from '~/components/QueryGGBannerSale'
+import { QueryGGBanner } from '~/components/QueryGGBanner'
 import { queryProject } from '~/libraries/query'
 import { Framework, getBranch, getLibrary } from '~/libraries'
 import { seo } from '~/utils/seo'
@@ -48,7 +47,6 @@ export default function VersionIndex() {
       <div className="flex flex-1 min-h-0 relative justify-center overflow-x-hidden">
         <div className="flex flex-col gap-20 md:gap-32 max-w-full py-32">
           <div className="flex flex-col items-center gap-8 text-center px-4">
-            <QueryGGBannerSale />
             <h1 className="font-black flex gap-3 items-center text-4xl md:text-6xl lg:text-7xl xl:text-8xl uppercase [letter-spacing:-.05em]">
               <span>TanStack</span>
               <span className={twMerge(gradientText)}>Query</span>
@@ -84,18 +82,9 @@ export default function VersionIndex() {
               >
                 Read the Docs
               </Link>
-              <p>
-                (or{' '}
-                <a
-                  href="https://query.gg?s=tanstack"
-                  className="font-semibold underline"
-                >
-                  check out our official course
-                </a>
-                . It’s on sale!)
-              </p>
+              <p>(or chek out our official course 👇)</p>
             </div>
-            {/* <QueryGGBanner /> */}
+            <QueryGGBanner /> 
           </div>
           <LibraryFeatureHighlights
             featureHighlights={library.featureHighlights}