FIX landingpage stuff

pubkey · May 13, 2024 · c0fa700 · c0fa700
1 parent e910f8d
commit c0fa700
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 27 deletions.
diff --git a/docs-src/src/components/browser-window.tsx b/docs-src/src/components/browser-window.tsx
@@ -64,7 +64,7 @@ export function BrowserWindow(props) {
         'content': {
             'padding': '10px',
             'backgroundColor': 'var(--bg-color)',
-            'minWidth': 360
+            'minWidth': 335
         }
     } as any;
 

diff --git a/docs-src/src/css/custom.css b/docs-src/src/css/custom.css
@@ -1075,7 +1075,7 @@ body {
 }
 
 .block.sixth .buy-option-features {
-    padding-bottom: 40px;
+    padding-bottom: 50px;
     font-size: 1em;
 }
 

diff --git a/docs-src/src/pages/index.tsx b/docs-src/src/pages/index.tsx
@@ -260,7 +260,7 @@ export default function Home() {
               <h1 style={{
                 fontSize: '3.5em',
                 fontWeight: 400,
-                textAlign: 'left',
+                textAlign: 'center',
                 lineHeight: '120%',
                 letterSpacing: -1
               }}>
@@ -377,6 +377,22 @@ export default function Home() {
             </div>
           </div>
 
+          <div className="block reviews">
+            <div className="content centered">
+              <div className="inner">
+                <h2>
+                  Used by <b className="underline">many</b>
+                </h2>
+                <p>
+                  RxDB is a proven technology used by thousands of developers worldwide. <br />
+                  With its flexibility, RxDB is used in a diverse range of apps and services.
+                </p>
+                <br /><br />
+              </div>
+            </div>
+            <ReviewsBlock></ReviewsBlock>
+          </div>
+
           <a
             href="/chat"
             target="_blank"
@@ -398,23 +414,6 @@ export default function Home() {
           </a>
 
 
-
-          <div className="block reviews">
-            <div className="content centered">
-              <div className="inner">
-                <h2>
-                  Used by <b className="underline">many</b>
-                </h2>
-                <p>
-                  RxDB is a proven technology used by thousands of developers worldwide. <br />
-                  With its flexibility, RxDB is used in a diverse range of apps and services.
-                </p>
-                <br /><br />
-              </div>
-            </div>
-            <ReviewsBlock></ReviewsBlock>
-          </div>
-
           <div className="block second dark">
             <div className="content">
               <h2>
@@ -1029,14 +1028,20 @@ export default function Home() {
                       </div>
                       <div className="buy-option-features">
                         <p>
-                          Tailored specifically for high-stakes projects,
-                          the premium plugins enhance RxDB's core capabilities with advanced <b>performance optimizations</b>.
-                          From faster data processing to comprehensive encryption,
-                          our Premium Plugins ensure that your professional applications run smoothly.
-                          <br />
-                          <br />
-                          Elevate your project's performance and reliability to professional standards.
+                          Our Premium Plugins are essential for professionals using RxDB.
+                          They boost the basic features of RxDB with significant performance improvements and reduced bundle size.
                         </p>
+                        <ul>
+                          <li>
+                            <b>Enhanced Storage Plugins</b> to speed up data processing significantly.
+                          </li>
+                          <li>
+                            <b>Robust Encryption</b> secures your data with state-of-the-art encryption methods.
+                          </li>
+                          <li>
+                            <b>Advanced Metrics Logging</b> provides detailed insights for performance monitoring.
+                          </li>
+                        </ul>
                       </div>
                       {/* <div className="buy-option-features">
                         <ul>