improve layout

src/components/sponsors/Partners.astro

@@ -44,7 +44,12 @@ const partners: Partner[] = [
   <div class="official-partners">
     {
       officialPartners.map((partner) => (
-        <div class="partner official not-content">
+        <a
+          href={partner.url}
+          target="_blank"
+          rel="noopener noreferrer"
+          class="partner official not-content"
+        >
           <div class="partner-logo">
             {partner.svg && (
               <>
@@ -54,13 +59,7 @@ const partners: Partner[] = [
             )}
             {partner.image && <Image src={partner.image} alt={partner.name} />}
           </div>
-          {/* <div class="partner-info">
-            <a href={partner.url} target="_blank" rel="noopener noreferrer">
-              {partner.name}
-            </a>
-            {partner.description && <p class="partner-description">{partner.description}</p>}
-          </div> */}
-        </div>
+        </a>
       ))
     }
   </div>
@@ -78,16 +77,8 @@ const partners: Partner[] = [
             )}
             {partner.image && <Image src={partner.image} alt={partner.name} />}
           </div>
-          {/* <div class="partner-info">
-            <a href={partner.url} target="_blank" rel="noopener noreferrer">
-              {partner.name}
-            </a>
-            {partner.description && <p class="partner-description">{partner.description}</p>}
-          </div> */}
         </a>
       ))
     }
   </div>
 </div>
-
-<style></style>

src/components/sponsors/SponsorList.astro

@@ -4,9 +4,9 @@ import GitHubSponsor from './GitHub/Sponsors.astro';
 import Partners from './Partners.astro';
 ---
 
-<div class="not-content" style="margin-top: 4rem;">
-  <section class="sponsors-section">
-    <h2>Many thanks to</h2>
+<div class="not-content" style="margin-top: 6rem;">
+  <section>
+    <h2 class="text-center">Many thanks to</h2>
     <div class="funding-source">
       <h4>Our Open Collective contributors</h4>
       <OpenCollective />
@@ -17,8 +17,8 @@ import Partners from './Partners.astro';
     </div>
   </section>
 
-  <section class="partners-section">
-    <h2>Supported by</h2>
+  <section>
+    <h2 class="text-center">Supported by</h2>
     <Partners />
   </section>
 </div>
@@ -27,7 +27,8 @@ import Partners from './Partners.astro';
   /* todo: add styles for headings h2, h3, h4 */
   h2 {
     margin-bottom: 1rem;
-    font-size: 1.5rem;
+    font-size: 3rem;
+
     font-weight: bold;
   }
 
@@ -40,7 +41,7 @@ import Partners from './Partners.astro';
   }
 
   section {
-    margin-bottom: 4rem;
+    margin-bottom: 8rem;
   }
 
   .funding-source {

src/content/docs/index.mdx

@@ -14,6 +14,7 @@ import { Card, CardGrid, LinkCard } from '@astrojs/starlight/components';
 import Cta from '@fragments/cta.mdx';
 import Hero from '@components/Hero.astro';
 import SponsorList from '@components/sponsors/SponsorList.astro';
+import './src/styles/home.css'
 
 <Hero
   tagline="Create small, fast, secure, cross-platform applications"
@@ -49,3 +50,5 @@ import SponsorList from '@components/sponsors/SponsorList.astro';
 </CardGrid>
 
 <SponsorList />
+
+

src/styles/custom.scss

@@ -70,3 +70,7 @@ figure > img {
 .external-logo.dark {
   display: none;
 }
+
+.text-center {
+  text-align: center;
+}

src/styles/home.css

@@ -0,0 +1,4 @@
+/* hide h1 title */
+.content-panel:has(h1#_top:not([data-page-title])) {
+    display: none;
+}

src/styles/lp.scss

@@ -70,11 +70,6 @@
   margin-bottom: 1rem;
 }
 
-// hide h1 title
-.content-panel:has(h1#_top:not([data-page-title])) {
-  display: none;
-}
-
 .lp-hero > img {
   animation: 3s intro;
   animation-fill-mode: forwards;

src/styles/partners.scss

@@ -6,7 +6,8 @@
   display: flex;
   flex-direction: column;
   gap: var(--partner-gap);
-  margin: 2rem 0;
+  margin: 0 auto 8rem auto;
+  max-width: 80ch;
 }
 
 .official-partners {
@@ -60,8 +61,8 @@
 }
 
 .partner:hover {
-  box-shadow: 0 0 2px 1px var(--sl-color-gray-5);
-  transform: scale(1.02);
+  border: 1px solid var(--sl-color-gray-5);
+  cursor: pointer;
 }
 
 .partner-description {