feat: Add marketing and use case pages, their data structures, and supporting UI components.

src/app/(main)/(marketing)/use-cases/[slug]/page.tsx

@@ -5,12 +5,12 @@ import {
   UseCasePageTemplate,
 } from "@/components/marketing/UseCasePageTemplate";
 import {
-  featuredUseCases,
+  allUseCases,
   getUseCasePage,
 } from "@/lib/growth-pages";
 
 export function generateStaticParams() {
-  return featuredUseCases.map((item) => ({
+  return allUseCases.map((item) => ({
     slug: item.slug,
   }));
 }

src/app/(main)/(marketing)/use-cases/page.tsx

@@ -19,6 +19,7 @@ import {
 import { Button } from "@/components/ui/Button";
 import { Card } from "@/components/ui/Card";
 import {
+  allUseCases,
   commercialPages,
   featuredUseCases,
   supportResources,
@@ -170,20 +171,20 @@ export default function UseCasesHubPage() {
           <div className="container mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
             <div className="mb-10 max-w-3xl">
               <div className="text-sm font-semibold uppercase tracking-[0.22em] text-blue-700">
-                Featured use cases
+                All live use cases
               </div>
               <h2 className="mt-3 text-3xl font-bold text-slate-900">
-                First workflows in the growth rollout
+                Every currently published workflow route
               </h2>
               <p className="mt-4 text-lg leading-8 text-slate-600">
-                These are the first routes worth surfacing because they connect
-                cleanly to QR Master's strongest product angles and existing
-                supporting content.
+                These are all currently published use-case routes in the growth
+                layer. Each one maps back to a clear commercial parent and a
+                measurable print or post-scan workflow.
               </p>
             </div>
 
-            <div className="grid gap-6 lg:grid-cols-3">
-              {featuredUseCases.map((page) => (
+            <div className="grid gap-6 md:grid-cols-2 xl:grid-cols-3">
+              {allUseCases.map((page) => (
                 <Link key={page.slug} href={page.href} className="group block">
                   <Card className="flex h-full flex-col rounded-3xl border-slate-200 bg-white p-7 shadow-sm transition-all hover:-translate-y-1 hover:shadow-lg">
                     <div className="text-sm font-semibold uppercase tracking-[0.18em] text-blue-700">