Refresh /use-cases index with new Solutions pages

content/data/case-studies.yaml

@@ -351,7 +351,7 @@
     mediaDetails:
       width: 100
       height: 32
-  quote: 'Using Neon with Neon Auth just made everything simpler. Our database and auth live in the same place, and it’s the kind of backend you forget it exists. That’s exactly how it should be'
+  quote: 'Using Neon with Neon Auth just made everything simpler. Our database and auth live in the same place, and it’s the kind of <mark>backend</mark> you forget it exists. That’s exactly how it should be'
   author:
     name: 'Gabriel Tumlos'
     post: 'Founder of Daisy'

content/data/use-cases.yaml

@@ -1,28 +1,50 @@
-- icon: 'connections'
-  title: 'Faster development'
-  description: "Remove database friction and ship faster thanks to Neon's serverless provisioning and instant branching. "
-  link: '/use-cases/fast-dev-workflows'
-  linkedCaseStudy: 'mindvalley'
+- icon: 'window-code'
+  title: 'Full-stack apps'
+  description: 'Deploy a complete Neon backend from your editor or coding agent: Lakebase Postgres plus Auth, Object Storage, Functions, and AI Gateway.'
+  link: '/use-cases/full-stack-apps'
+  linkedCaseStudy: 'daisy'
   tags:
+    - slug: 'backend'
+      name: 'Backend'
     - slug: 'automation'
       name: 'Automation'
+
+- icon: 'branching'
+  title: 'Branching workflows'
+  description: 'Give every developer, pull request, preview, and test run its own Postgres without copying data, so you can ship faster and safer.'
+  link: '/use-cases/branching-workflows'
+  linkedCaseStudy: 'mindvalley'
+  tags:
     - slug: 'branching'
       name: 'Branching'
+    - slug: 'ci-workflows'
+      name: 'CI workflows'
 
-- icon: 'window-code'
-  title: 'Variable load'
-  description: "Your traffic isn't flat, so your compute shouldn't be either. Optimize performance and cost by autoscaling compute in real time."
-  link: '/use-cases/variable-load'
-  linkedCaseStudy: 'nodecraft'
+- icon: 'elastic-scaling'
+  title: 'Bursty workloads'
+  description: 'Avoid overprovisioning and keep performance steady as traffic spikes. Autoscaling allocates compute with load and bills only what you use.'
+  link: '/use-cases/bursty-workloads'
+  linkedCaseStudy: '222'
   tags:
-    - slug: 'connection-pooling'
-      name: 'Connection pooling'
     - slug: 'autoscaling'
       name: 'Autoscaling'
+    - slug: 'scale-to-zero'
+      name: 'Scale-to-zero'
+
+- icon: 'database'
+  title: 'Large databases'
+  description: 'Restore and replicate multi-TB Postgres in seconds. Branches and read replicas add compute without duplicating storage.'
+  link: '/use-cases/large-databases'
+  linkedCaseStudy: 'traconiq'
+  tags:
+    - slug: 'instant-restores'
+      name: 'Instant restores'
+    - slug: 'branching'
+      name: 'Branching'
 
 - icon: 'sparkle'
   title: 'Agents'
-  description: 'Build full-stack AI agents that provision Postgres infrastructure autonomously, including prod/dev environments, versioning, and authentication. '
+  description: 'Infra for app generation agents - used by Replit, v0, and others. Provision full-stack backends for every generated app.'
   link: '/use-cases/ai-agents'
   linkedCaseStudy: 'replit'
   tags:
@@ -31,10 +53,10 @@
     - slug: 'instant-provisioning'
       name: 'Instant provisioning'
 
-- icon: 'database'
-  title: 'Database per user'
-  description: 'Boost your end-user experience by deploying isolated Postgres databases for each one of your customers, fully managed by Neon.'
-  link: '/use-cases/database-per-user'
+- icon: 'multi-tenancy'
+  title: 'Platforms'
+  description: 'Deploy isolated Postgres backends for your end users instantly, affordably, and at scale with an API-first fleet model.'
+  link: '/platforms'
   linkedCaseStudy: 'retool'
   tags:
     - slug: 'data-isolation'

src/components/pages/use-cases/hero/hero.jsx

@@ -10,10 +10,10 @@ const Hero = () => (
         Use cases
       </SectionLabel>
       <h1 className="mt-5 max-w-3xl text-[3.75rem] leading-dense font-normal tracking-tighter xl:text-[3.25rem] lg:max-w-[490px] lg:text-[2.75rem] md:mt-4 md:max-w-full md:text-[2rem]">
-        Postgres for modern development workflows
+        Postgres for modern apps, agents, and platforms
       </h1>
       <p className="mt-6 max-w-[672px] text-lg leading-normal tracking-extra-tight text-gray-new-60 xl:mt-5 lg:mt-[18px] lg:max-w-[581px] lg:text-base md:mt-4 md:max-w-full md:text-[0.9375rem] md:leading-snug">
-        Explore how teams use Neon.
+        Explore the workflows teams build on Neon, from full-stack apps and branching to agents and multi-tenant platforms.
       </p>
       <Button
         className="mt-9 h-11 px-7 text-base font-medium tracking-extra-tight xl:mt-8 xl:h-9 xl:px-[18px] xl:text-sm lg:mt-7 md:mt-6"

src/components/pages/use-cases/use-case-cards/use-case-cards.jsx

@@ -9,6 +9,7 @@ import { cn } from 'utils/cn';
 import ApiDrivenIcon from './icons/api-driven.inline.svg';
 import AutomationIcon from './icons/automation.inline.svg';
 import AutoscalingIcon from './icons/autoscaling.inline.svg';
+import BackendIcon from './icons/backend.inline.svg';
 import BranchingIcon from './icons/branching.inline.svg';
 import CiWorkflowsIcon from './icons/ci-workflows.inline.svg';
 import ConnectionPoolingIcon from './icons/connection-pooling.inline.svg';
@@ -34,6 +35,7 @@ const ICONS = {
   'api-driven': ApiDrivenIcon,
   automation: AutomationIcon,
   autoscaling: AutoscalingIcon,
+  backend: BackendIcon,
   branching: BranchingIcon,
   'ci-workflows': CiWorkflowsIcon,
   'connection-pooling': ConnectionPoolingIcon,