Landing hero polish: drop AI-tell pill, fix mobile, name 'Open source', point docs at developer.litprotocol.com (#29)

* style(landing): remove 'LIT PROTOCOL · TEE-secured compute' badge

Drop the pill badge above the hero h1 — it reads as an AI tell.
Also remove the unused HeroBadge component.

* style(landing): fix hero mobile typography and pillar stacking

- Add tight line-height (1.1) to mobile h1 so the smaller size doesn't
  inherit the browser default of ~1.55, which made the three lines feel
  loose and disjointed at 375px.
- Add text-balance so wrapped headings break more evenly.
- Hide the desktop <br /> tags below md: at 375px they orphaned 'API.'
  on its own line. The three-line Read / Compute / Write framing still
  enforces at md+ where it pairs with the pillars below.
- Stack the READ / COMPUTE / WRITE pillars to one column on mobile.
  At 109px wide they were cramped and the center pillar's two-line copy
  broke the symmetry.

* Hero subhead: name 'Open source' alongside 'no backend to trust'

Lit is open source but nothing above the fold said so — the only
GitHub reference lived in the footer. Folding it into the trust
clause keeps the subhead a similar length and reads as one beat:
the runtime is open, and there's no backend behind it to worry about.

* Update DOCS_LINK to developer.litprotocol.com (drop naga subdomain)

---------

Co-authored-by: Chris Cassano <chris@litprotocol.com>

Author: clawdbot-glitch003

src/components/LandingHero/LandingHero.tsx

@@ -5,13 +5,6 @@ import { Button } from '../ui/Button';
 import { IconArrowNarrowRight } from '@tabler/icons-react';
 import { CONTACT_FORM, DOCS_LINK } from '@/utils/constants';
 
-const HeroBadge = ({ children }: { children: React.ReactNode }) => (
-  <span className="inline-flex items-center gap-2 font-mono text-[0.7rem] uppercase tracking-[0.18em] text-white/60 border border-white/15 rounded-full px-3 py-1">
-    <span className="w-1.5 h-1.5 rounded-full bg-mint-500" />
-    {children}
-  </span>
-);
-
 const Pillar = ({ label, sub }: { label: string; sub: string }) => (
   <div className="border border-white/10 rounded-xl p-5 bg-white/[0.02] text-left">
     <div className="font-mono text-xs uppercase tracking-[0.2em] text-white/40">
@@ -42,18 +35,17 @@ const LandingHero = () => {
         <img src="/textures/hero-right.png" alt="" className="w-full h-auto" />
       </div>
       <Container size="lg" className="relative z-10 !pt-28 !pb-32 text-center">
-        <HeroBadge>Lit Protocol · TEE-secured compute</HeroBadge>
-        <h1 className="mt-8 text-[2.5rem] md:text-[4.5rem]/[1.05] font-medium tracking-tight max-w-4xl mx-auto">
-          Read anywhere.
-          <br />
-          <span className="text-mint-500">Compute</span> in a TEE.
-          <br />
+        <h1 className="text-[2.5rem]/[1.1] md:text-[4.5rem]/[1.05] font-medium tracking-tight max-w-4xl mx-auto text-balance">
+          Read anywhere.{' '}
+          <br className="hidden md:inline" />
+          <span className="text-mint-500">Compute</span> in a TEE.{' '}
+          <br className="hidden md:inline" />
           Write to any chain or API.
         </h1>
         <p className="mt-8 max-w-xl mx-auto text-white/70 text-lg leading-relaxed">
           One programmable runtime. Pulls data from any source, runs your logic
-          inside a chain-secured TEE, signs on any chain or API — with no
-          backend to trust.
+          inside a chain-secured TEE, signs on any chain or API. Open source,
+          no backend to trust.
         </p>
         <div className="mt-10 flex gap-3 justify-center flex-wrap">
           <Button
@@ -75,7 +67,7 @@ const LandingHero = () => {
         </div>
 
         <div className="mt-20 max-w-4xl mx-auto">
-          <div className="grid grid-cols-3 gap-2 md:gap-4">
+          <div className="grid grid-cols-1 sm:grid-cols-3 gap-3 sm:gap-2 md:gap-4">
             <Pillar label="READ" sub="APIs · RPCs · feeds · prices" />
             <PillarCenter />
             <Pillar label="WRITE" sub="EVM · SVM · BTC · Cosmos · HTTPS" />

src/utils/constants.ts

@@ -1,5 +1,5 @@
 // Resources
-export const DOCS_LINK = 'https://naga.developer.litprotocol.com';
+export const DOCS_LINK = 'https://developer.litprotocol.com';
 export const BANNER_LINK = 'https://x.com/LitProtocol/status/1911850883845149065';
 export const MANIFESTO_LINK =
   'https://spark.litprotocol.com/mass-adoption-of-digital-ownership-and-progressive-self-custody/';