Add sponsors/supporters band, /sponsors page, and tighten news spacing

Introduce a place for sponsor/supporter logos so OpenPrinting can credit the
organizations that now fund the project, with a per-sponsor membership level
(e.g. "Platinum Member") and individually adjustable logo size.

- data/sponsors.ts: sponsor model (name, logo, url, level, width); seeded with
  Sovereign Tech Agency as a Platinum Member.
- components/sponsors-strip.tsx: a slim, mobile-responsive "Supported by" band
  for the homepage. The whole area links to /sponsors. Logos are dark monochrome
  lockups, auto-inverted in dark mode. On phones the label, logo, tier chip and
  CTA stack and center, and the logo is capped to the viewport width to avoid
  overflow; from sm up it is a single horizontal row.
- app/page.tsx: render the band between the hero and the news section.
- app/sponsors + contents/pages/sponsors.md: new page describing current
  sponsors, how to become a sponsor, and donations (links to /donations and
  /contact); includes SEO metadata. Added to sitemap and footer.
- components/news-section.tsx: reduce the section's top padding and heading
  margin so the three latest posts move up into the first viewport now that the
  sponsor band occupies a little vertical space.
- public/sponsors/sovereign-tech-agency.png: sponsor logo asset.

Author: rudra-iitm

app/page.tsx

@@ -1,4 +1,5 @@
 import HeroSection from "@/components/hero-section"
+import SponsorsStrip from "@/components/sponsors-strip"
 import InfoSection from "@/components/info-section"
 import ProjectsSection from "@/components/projects-section"
 import NewsSection from "@/components/news-section"
@@ -9,6 +10,7 @@ export default function Home() {
   return (
     <main className="min-h-screen bg-background text-foreground">
       <HeroSection />
+      <SponsorsStrip />
       <NewsSection posts={latestPosts} />
       <InfoSection />
       <ProjectsSection />

app/sitemap.ts

@@ -36,6 +36,7 @@ const STATIC_ROUTES = [
   "/foomatic/",
   "/contact/",
   "/donations/",
+  "/sponsors/",
   "/contribute/",
   "/contribute-website/",
   "/codeofconduct/",

app/sponsors/page.tsx

@@ -0,0 +1,42 @@
+import fs from "fs/promises"
+import path from "path"
+import matter from "gray-matter"
+import type { Metadata } from "next"
+import { MarkdownRenderer } from "@/components/markdown-renderer"
+import { PageHero } from "@/components/page-hero"
+import { getSiteUrl } from "@/lib/site"
+
+const FILE_PATH = path.join(process.cwd(), "contents", "pages", "sponsors.md")
+
+export const metadata: Metadata = {
+  title: "Sponsors & Supporters | OpenPrinting",
+  description:
+    "The organizations and supporters who sponsor OpenPrinting, and how to become a sponsor or make a donation.",
+  alternates: { canonical: getSiteUrl("/sponsors/") },
+  openGraph: {
+    title: "Sponsors & Supporters | OpenPrinting",
+    description:
+      "The organizations and supporters who sponsor OpenPrinting, and how to become a sponsor or make a donation.",
+    url: getSiteUrl("/sponsors/"),
+    type: "website",
+  },
+}
+
+export default async function SponsorsPage() {
+  const raw = await fs.readFile(FILE_PATH, "utf8")
+  const { data } = matter(raw)
+
+  const title = typeof data.title === "string" ? data.title : "Sponsors & Supporters"
+
+  return (
+    <>
+      <PageHero title={title} />
+
+      <main className="min-h-screen bg-background text-foreground pt-24 pb-16">
+        <div className="max-w-4xl mx-auto px-4">
+          <MarkdownRenderer content={raw} showMeta={false} noCard={true} />
+        </div>
+      </main>
+    </>
+  )
+}

components/news-section.tsx

@@ -10,14 +10,14 @@ export default function NewsSection({ posts }: { posts: NewsCardPost[] }) {
   const isInView = useInView(ref, { once: true, amount: 0.2 })
 
   return (
-    <section ref={ref} className="relative py-24 bg-background" id="news">
+    <section ref={ref} className="relative pt-10 pb-24 bg-background" id="news">
       <div className="hero-glow-blue opacity-30" />
       <div className="max-w-6xl mx-auto px-6 relative z-10">
         <motion.div
           initial={{ opacity: 0, y: 20 }}
           animate={isInView ? { opacity: 1, y: 0 } : { opacity: 0, y: 20 }}
           transition={{ duration: 0.6 }}
-          className="mb-16"
+          className="mb-8"
         >
           <p className="text-sm font-medium text-blue-400 mb-3 tracking-wide uppercase">What&apos;s New</p>
           <h2 className="text-3xl md:text-4xl font-bold text-foreground tracking-tight">

components/sponsors-strip.tsx

@@ -0,0 +1,62 @@
+import Image from "next/image"
+import Link from "next/link"
+import { ArrowRight } from "lucide-react"
+
+import sponsors from "@/data/sponsors"
+import { getAssetPath } from "@/lib/utils"
+
+const LOGO_ASPECT = 5754 / 548
+
+export default function SponsorsStrip() {
+  if (sponsors.length === 0) return null
+
+  return (
+    <section aria-label="Sponsors and supporters" className="border-y border-border bg-muted/30">
+      <div className="mx-auto max-w-6xl px-4 py-5 sm:px-6 sm:py-6">
+        <Link
+          href="/sponsors"
+          className="group flex flex-col items-center gap-4 text-center sm:flex-row sm:justify-between sm:text-left"
+          aria-label="Learn more about OpenPrinting sponsors and donations"
+        >
+          <div className="flex flex-col items-center gap-3 sm:flex-row sm:gap-8">
+            <span className="text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground sm:text-xs">
+              Supported by
+            </span>
+
+            <ul className="flex flex-wrap items-center justify-center gap-x-6 gap-y-3">
+              {sponsors.map((sponsor) => {
+                const width = sponsor.width ?? 180
+                const height = Math.round(width / LOGO_ASPECT)
+                return (
+                  <li
+                    key={sponsor.name}
+                    className="flex flex-col items-center gap-2 sm:flex-row sm:gap-3"
+                  >
+                    <Image
+                      src={getAssetPath(sponsor.logo)}
+                      alt={sponsor.name}
+                      width={width}
+                      height={height}
+                      className="h-auto object-contain opacity-90 transition-opacity group-hover:opacity-100 dark:brightness-0 dark:invert"
+                      style={{ width, maxWidth: "72vw" }}
+                    />
+                    {sponsor.level && (
+                      <span className="rounded-full border border-border bg-background px-2.5 py-1 text-[11px] font-medium text-muted-foreground">
+                        {sponsor.level}
+                      </span>
+                    )}
+                  </li>
+                )
+              })}
+            </ul>
+          </div>
+
+          <span className="inline-flex shrink-0 items-center gap-1 text-sm font-medium text-primary">
+            Sponsors &amp; donations
+            <ArrowRight className="h-4 w-4 transition-transform group-hover:translate-x-0.5" />
+          </span>
+        </Link>
+      </div>
+    </section>
+  )
+}

config/site.config.ts

@@ -142,6 +142,7 @@ export const siteConfig: SiteConfig = {
           { name: "Google Summer of Code", href: "/gsoc" },
           { name: "Google Season of Docs", href: "/gsod" },
           { name: "Contribute", href: "/contribute" },
+          { name: "Sponsors", href: "/sponsors" },
         ],
       },
       {

contents/pages/sponsors.md

@@ -0,0 +1,23 @@
+---
+title: "Sponsors & Supporters"
+permalink: /sponsors/
+author_profile: false
+---
+
+OpenPrinting keeps printing working across Linux, ChromeOS, and other operating systems — from CUPS and the new Printer Applications to the printer/driver database. Historically this work was largely carried by maintainers funded through their employers. Today it is increasingly made possible by organizations that sponsor and support the project directly.
+
+## Current Sponsors
+
+### Sovereign Tech Agency — Platinum Member
+
+The [Sovereign Tech Agency](https://www.sovereign.tech/) invests in the open-source infrastructure the world depends on. Its support helps fund ongoing OpenPrinting development and maintenance.
+
+## Become a Sponsor
+
+If your organization would like to sponsor OpenPrinting — for example to fund development, maintenance, infrastructure, or events — we would love to hear from you. Sponsorship can be recognized with a logo and a membership level (such as "Platinum Member") on this site.
+
+Please reach out to [Till Kamppeter](mailto:till.kamppeter@gmail.com) to discuss sponsorship.
+
+## Donations
+
+There are many other ways to support OpenPrinting, including donating test hardware, sponsoring events, and monetary contributions. See the [Donations](/donations) page for the full list, or contact us via the [Contact Us](/contact) page.

data/sponsors.ts

@@ -0,0 +1,19 @@
+export interface Sponsor {
+  name: string;
+  logo: string;
+  url?: string;
+  level?: string;
+  width?: number;
+}
+
+const sponsors: Sponsor[] = [
+  {
+    name: "Sovereign Tech Agency",
+    logo: "/sponsors/sovereign-tech-agency.png",
+    url: "https://www.sovereign.tech/",
+    level: "Platinum Member",
+    width: 210,
+  },
+];
+
+export default sponsors;