Homepage edits

Author: webpro

packages/docs/src/content/docs/index.mdx

@@ -33,19 +33,17 @@ import Contributors from '../../components/Contributors.astro';
 
 :::section{.badges}
 
-[![NPM Version][2]][1] [![NPM Downloads][3]][1] [![GitHub Repo stars][5]][4]
+[![NPM Version][2]][1] [![NPM Downloads][3]][1] [![GitHub Repo   stars][5]][4]
 
 :::
 
-:::section{.projects}
-
-<Projects />
+:a[Sponsored by:]{href="/sponsors" class="sponsors-intro"}
 
-:::
+<Sponsors direction="row" showAll={false} />
 
 :::div{.sponsor}
 
-Using Knip? [You can support it!][6]
+[Become a Sponsor][6]
 
 :::
 
@@ -92,30 +90,30 @@ Using Knip? [You can support it!][6]
   </Card>
 </CardGrid>
 
-## 🧡 Sponsors
+## Trusted by the world's best software teams
 
-Eternal gratitude to the companies and people that are already supporting Knip:
+:::section{.projects}
 
-<Sponsors direction="row" showAll={false} />
+<Projects />
 
-Please see [Sponsors][6] for the full list. Consider supporting the project too!
+:::
 
-## 🧡 Introduction video
+## Introduction video
 
 [James Shopland][10] has a great introduction and overview of Knip (thanks
 James!):
 
 <YouTube id="uhEkgWt-pUM" />
 
-## 🧡 Contributors
+## Created by awesome contributors
 
 Special thanks to the wonderful people who have contributed to this project:
 
 <Contributors />
 
-## 🧡 Articles
+## Articles about Knip
 
-Most recent article first:
+A curated selection of articles about Knip, most recent first:
 
 - Tom MacWright: [Knip: good software for cleaning up TypeScript tech debt][11]
   (2024-10-25)
@@ -133,7 +131,7 @@ Most recent article first:
 - Effective TypeScript: [Recommendation Update: ✂️ Use knip to detect dead code
   and types][18] (2023-07-29)
 
-## 🧡 Testimonials
+## Don't just take our word for it
 
 <Posts />
 

packages/docs/src/styles/content.css

@@ -98,7 +98,7 @@ section.plugins li {
 .sl-markdown-content .sponsor {
   font-size: 2rem;
   text-align: center;
-  margin: 5rem 0;
+  margin: 4rem 0;
 }
 
 .sl-badge.caution,
@@ -171,7 +171,7 @@ section.plugins li {
 }
 
 .badges {
-  margin: 6rem auto;
+  margin: 4rem auto;
   p {
     display: flex;
     justify-content: center;

packages/docs/src/styles/sponsors.css

@@ -23,16 +23,30 @@
   }
 }
 
+.sl-markdown-content .sponsors-intro {
+  font-style: italic;
+  border: unset;
+  &:hover {
+    border-bottom: inherit;
+  }
+}
+
+.sl-markdown-content p:has(> .sponsors-intro) {
+  text-align: center;
+}
+
 .sponsors {
   display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 5rem;
 }
 
-.sl-markdown-content .sponsors:not(.column) {
+.sponsors.column {
+  flex-wrap: wrap;
+}
+
+.sl-markdown-content .sponsors.row {
   margin: 3rem 0;
   gap: 3rem;
 }
@@ -50,8 +64,8 @@
   width: 500px;
 }
 
-.sponsors .smaller {
-  margin: 0 2em;
+.sponsors .smaller svg {
+  transform: scale(0.85);
 }
 
 .sponsors .w400 {