@scalemule/news-publication 0.0.52 → 0.0.53

package/dist/pets-publication.cjs

@@ -156,6 +156,307 @@ async function petAcknowledgments(scope, community, productPath = "/pets", fetch
     return [];
   }
 }
+function PawBayIllustration() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: "paw-bay-art",
+      viewBox: "0 0 740 650",
+      fill: "none",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M40 279C40 125 156 25 328 25h52c174 0 320 115 320 285v276H40V279Z",
+            fill: "var(--paw-art-sky)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "544", cy: "142", r: "58", fill: "#f9d66f" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M67 283c116-82 192-10 263-47 124-64 237-35 370 54v296H40V307l27-24Z",
+            fill: "var(--paw-art-hill)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M40 368c132-17 202-104 339-46 97 41 191 2 321 21v243H40V368Z",
+            fill: "#8ec4ce"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: "#477b83", strokeWidth: "3", opacity: ".7", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M52 336h249M91 269v75m130-93v87M91 285c43 49 85 45 130-11m-130 32c42 38 85 35 130-11M112 306v30m24-15v15m27-10v10m30-21v21" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M347 352h54m96 23h105m-346 8h65m115-44h38",
+              strokeLinecap: "round"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M40 435c87-40 177-43 273-16 146 41 264-38 387 5v162H40V435Z",
+            fill: "var(--paw-art-ground)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M365 415c-47 42-65 56-35 83 39 35 140 41 166 88H333c-35-30-94-47-95-82-1-37 84-66 127-89Z",
+            fill: "#f4f3dc"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: "#204d50", strokeWidth: "5", strokeLinecap: "round", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m447 193 9-6 10 5m-19 22 9-6 10 5" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M113 473v-65m0 29c-25 0-31-16-32-31 23 0 31 16 32 31Zm1-13c25-3 31-19 28-35-19 7-27 18-28 35Z",
+              fill: "#6d995b"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M637 548v-52m0 22c-19-1-28-13-26-28 18 2 25 15 26 28Zm1-11c19-1 27-16 26-29-17 1-25 15-26 29Z",
+              fill: "#6d995b"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "paw-art-dog", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M250 459c-43 0-79-37-62-81",
+              stroke: "#bf723c",
+              strokeWidth: "29",
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M248 457c-8-82 31-132 87-130 58 2 82 57 71 132l-12 67H258l-10-69Z",
+              fill: "#d68b4f"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M300 330c-21 51-20 105 12 143l48 7c26-54 21-107-9-148Z",
+              fill: "#fff6df"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M250 446c-16 16-18 44-4 67l37 13c10-28 16-48 4-72",
+              fill: "#bf723c"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "m311 420-6 105h-27c-17 0-20 21-2 23h63l11-126m30 0 7 101h25c19 0 19 24 2 25h-57l-7-129",
+              fill: "#d68b4f"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M294 323c-42-27-61-77-47-122 12-39 40-67 84-70 60-4 101 31 108 79l-4 54c-2 51-31 78-78 80l-63-21Z",
+              fill: "#e9a867"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M322 137c-36-10-72 13-81 47-12 45-15 93 5 99 31 10 50-52 53-86 1-24 3-39 23-60Z",
+              fill: "#193e45"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M396 152c27-15 55 13 53 49-2 30-15 54-25 43l-28-92Z",
+              fill: "#193e45"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M362 202c-13 1-20 17-21 40-14 0-40 10-36 37 4 30 40 47 79 36 31-8 43-33 44-57-23-14-33-21-39-37-6-13-16-20-27-19Z",
+              fill: "#fff6df"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "359", cy: "217", rx: "5", ry: "7", fill: "#193e45" }),
+          /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "402", cy: "217", rx: "5", ry: "7", fill: "#193e45" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M372 250c8-5 22-3 28 2-1 11-8 17-15 17-7-1-12-8-13-19Z",
+              fill: "#193e45"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M385 268v15m0-1c-7 10-19 7-23 1m23-1c5 10 16 8 20 3",
+              stroke: "#193e45",
+              strokeWidth: "4",
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M382 291c-1 20 17 25 20 6v-9", fill: "#e67b6d" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m286 313 64 26 52-16-35 65-29-37-52-15Z", fill: "#ed795e" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "m307 323 43 20 31-10m-38 22 22 18",
+              stroke: "#ffe5d2",
+              strokeWidth: "4"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "paw-art-cat", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M531 480c44 11 64-15 54-46-8-25-29-23-34-7",
+              stroke: "#204d50",
+              strokeWidth: "19",
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M462 478c-7-61 1-106 38-107 35-1 52 47 43 108l-4 31h-71l-6-32Z",
+              fill: "#204d50"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "m466 394-13-65 37 22 35-25 9 67c-14 29-51 29-68 1Z",
+              fill: "#204d50"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m463 346 10 19 8-8m39-14-15 14 16 6", fill: "#eeab94" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M490 413c-10 15-13 56-7 97h33c4-38-1-68-15-97",
+              fill: "#f4f3dc"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "m478 381 6-2m26-1 6 2m-20 9 4 2-3 4m-28-6-17-5m17 13-18 1m71-12 17-6m-16 14 19-1",
+              stroke: "#f4f3dc",
+              strokeWidth: "3",
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M461 501h21m35 0h25",
+              stroke: "#204d50",
+              strokeWidth: "18",
+              strokeLinecap: "round"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "338", cy: "559", rx: "119", ry: "6", fill: "#396f52", opacity: ".18" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "504", cy: "520", rx: "63", ry: "5", fill: "#396f52", opacity: ".18" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "166", cy: "526", r: "23", fill: "#f6ce5d" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M157 505c20 11 24 25 15 42", stroke: "#65814a", strokeWidth: "3" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "m92 555 8-10 7 10m470-14 8-10 7 10",
+            stroke: "#6e905e",
+            strokeWidth: "3",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function PawInvitationArt() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 400 360", fill: "none", "aria-hidden": "true", focusable: "false", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "m64 60 253-19 18 273-253 19Z",
+        fill: "var(--paw-art-sky)",
+        transform: "rotate(-8 200 180)"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "m77 31 262 26-27 280-262-26Z",
+        fill: "var(--paw-paper)",
+        stroke: "var(--paw-line)"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m97 55 220 23-18 190-220-22Z", fill: "var(--paw-green)" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "g",
+      {
+        stroke: "var(--paw-ink)",
+        strokeWidth: "5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M146 198c-21-28-16-84 17-101l27 18 25-7c41 2 60 45 40 78-15 26-44 31-62 34-20 2-37-7-47-22Z",
+              fill: "var(--paw-paper)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M164 99c-27-1-44 35-34 59 11 24 31-13 34-59Zm71 18c22 0 35 25 31 41",
+              fill: "var(--paw-ink)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m185 154 1 2m41 2 1 2m-32 18 18 2-10 10Z" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M204 190c-8 12-19 8-23 2m23-2c6 15 16 10 21 7M139 244l7-31m99 40-11-30" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "m158 288 98 10",
+        stroke: "var(--paw-line)",
+        strokeWidth: "4",
+        strokeLinecap: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "m302 29 8 18 20 2-15 14 3 20-17-10-17 9 4-20-14-14 20-1Z",
+        fill: "#f5c95b"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M62 212c-20-28-50 5-3 38 52-21 29-58 3-38Z", fill: "#ed795e" })
+  ] });
+}
 
 // src/sponsorships.ts
 function safeSponsorUrl(value) {
@@ -312,179 +613,7 @@ function PawMark({ size = 40 }) {
   );
 }
 function PawNeighborhoodIllustration() {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      className: "paw-neighborhood-art",
-      viewBox: "0 0 520 460",
-      fill: "none",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M42 233C42 111 124 29 257 29c134 0 220 102 220 218v153H42V233Z",
-            fill: "var(--paw-art-sky)"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "366", cy: "112", r: "44", fill: "var(--paw-sun)" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M42 262c93-99 132-19 203-52 91-43 145-27 232 52v138H42V262Z",
-            fill: "var(--paw-art-hill)"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M42 331c89-59 161-27 216-3 81 36 145-47 219-21v93H42v-69Z",
-            fill: "var(--paw-art-ground)"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M310 239c34-18 68-21 103-14M311 249c34-18 68-21 103-14",
-            stroke: "var(--paw-art-line)",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            opacity: ".45"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M90 190v75m29-85v75m-44-46h61m-57 31c14-15 32-15 51-7",
-            stroke: "var(--paw-art-line)",
-            strokeWidth: "3",
-            strokeLinecap: "round",
-            opacity: ".45"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M167 341c-29-24-33-67-5-88 16-12 44-6 59 17l27 47c15 26 36 38 58 44H167v-20Z",
-            fill: "var(--paw-terracotta)"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M173 340c-17-9-39-15-54-31-14-16-13-27-11-38",
-            stroke: "var(--paw-terracotta)",
-            strokeWidth: "17",
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M229 283c26-17 39-43 31-67-8-25-35-34-57-18-23 17-13 49 1 68",
-            fill: "var(--paw-terracotta)"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M251 224l34 5c14 2 13 23 0 28l-36 13",
-            fill: "var(--paw-terracotta)"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M206 203c-15 1-31 13-29 33 1 11 6 18 15 17 13-1 21-18 25-37",
-            fill: "var(--paw-art-line)"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M231 285l-10 67c-1 7 9 11 28 11M264 280l2 70c0 10 10 13 25 13",
-            stroke: "var(--paw-terracotta)",
-            strokeWidth: "19",
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M215 273l38-7",
-            stroke: "var(--paw-art-line)",
-            strokeWidth: "9",
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "248", cy: "223", r: "3.5", fill: "var(--paw-art-line)" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M283 229h9c1 8-3 13-9 13", fill: "var(--paw-art-line)" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M292 348c-9-46 1-79 33-79 33 0 47 37 48 77l-1 17h-80v-15Z",
-            fill: "var(--paw-art-cat)"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M303 277l-6-43 26 20 23-22 2 48", fill: "var(--paw-art-cat)" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M365 351c27-4 45-15 41-39-2-11-15-16-24-10",
-            stroke: "var(--paw-art-cat)",
-            strokeWidth: "12",
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M316 277h3m17-2h3m-13 10 3 2-3 3m-21-5-15-3m16 9-17 2m54-10 16-5m-14 13 15 1",
-            stroke: "var(--paw-art-line)",
-            strokeWidth: "2.5",
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M145 378h245",
-            stroke: "var(--paw-art-line)",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            opacity: ".3"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "99", cy: "365", r: "16", fill: "var(--paw-sun)" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M93 351c16 8 18 18 12 28",
-            stroke: "var(--paw-art-line)",
-            strokeWidth: "2"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M426 352v-43m0 22c-14-1-20-10-20-20 15 2 21 11 20 20m0-9c0-15 6-25 20-28 2 13-6 24-20 28",
-            stroke: "var(--paw-art-line)",
-            strokeWidth: "3",
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "m406 153 8-6 8 6m-234-33 8-6 8 6",
-            stroke: "var(--paw-art-line)",
-            strokeWidth: "2.5",
-            strokeLinecap: "round"
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(PawBayIllustration, {});
 }
 function Photo({
   resource,
@@ -617,6 +746,7 @@ function PetEventCard(props) {
 }
 function PawOfTheWeekCard(props) {
   const href = safePetLink(props.href);
+  const Heading = props.pageHeading ? "h1" : "h2";
   return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "paw-spotlight", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Photo, { ...props, large: true }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-spotlight-copy", children: [
@@ -624,7 +754,7 @@ function PawOfTheWeekCard(props) {
         props.community,
         "\u2019s Paw of the Week"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("h2", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Heading, { children: [
         "Meet ",
         props.resource.content.name,
         "."
@@ -684,7 +814,7 @@ function PetsSection({
   const celebrations = resources.filter((r) => r.kind === "celebration");
   const notices = resources.filter((r) => ["lost", "found"].includes(r.kind));
   const adoptions = resources.filter((r) => r.kind === "adoption");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw paw-home", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "paw-masthead", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("a", { href: basePath || "/", className: "paw-brand", children: [
         /* @__PURE__ */ jsxRuntime.jsx(PawMark, {}),
@@ -694,6 +824,21 @@ function PetsSection({
       accountUrl && /* @__PURE__ */ jsxRuntime.jsx("a", { href: safePetLink(accountUrl), children: "My pets" }),
       contributeUrl && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "paw-button", href: safePetLink(contributeUrl), children: "Share your pet" })
     ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "paw-mobile-nav", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("summary", { children: [
+        "Explore Bay Area Paw ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\uFF0B" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("nav", { "aria-label": "Mobile pet community", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#neighbors", children: "Our pets" }),
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#lost-found", children: "Lost & found" }),
+        walksUrl && /* @__PURE__ */ jsxRuntime.jsx("a", { href: safePetLink(walksUrl), children: "Paw Walks" }),
+        placesUrl && /* @__PURE__ */ jsxRuntime.jsx("a", { href: safePetLink(placesUrl), children: "Paw Places" }),
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#adoption", children: "Adoption" }),
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#celebrations", children: "Celebrations" }),
+        eventsUrl && /* @__PURE__ */ jsxRuntime.jsx("a", { href: safePetLink(eventsUrl), children: "Events" })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "paw-nav", "aria-label": "Pet community", children: [
       /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#neighbors", children: "Our pets" }),
       /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#lost-found", children: "Lost & found" }),
@@ -705,7 +850,8 @@ function PetsSection({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-community", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
-        "A little closer to ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "paw-location-dot", "aria-hidden": "true" }),
+        " Your pet community in ",
         location,
         "."
       ] }),
@@ -729,31 +875,76 @@ function PetsSection({
     unavailable ? /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "status", className: "paw-empty", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h1", { children: "Your community is on its way." }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { children: "We can\u2019t load the pet community right now. Please try again shortly." })
-    ] }) : spotlight ? /* @__PURE__ */ jsxRuntime.jsx(
+    ] }) : spotlight ? /* @__PURE__ */ jsxRuntime.jsx("section", { id: "paw-week", "aria-label": "Paw of the Week", children: /* @__PURE__ */ jsxRuntime.jsx(
       PawOfTheWeekCard,
       {
+        pageHeading: true,
         resource: spotlight,
         community: local(spotlight.area_id),
         href: link(spotlight.id),
         mediaUrl
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "paw-welcome", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-eyebrow", children: "Life is better together" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("h1", { children: [
-          "Every pet.",
+    ) }) : /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "paw-welcome", "aria-labelledby": "paw-welcome-title", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-welcome-copy", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("h1", { id: "paw-welcome-title", children: [
+          "Good company.",
           /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-          /* @__PURE__ */ jsxRuntime.jsx("em", { children: "A local story." })
+          "Right here."
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "A place for familiar faces, happy reunions and the everyday joy of life with pets." }),
-        contributeUrl && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "paw-button", href: safePetLink(contributeUrl), children: "Submit for Paw of the Week" }),
-        /* @__PURE__ */ jsxRuntime.jsx("small", { children: "Free to enter. Thoughtfully selected by local editors." })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "For the pets we love. And the neighbors we haven\u2019t met yet." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-welcome-detail", children: "Share their story, find your next favorite walk, and make a little more room for community." }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-hero-actions", children: [
+          contributeUrl && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "paw-button", href: safePetLink(contributeUrl), children: "Share your pet" }),
+          /* @__PURE__ */ jsxRuntime.jsx("a", { className: "paw-text-link", href: "#paw-week", children: "Meet Paw of the Week" })
+        ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-illustration", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(PawNeighborhoodIllustration, {}),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Good neighbors. Great companions." })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "paw-illustration", children: /* @__PURE__ */ jsxRuntime.jsx(PawNeighborhoodIllustration, {}) })
+    ] }),
+    !unavailable && /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "paw-shortcuts", "aria-label": "Useful pet resources", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href: safePetLink(browseBasePath + "/lost_found" + communityQuery),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Lost a pet?" }),
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Let\u2019s help them home" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\u2197" })
+          ]
+        }
+      ),
+      walksUrl && /* @__PURE__ */ jsxRuntime.jsxs("a", { href: safePetLink(walksUrl), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "A little fresh air" }),
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Find a Paw Walk" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\u2197" })
+      ] }),
+      placesUrl && /* @__PURE__ */ jsxRuntime.jsxs("a", { href: safePetLink(placesUrl), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Out with your companion" }),
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Explore Paw Places" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\u2197" })
       ] })
     ] }),
+    !unavailable && !spotlight && /* @__PURE__ */ jsxRuntime.jsxs(
+      "section",
+      {
+        className: "paw-week-invitation",
+        id: "paw-week",
+        "aria-labelledby": "paw-week-title",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "paw-invitation-art", children: /* @__PURE__ */ jsxRuntime.jsx(PawInvitationArt, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-context", children: "Paw of the Week" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("h2", { id: "paw-week-title", children: [
+              "Somebody\u2019s favorite.",
+              /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+              "Soon, everybody\u2019s."
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "The couch companion. The trail buddy. The tiny character with a very big personality. We\u2019d love to meet yours." }),
+            contributeUrl && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "paw-button", href: safePetLink(contributeUrl), children: "Introduce your pet" }),
+            /* @__PURE__ */ jsxRuntime.jsx("small", { children: "Always free. Selected with care by local editors." })
+          ] })
+        ]
+      }
+    ),
     !unavailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "neighbors", className: "paw-section", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-section-heading", children: [
@@ -769,7 +960,21 @@ function PetsSection({
             mediaUrl
           },
           r.id
-        )) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-empty", children: "The photo board is ready for its first neighbors. Share a photograph and a few words about your pet." }),
+        )) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-board-invitation", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PawMark, { size: 56 }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "There\u2019s a place for your pet here." }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "The photo board is ready for its first neighbors. A favorite photograph, a few words, and a new familiar face." })
+          ] }),
+          contributeUrl && /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              className: "paw-text-link",
+              href: safePetLink(contributeUrl),
+              children: "Share a photograph"
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "a",
           {
@@ -804,54 +1009,58 @@ function PetsSection({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "celebrations", className: "paw-section", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-section-heading", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "A life full of little milestones" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Birthdays, adoption days, new beginnings and fond memories." })
-        ] }),
-        celebrations.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "paw-gallery", children: celebrations.map((r) => /* @__PURE__ */ jsxRuntime.jsx(
-          PetCelebrationCard,
-          {
-            resource: r,
-            community: local(r.area_id),
-            href: link(r.id),
-            mediaUrl
-          },
-          r.id
-        )) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-empty", children: "Celebrate someone who makes your days brighter. Every story is reviewed with care." }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            href: safePetLink(
-              browseBasePath + "/celebration" + communityQuery
-            ),
-            children: "More pet celebrations"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "adoption", className: "paw-section", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-section-heading", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "A new chapter starts with hello." }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Discover animals through local shelters and rescue organizations." })
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-discover-pair", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "celebrations", className: "paw-section", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-section-heading", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "A life full of little milestones" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Birthdays, adoption days, new beginnings and fond memories." })
+          ] }),
+          celebrations.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "paw-gallery", children: celebrations.map((r) => /* @__PURE__ */ jsxRuntime.jsx(
+            PetCelebrationCard,
+            {
+              resource: r,
+              community: local(r.area_id),
+              href: link(r.id),
+              mediaUrl
+            },
+            r.id
+          )) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-empty", children: "Celebrate someone who makes your days brighter. Every story is reviewed with care." }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: safePetLink(
+                browseBasePath + "/celebration" + communityQuery
+              ),
+              children: "More pet celebrations"
+            }
+          )
         ] }),
-        adoptions.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "paw-gallery", children: adoptions.map((r) => /* @__PURE__ */ jsxRuntime.jsx(
-          AdoptionListingCard,
-          {
-            resource: r,
-            community: local(r.area_id),
-            href: link(r.id),
-            mediaUrl
-          },
-          r.id
-        )) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-empty", children: "Our editors are gathering official shelter and rescue listings. Check directly with your local organization for current availability." }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-safety", children: PET_SAFETY.adoption }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            href: safePetLink(browseBasePath + "/adoption" + communityQuery),
-            children: "Explore adoption listings"
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "adoption", className: "paw-section", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "paw-section-heading", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "A new chapter starts with hello." }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Discover animals through local shelters and rescue organizations." })
+          ] }),
+          adoptions.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "paw-gallery", children: adoptions.map((r) => /* @__PURE__ */ jsxRuntime.jsx(
+            AdoptionListingCard,
+            {
+              resource: r,
+              community: local(r.area_id),
+              href: link(r.id),
+              mediaUrl
+            },
+            r.id
+          )) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-empty", children: "Our editors are gathering official shelter and rescue listings. Check directly with your local organization for current availability." }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "paw-safety", children: PET_SAFETY.adoption }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: safePetLink(
+                browseBasePath + "/adoption" + communityQuery
+              ),
+              children: "Explore adoption listings"
+            }
+          )
+        ] })
       ] }),
       nextUrl && /* @__PURE__ */ jsxRuntime.jsx("a", { className: "paw-button", href: safePetLink(nextUrl), children: "More community pets" })
     ] }),
@@ -866,12 +1075,22 @@ function PetsSection({
       ))
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "paw-footer", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(PawMark, { size: 24 }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "paw-brand", href: basePath || "/", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PawMark, { size: 40 }),
+          name
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: tagline })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
-        "A community project from Bay Area News Network.",
+        "A community project from",
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: "https://bayareanewsnetwork.com", children: "Bay Area News Network" }),
+        ".",
         /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-        tagline
-      ] })
+        "Made for the places we call home."
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#paw-community", className: "paw-text-link", children: "Find your community" })
     ] })
   ] });
 }
@@ -924,7 +1143,7 @@ async function PublicationPetsSection({
       week: monday.toISOString().split("T")[0]
     });
     if (chosen) weekly.set("area_id", chosen.id);
-    const [feeds, spotlights] = await Promise.all([
+    const [feeds, spotlights, acknowledgments] = await Promise.all([
       Promise.all(
         ["neighbors", "lost_found", "celebration", "adoption"].map((kind) => {
           const q = new URLSearchParams(filter);
@@ -936,7 +1155,8 @@ async function PublicationPetsSection({
           );
         })
       ),
-      petRequest(scope, root + "/pets?" + weekly)
+      petRequest(scope, root + "/pets?" + weekly),
+      petAcknowledgments(scope, chosen?.slug)
     ]);
     const clean = (r) => ({
       ...r,
@@ -964,7 +1184,7 @@ async function PublicationPetsSection({
           accountUrl: native ? "/pets/account" : void 0,
           communities: collection.areas,
           community: chosen,
-          acknowledgments: await petAcknowledgments(scope, chosen?.slug),
+          acknowledgments,
           resources: feeds.flatMap((feed) => feed.items).map(clean),
           spotlight: spotlights.items[0] && clean(spotlights.items[0]),
           mediaUrl,