fix(web): polish landing separators and add README sponsors

README.md

@@ -90,3 +90,18 @@ You can help continue its development by:
 If you discover a security vulnerability within PayKit, please send an email to [security@paykit.sh](mailto:security@paykit.sh).
 
 All reports will be promptly addressed, and you'll be credited accordingly.
+
+## Sponsors
+
+PayKit is supported by companies and individuals who help keep the project maintained. Want to support PayKit? [Become a sponsor →](https://github.com/sponsors/maxktz)
+
+<!-- Pulled automatically from GitHub Sponsors via shieldcn.dev. Logos, names, and avatars are fetched live. -->
+<p align="center">
+  <a href="https://github.com/sponsors/maxktz">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://shieldcn.dev/sponsors/maxktz.svg?title=false&mode=dark&preset=surface" />
+      <source media="(prefers-color-scheme: light)" srcset="https://shieldcn.dev/sponsors/maxktz.svg?title=false&mode=light&preset=surface" />
+      <img alt="PayKit sponsors" src="https://shieldcn.dev/sponsors/maxktz.svg?title=false&mode=light&preset=surface" width="820" />
+    </picture>
+  </a>
+</p>

apps/web/src/components/sections/feedback-section.tsx

@@ -70,7 +70,7 @@ export function FeedbackSection() {
           </h2>
         </div>
         <div className="pointer-events-none absolute inset-0 z-0 flex h-full justify-center">
-          <div className="h-full w-px border-r border-dashed border-border" />
+          <div className="h-full w-px translate-x-px border-r border-dashed border-border" />
         </div>
       </SectionContent>
 
@@ -87,7 +87,7 @@ export function FeedbackSection() {
             </div>
           ))}
         </div>
-        <div className="pointer-events-none absolute inset-x-0 bottom-px h-40 bg-linear-to-b from-transparent via-background/70 to-background" />
+        <div className="pointer-events-none absolute inset-x-0 bottom-0 h-40 bg-linear-to-b from-transparent via-background/70 to-background" />
       </div>
     </Section>
   );

apps/web/src/components/sections/hero-section.tsx

@@ -18,7 +18,7 @@ export function HeroSection() {
   return (
     <Section>
       <SectionContent className="py-12 sm:py-14 lg:pt-32 lg:pb-20">
-        <div className="flex flex-col items-center gap-10 lg:flex-row lg:items-center lg:justify-between">
+        <div className="flex flex-col items-center gap-10 lg:flex-row lg:items-center lg:justify-between lg:gap-8">
           <div className="lg:min-w-0 lg:basis-[45%] lg:max-w-none">
             <HeroTitle />
           </div>

apps/web/src/components/sections/sponsors-section.tsx

@@ -81,10 +81,13 @@ export function SponsorsSection() {
             Sponsors
           </h2>
         </div>
+        <div className="pointer-events-none absolute inset-0 z-0 flex h-full justify-center">
+          <div className="h-full w-px translate-x-px border-r border-dashed border-border" />
+        </div>
       </SectionContent>
 
       <div className="border-b border-l border-border">
-        <div className="grid grid-cols-2 gap-px bg-border">
+        <div className="grid grid-cols-2 bg-border [&>*:nth-child(even)]:border-l [&>*:nth-child(even)]:border-border">
           {companySponsors.map((sponsor) => (
             <CompanySponsorLink key={sponsor.name} sponsor={sponsor} />
           ))}

apps/web/src/components/web/hero-title.tsx

@@ -20,7 +20,7 @@ export function HeroTitle() {
   return (
     <div className="relative flex w-full flex-col items-center text-center lg:items-start lg:text-left">
       <div className="space-y-3.5 sm:space-y-5">
-        <h1 className="max-w-4xl text-3xl leading-tight tracking-tight text-neutral-800 sm:text-3xl md:text-3xl lg:text-[2.55rem] dark:text-neutral-200">
+        <h1 className="max-w-4xl text-3xl leading-tight tracking-tight text-neutral-800 sm:text-3xl md:text-3xl lg:text-[2.55rem] lg:max-[1074px]:text-[2.295rem]! dark:text-neutral-200">
           Build <span className="border-foreground/20 border-b border-dashed">Stripe</span> billing{" "}
           <br />
           without the glue code

package.json

@@ -41,5 +41,5 @@
   "engines": {
     "node": ">=22"
   },
-  "packageManager": "pnpm@12.4.1"
+  "packageManager": "pnpm@12.4.2"
 }