make landing page better (consider cleaning up code and using more default features)

Author: floriankozikowski

doc/_static/images/landingpage/compatible.png

@@ -60,4 +60,38 @@ code {
     color: var(--pst-color-primary) !important;
     font-weight: bold;
     text-align: center;
+}
+
+.hero-section {
+    text-align: center;
+    padding: 4rem 2rem;
+    background-color: var(--pst-color-background);
+    color: var(--pst-color-text);
+}
+
+.hero-logo {
+    width: 150px;
+    margin-bottom: 1rem;
+}
+
+.hero-button {
+    display: inline-block;
+    margin-top: 2rem;
+    padding: 0.75rem 1.5rem;
+    background-color: var(--pst-color-primary);
+    color: white !important;
+    border-radius: 0.5rem;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+.hero-button:hover {
+    background-color: var(--pst-color-primary-hover);
+    color: #ec9b4c !important;
+}
+
+.hero-text strong {
+    color: #1f77b4;
+    /* Primary blue color */
+    font-weight: 700;
 }