Add CMS website and Qom landing pages with responsive layout fixes.

Ship blog/portfolio routes, shared content components, and mobile-safe typography so the marketing site can deploy cleanly.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/Hero.tsx

@@ -5,7 +5,7 @@ export function Hero() {
   return (
     <section className="relative overflow-hidden bg-white">
       <div className="mx-auto grid max-w-7xl items-center gap-8 px-5 pb-12 pt-32 lg:grid-cols-2 lg:gap-10 lg:px-8 lg:pb-16 lg:pt-36">
-        <div className="order-2 max-w-xl lg:order-1">
+        <div className="order-2 min-w-0 max-w-xl lg:order-1">
           <p
             className="mb-5 text-sm text-muted"
             style={{ animation: "rise-in 0.9s ease both" }}
@@ -14,7 +14,7 @@ export function Hero() {
           </p>
 
           <h1
-            className="mb-4 text-[clamp(1.15rem,3.2vw,2rem)] font-normal tracking-tight text-ink"
+            className="mb-4 max-w-[16em] text-[clamp(1.15rem,3.2vw,2rem)] font-normal leading-snug tracking-tight text-ink"
             style={{ animation: "rise-in 1s ease both 0.08s" }}
           >
             {site.fullTitle}
@@ -50,7 +50,7 @@ export function Hero() {
         </div>
 
         <div
-          className="order-1 relative lg:order-2"
+          className="order-1 relative mx-auto w-full min-w-0 max-w-sm overflow-hidden sm:max-w-md lg:order-2 lg:max-w-full"
           style={{ animation: "fade-in 1.2s ease both 0.2s" }}
         >
           <div className="pointer-events-none absolute inset-8 rounded-full bg-[radial-gradient(circle,var(--glow),transparent_70%)] blur-2xl" />