docs: improve RQE callout colors

Author: tannerlinsley

docs/src/pages/index.js

@@ -71,20 +71,20 @@ const Home = props => {
             </div>
           </div>
         </div>
-        <div className="border-t-4 border-white shadow bg-coral text-white">
-          <div className="py-20">
+        <div className="bg-gray-900 text-white">
+          <div className="py-30">
             <div className="mx-auto container text-center">
               <div className="text-xl">ANNOUNCING</div>
               <div className="text-3xl md:text-5xl font-bold">
                 React Query Essentials
               </div>
               <div className="text-xl italic">
-                The <strong>OFFICIAL</strong> React Query course by{' '}
+                The <strong>official</strong> React Query course by{' '}
                 <strong>Tanner Linsley</strong>
               </div>
               <a
                 href="https://learn.tanstack.com"
-                className="inline-block mt-8 rounded shadow-lg bg-white text-gray-700 font-bold text-xl px-4 py-3"
+                className="inline-block mt-8 rounded shadow-lg bg-coral text-white font-bold text-xl px-4 py-3"
               >
                 BUY NOW
               </a>