(docs) add sponsors section

docs/src/components/Sponsors/index.tsx

@@ -0,0 +1,11 @@
+import Header from '@site/src/components/Header';
+import styles from './styles.module.css';
+
+export default function Sponsors() {
+  return (
+    <div className="container narrow">
+      <Header className={styles.sponsors}>Sponsors</Header>
+      <p><a href="mailto:jcubic@onet.pl?subject=jQuery%20Terminal%20Sponsorship">Become a sponsor</a></p>
+    </div>
+  );
+}

docs/src/components/Sponsors/styles.module.css

@@ -0,0 +1,3 @@
+.sponsors {
+    margin-top: 2em;
+}

docs/src/components/Thanks/index.tsx

@@ -9,7 +9,7 @@ import BrowserStack from '@site/src/components/BrowserStack';
 export default function Thanks() {
   return (
     <div className={clsx('container', 'narrow', styles.container)}>
-      <Header className={styles.header}>Thanks</Header>
+      <Header>Thanks</Header>
       <p>Personal thanks:</p>
       <ul>
         <li><a href="https://stackoverflow.com/users/157247/t-j-crowder">T.J. Crowder</a> for helping with <a href="https://stackoverflow.com/a/46756077/387194">tracking_replace</a>.</li>
@@ -28,9 +28,6 @@ export default function Thanks() {
             <BrowserStack width={200} height={43} />
           </a>
         </li>
-        <li>
-          <a href="mailto:jcubic@onet.pl?subject=jQuery%20Terminal%20Sponsorship">Become a sposor</a>
-        </li>
       </ul>
     </div>
   );

docs/src/pages/index.tsx

@@ -6,6 +6,8 @@ import HomepageFeatures from '@site/src/components/HomepageFeatures';
 import Terminal from '@site/src/components/Terminal';
 import Contributors from '@site/src/components/Contributors';
 import Thanks from '@site/src/components/Thanks';
+import Sponsors from '@site/src/components/Sponsors';
+
 
 import styles from './index.module.css';
 
@@ -51,6 +53,7 @@ export default function Home(): JSX.Element {
         <HomepageFeatures />
         <Contributors />
         <Thanks />
+        <Sponsors />
         <div className={styles.spacer} />
       </main>
     </Layout>