{
  "id": "quiet-clinic-service",
  "name": "Service Page",
  "theme": "quiet-clinic",
  "category": "Landing",
  "description": "A public service page that answers \"am I eligible, what happens, and how long will it take\" before it says anything else.",
  "layout": "A calm photographic band at 200px, then a three-question answer block in a single column at 18px, and a stepped \"what happens\" list — no testimonials, no statistics band.",
  "modules": [
    {
      "key": "band",
      "name": "Calm band",
      "html": "\n<div class=\"bn\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><div class=\"bn-t\"><span class=\"k\">Northfield Health</span><h1>Pulmonary rehabilitation</h1></div></div>"
    },
    {
      "key": "three",
      "name": "Three answers",
      "html": "\n<section class=\"th\">\n  <div class=\"a\"><h2>Is it for me?</h2><p>If breathing problems limit what you can do day to day, yes. You do not need a specific diagnosis and you do not need to be able to exercise already.</p></div>\n  <div class=\"a\"><h2>What actually happens?</h2><p>Two sessions a week for six weeks, in a group of about ten. Half is gentle exercise at your own pace, half is sitting down and learning what to do when it gets worse.</p></div>\n  <div class=\"a\"><h2>How long is the wait?</h2><p>About ten weeks at the moment. We will write to you when a place comes up, and you can say no to that date without going back to the end of the list.</p></div>\n</section>"
    },
    {
      "key": "steps",
      "name": "What happens",
      "html": "\n<section class=\"sp\"><h2>From referral to first session</h2><ol>\n  <li><b>Your GP refers you.</b> Nothing for you to do. You will get a text confirming it within a week.</li>\n  <li><b>We call you.</b> A short call to check the timing works and whether you need transport.</li>\n  <li><b>Assessment.</b> One appointment, about an hour, to see where you are starting from.</li>\n  <li><b>First session.</b> Bring nothing. Wear whatever you can move in.</li>\n</ol></section>"
    },
    {
      "key": "contact",
      "name": "Contact block",
      "html": "\n<footer class=\"ct\"><div><h3>Questions before you decide?</h3><p>Call the respiratory team on 0113 496 0021, Tuesday to Thursday. Ask for Sara.</p></div><div class=\"fmt\"><a href=\"#\">Easy read version</a><a href=\"#\">Large print</a><a href=\"#\">Other languages</a></div></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "quiet-clinic-service",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-08-29T18:59:53+09:00",
    "updatedAt": "2026-08-29T18:59:53+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/quiet-clinic-service.json",
  "structure": "A calm photographic band at 200px, then a three-question answer block in a single column at 18px, and a stepped \"what happens\" list — no testimonials, no statistics band.",
  "html": "<div class=\"dz dz-quiet-clinic-service\" data-design=\"quiet-clinic-service\" data-theme=\"quiet-clinic\">\n<section class=\"dz-mod\" data-mod=\"band\" aria-label=\"Calm band\">\n<div class=\"bn\"><img src=\"https://designlookbook.dev/assets/img/quiet-clinic-hero.webp\" alt=\"A calm sunlit waiting room with pale teal seating\"><div class=\"bn-t\"><span class=\"k\">Northfield Health</span><h1>Pulmonary rehabilitation</h1></div></div></section>\n<section class=\"dz-mod\" data-mod=\"three\" aria-label=\"Three answers\">\n<section class=\"th\">\n  <div class=\"a\"><h2>Is it for me?</h2><p>If breathing problems limit what you can do day to day, yes. You do not need a specific diagnosis and you do not need to be able to exercise already.</p></div>\n  <div class=\"a\"><h2>What actually happens?</h2><p>Two sessions a week for six weeks, in a group of about ten. Half is gentle exercise at your own pace, half is sitting down and learning what to do when it gets worse.</p></div>\n  <div class=\"a\"><h2>How long is the wait?</h2><p>About ten weeks at the moment. We will write to you when a place comes up, and you can say no to that date without going back to the end of the list.</p></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"steps\" aria-label=\"What happens\">\n<section class=\"sp\"><h2>From referral to first session</h2><ol>\n  <li><b>Your GP refers you.</b> Nothing for you to do. You will get a text confirming it within a week.</li>\n  <li><b>We call you.</b> A short call to check the timing works and whether you need transport.</li>\n  <li><b>Assessment.</b> One appointment, about an hour, to see where you are starting from.</li>\n  <li><b>First session.</b> Bring nothing. Wear whatever you can move in.</li>\n</ol></section></section>\n<section class=\"dz-mod\" data-mod=\"contact\" aria-label=\"Contact block\">\n<footer class=\"ct\"><div><h3>Questions before you decide?</h3><p>Call the respiratory team on 0113 496 0021, Tuesday to Thursday. Ask for Sara.</p></div><div class=\"fmt\"><a href=\"#\">Easy read version</a><a href=\"#\">Large print</a><a href=\"#\">Other languages</a></div></footer></section>\n</div>",
  "css": "\n.dz-quiet-clinic-service { background: var(--background); color: var(--foreground); font-family: var(--pv-body); }\n.dz-quiet-clinic-service .bn { position: relative; height: 200px; overflow: hidden; }\n.dz-quiet-clinic-service .bn img { width: 100%; height: 100%; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-quiet-clinic-service .bn-t { position: absolute; left: 0; bottom: 0; right: 0; padding: 22px 34px; background: linear-gradient(to top, color-mix(in srgb, var(--foreground) 74%, transparent), transparent); color: var(--background); }\n.dz-quiet-clinic-service .k { font-size: 15px; opacity: .9; }\n.dz-quiet-clinic-service .bn h1 { font-size: 36px; font-weight: 700; margin: 4px 0 0; }\n.dz-quiet-clinic-service .th { max-width: 42rem; margin: 0 auto; padding: 30px 30px 0; }\n.dz-quiet-clinic-service .a { padding: 18px 0; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-quiet-clinic-service .a h2 { font-size: 22px; font-weight: 700; margin: 0 0 8px; }\n.dz-quiet-clinic-service .a p { margin: 0; font-size: 18px; line-height: 1.72; color: var(--muted-foreground); }\n.dz-quiet-clinic-service .sp { max-width: 42rem; margin: 0 auto; padding: 24px 30px 0; }\n.dz-quiet-clinic-service .sp h2 { font-size: 22px; font-weight: 700; margin: 0 0 14px; }\n.dz-quiet-clinic-service .sp ol { list-style: none; margin: 0; padding: 0; counter-reset: s; }\n.dz-quiet-clinic-service .sp li { counter-increment: s; position: relative; padding: 14px 0 14px 48px; font-size: 17px; line-height: 1.7; color: var(--muted-foreground); }\n.dz-quiet-clinic-service .sp li::before { content: counter(s); position: absolute; left: 0; top: 14px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--accent); color: var(--accent-foreground); font-size: 15px; font-weight: 600; }\n.dz-quiet-clinic-service .sp b { color: var(--foreground); }\n.dz-quiet-clinic-service .ct { max-width: 42rem; margin: 24px auto 0; padding: 22px 30px 34px; }\n.dz-quiet-clinic-service .ct > div:first-child { background: var(--card); border-radius: var(--pv-radius); padding: 20px 24px; box-shadow: 0 2px 10px color-mix(in srgb, var(--foreground) 6%, transparent); }\n.dz-quiet-clinic-service .ct h3 { font-size: 19px; font-weight: 700; margin: 0 0 6px; }\n.dz-quiet-clinic-service .ct p { margin: 0; font-size: 16.5px; line-height: 1.6; color: var(--muted-foreground); }\n.dz-quiet-clinic-service .fmt { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 18px; }\n.dz-quiet-clinic-service .fmt a { font-size: 16px; color: var(--primary); min-height: 48px; display: inline-flex; align-items: center; }\n@media (prefers-reduced-motion: reduce) { .dz-quiet-clinic-service *, .dz-quiet-clinic-service *::before, .dz-quiet-clinic-service *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/quiet-clinic.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
}