[SeaORM] Gold Sponsor

SeaQL · Feb 2, 2024 · 2c1e1b5 · 2c1e1b5
1 parent c3d8952
commit 2c1e1b5
Show file tree

Hide file tree

Showing 4 changed files with 79 additions and 1 deletion.
diff --git a/SeaORM/src/components/HomepageMascot.js b/SeaORM/src/components/HomepageMascot.js
@@ -4,7 +4,7 @@ import styles from './HomepageMascot.module.css';
 
 export default function render() {
   return (
-    <section className={clsx('home-section', 'home-section-alt', styles.features)}>
+    <section className={clsx('home-section', styles.features)}>
       <div className="container">
         <div className="row">
           <div className={clsx('col col--12')}>

diff --git a/SeaORM/src/components/HomepageSponsors.js b/SeaORM/src/components/HomepageSponsors.js
@@ -0,0 +1,69 @@
+import React from 'react';
+import clsx from 'clsx';
+import Slider from 'react-slick';
+import styles from './HomepageProducts.module.css';
+import { useColorMode } from '@docusaurus/theme-common';
+
+export default function HomepageProducts() {
+  const { colorMode } = useColorMode();
+
+  return (
+    <section id="our-users" className={clsx('home-section', 'home-section-alt', styles.features)}>
+      <div className="container">
+        <div className="row">
+          <div className="col col--12">
+              <h2 className="text--center">Our Sponsors</h2>
+              <br/>
+              <p className="text--center">
+                If you feel generous, a small donation via GitHub Sponsor will be greatly appreciated,
+                <br/>and goes a long way towards sustaining the organization.
+              </p>
+          </div>
+        </div>
+        <br />
+        <h3 className="text--center">Gold Sponsors</h3>
+        <div className="row">
+          <div className="col col--12">
+            <div className="row">
+              <div className="col col--4"></div>
+              <div className="col col--4">
+                <p className="text--center">
+                  <a href="https://www.osmos.io/" target="_blank">
+                    <img src={colorMode == 'dark' ? 'https://www.sea-ql.org/static/sponsors/Osmos-dark.svg' : 'https://www.sea-ql.org/static/sponsors/Osmos.svg'} width="238" />
+                  </a>
+                </p>
+              </div>
+              <div className="col col--4"></div>
+            </div>
+          </div>
+        </div>
+        <br />
+        <h3 className="text--center">Sponsors</h3>
+        <div className="row">
+          <div className="col col--12">
+            <div className="row">
+              <div className="col col--2"></div>
+              <div className="col col--2"></div>
+              <div className="col col--2">
+                <p className="text--center">
+                  <a href="https://www.digitalocean.com/" target="_blank">
+                    <img src="https://www.sea-ql.org/static/sponsors/DigitalOcean.svg" width="160" />
+                  </a>
+                </p>
+              </div>
+              <div className="col col--2">
+                <p className="text--center">
+                  <a href="https://www.jetbrains.com/" target="_blank">
+                    <img src="https://www.sea-ql.org/static/sponsors/JetBrains.svg" width="160" />
+                  </a>
+                </p>
+              </div>
+              <div className="col col--2"></div>
+              <div className="col col--2"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/SeaORM/src/components/HomepageSponsors.module.css b/SeaORM/src/components/HomepageSponsors.module.css
@@ -0,0 +1,7 @@
+/* stylelint-disable docusaurus/copyright-header */
+
+.features {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
diff --git a/SeaORM/src/pages/index.js b/SeaORM/src/pages/index.js
@@ -7,6 +7,7 @@ import HomepageFeatures from '../components/HomepageFeatures';
 import HomepageExample from '../components/HomepageExample';
 import HomepageCompare from '../components/HomepageCompare';
 import HomepageProducts from '../components/HomepageProducts';
+import HomepageSponsors from '../components/HomepageSponsors';
 import HomepageMascot from '../components/HomepageMascot';
 
 function HomepageHeader() {
@@ -41,6 +42,7 @@ export default function Home() {
         <HomepageExample />
         <HomepageCompare />
         <HomepageProducts />
+        <HomepageSponsors />
         <HomepageMascot />
       </main>
     </Layout>