@inneranimalmedia/agentsam-sdk 2.6.11 → 2.6.12

package/packages/theme-violet/site/global/cpas-shell.js

@@ -0,0 +1,107 @@
+/* cpas-shell.js — public site interactions */
+(function () {
+  'use strict';
+
+  /* ── Active nav from page route (works in CMS preview iframe) ── */
+  function setActiveLinks() {
+    const pathFromBody = document.body && document.body.dataset ? document.body.dataset.route : '';
+    const path = String(pathFromBody || window.location.pathname).replace(/\/$/, '') || '/';
+    document.querySelectorAll('.site-nav a, .nav-drawer-links a, .nav-drawer a').forEach(function (a) {
+      const href = a.getAttribute('href');
+      if (!href || href.startsWith('http')) return;
+      const linkPath = href.replace(/\/$/, '') || '/';
+      const isActive = linkPath === path;
+      a.classList.toggle('active', isActive);
+      a.classList.toggle('is-active', isActive);
+    });
+  }
+  setActiveLinks();
+
+  /* ── Header scroll behaviour ─────────────────────────── */
+  const hdr = document.querySelector('.site-header');
+  if (hdr) {
+    let lastY = 0;
+    window.addEventListener('scroll', () => {
+      const y = window.scrollY;
+      hdr.classList.toggle('scrolled', y > 24);
+      hdr.classList.toggle('header-hidden', y > lastY + 80 && y > 300);
+      if (y < lastY || y < 80) hdr.classList.remove('header-hidden');
+      lastY = y;
+    }, { passive: true });
+  }
+
+  /* ── Mobile nav ──────────────────────────────────────── */
+  const toggle = document.querySelector('.mobile-menu-toggle');
+  const drawer = document.querySelector('.nav-drawer');
+  const overlay = document.getElementById('navOverlay');
+
+  function closeNav() {
+    drawer && drawer.classList.remove('is-open');
+    overlay && overlay.classList.remove('is-open');
+    toggle && toggle.classList.remove('is-open');
+    toggle && toggle.setAttribute('aria-expanded', 'false');
+    document.body.classList.remove('menu-open', 'cpas-nav-open');
+    document.documentElement.classList.remove('cpas-nav-open');
+    document.body.style.overflow = '';
+  }
+
+  if (toggle) {
+    toggle.addEventListener('click', () => {
+      const open = drawer ? drawer.classList.toggle('is-open') : false;
+      overlay && overlay.classList.toggle('is-open', open);
+      toggle.classList.toggle('is-open', open);
+      toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
+      document.body.classList.toggle('menu-open', open);
+    document.body.classList.toggle('cpas-nav-open', open);
+    document.documentElement.classList.toggle('cpas-nav-open', open);
+      document.body.style.overflow = open ? 'hidden' : '';
+    });
+  }
+
+  const closeBtn = document.querySelector('.mobile-nav-close');
+  closeBtn && closeBtn.addEventListener('click', closeNav);
+  overlay && overlay.addEventListener('click', closeNav);
+  document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') {
+      closeNav();
+      if (window.CPASModals && typeof window.CPASModals.close === 'function') window.CPASModals.close();
+    }
+  });
+
+  /* ── CMS dashboard: scroll-to-section postMessage listener ── */
+  window.addEventListener('message', function(e) {
+    if (!e.data || e.data.type !== 'cms:scroll-to-section') return;
+    const key = e.data.key;
+    if (!key) return;
+    const el = document.querySelector('[data-cpas-section="' + key + '"]');
+    if (el) {
+      el.scrollIntoView({ behavior: 'smooth', block: 'start' });
+      // Brief highlight pulse so the section is visually obvious
+      el.style.transition = 'outline 0.1s';
+      el.style.outline = '2px solid rgba(139,92,246,0.5)';
+      setTimeout(function() { el.style.outline = ''; }, 1200);
+    }
+  });
+
+})();
+
+// CPAS reusable newsletter form
+(() => {
+  document.addEventListener('submit', async (event) => {
+    const form = event.target.closest('[data-newsletter-form]');
+    if (!form) return;
+    event.preventDefault();
+    const email = form.querySelector('input[type="email"]')?.value?.trim();
+    const status = form.querySelector('[data-newsletter-status]');
+    if (!email) { if (status) status.textContent = 'Please enter your email.'; return; }
+    if (status) status.textContent = 'Subscribing...';
+    try {
+      const res = await fetch('/api/newsletter/subscribe', { method:'POST', headers:{'content-type':'application/json'}, body: JSON.stringify({ email }) });
+      if (!res.ok) throw new Error('Subscribe failed');
+      if (status) status.textContent = 'You are subscribed. Check your inbox for a confirmation.';
+      form.reset();
+    } catch {
+      if (status) status.textContent = 'Could not subscribe. Please try again.';
+    }
+  });
+})();

package/packages/theme-violet/site/global/cpas-shelter-hub.css

@@ -0,0 +1,326 @@
+/* Shelter hub (/adopt) — CPAS location, adoption, lost & found (light theme) */
+
+.shelter-hub { box-sizing: border-box; }
+.shelter-hub *, .shelter-hub *::before, .shelter-hub *::after { box-sizing: border-box; }
+
+.shelter-hub__intro {
+  background:
+    radial-gradient(ellipse 480px 260px at 50% 0%, rgba(107, 33, 232, 0.10) 0%, rgba(107, 33, 232, 0) 70%),
+    var(--bg-2);
+  padding: clamp(2rem, 5vw, 3rem) 1.5rem clamp(1.75rem, 4vw, 2.75rem);
+  text-align: center;
+  border-bottom: 1px solid var(--border);
+}
+.shelter-hub__intro-inner { max-width: 640px; margin: 0 auto; }
+.shelter-hub__crest {
+  display: block;
+  width: 52px;
+  height: auto;
+  margin: 0 auto 1rem;
+  opacity: 0.95;
+  filter: drop-shadow(0 2px 8px rgba(107, 33, 232, 0.12));
+}
+.shelter-hub__title {
+  font-family: var(--font-display, Georgia, serif);
+  font-size: clamp(1.55rem, 3.5vw, 2.1rem);
+  font-weight: 700;
+  color: var(--text-1);
+  line-height: 1.15;
+  margin: 0 0 0.85rem;
+}
+.shelter-hub__lede {
+  font-size: 0.975rem;
+  color: var(--text-2);
+  line-height: 1.7;
+  max-width: 560px;
+  margin: 0 auto;
+}
+
+.shelter-hub__panel {
+  background: var(--bg-2);
+  padding: clamp(2.5rem, 5vw, 3.5rem) 1.5rem;
+}
+.shelter-hub__panel--alt { background: var(--bg); }
+.shelter-hub__narrow { max-width: 820px; }
+
+.shelter-hub__eyebrow {
+  font-size: 0.68rem;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--purple, #7c6fd0);
+  text-align: center;
+  display: block;
+  margin-bottom: 0.65rem;
+}
+.shelter-hub__eyebrow--dark { color: var(--purple, #7c6fd0); }
+.shelter-hub__eyebrow--light { color: rgba(255, 255, 255, 0.5); }
+.shelter-hub__eyebrow--left { text-align: left; }
+
+.shelter-hub__heading {
+  font-family: var(--font-display, Georgia, serif);
+  font-size: clamp(1.45rem, 3vw, 1.95rem);
+  font-weight: 700;
+  color: var(--light-text, #1a1a1a);
+  text-align: center;
+  line-height: 1.2;
+  margin: 0 0 1rem;
+}
+.shelter-hub__body {
+  font-size: 0.95rem;
+  color: var(--light-muted, #4a4a4a);
+  line-height: 1.7;
+  margin: 0 0 2rem;
+}
+.shelter-hub__body--center {
+  text-align: center;
+  max-width: 560px;
+  margin-left: auto;
+  margin-right: auto;
+}
+.shelter-hub__inline-link {
+  color: var(--purple, #6c5ecf);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.shelter-hub__location {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1.5rem;
+  align-items: start;
+}
+.shelter-hub__location-info {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+.shelter-hub__map {
+  border-radius: 14px;
+  overflow: hidden;
+  height: 300px;
+  min-height: 260px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  background: #ddd;
+}
+.shelter-hub__map iframe { display: block; width: 100%; height: 100%; }
+
+.shelter-hub__info {
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+}
+.shelter-hub__info-icon {
+  flex-shrink: 0;
+  width: 36px;
+  height: 36px;
+  background: #ede9fc;
+  border-radius: 9px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--purple, #6c5ecf);
+  margin-top: 1px;
+}
+.shelter-hub__info-label {
+  font-size: 0.7rem;
+  font-weight: 700;
+  letter-spacing: 0.07em;
+  text-transform: uppercase;
+  color: #999;
+  margin: 0 0 3px;
+}
+.shelter-hub__info-value {
+  font-size: 0.9rem;
+  color: var(--light-text, #1a1a1a);
+  line-height: 1.55;
+  margin: 0;
+}
+.shelter-hub__info-link {
+  font-size: 0.9rem;
+  color: var(--purple, #6c5ecf);
+  text-decoration: none;
+  font-weight: 600;
+}
+.shelter-hub__info-link:hover { text-decoration: underline; }
+
+.shelter-hub__hours {
+  font-size: 0.84rem;
+  border-collapse: collapse;
+  color: #333;
+}
+.shelter-hub__hours td { padding: 2px 10px 2px 0; vertical-align: middle; }
+.shelter-hub__hours td:first-child { color: #777; font-size: 0.78rem; white-space: nowrap; }
+.shelter-hub__badge {
+  display: inline-block;
+  font-size: 0.65rem;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--purple, #6c5ecf);
+  background: #ede9fc;
+  border-radius: 5px;
+  padding: 2px 6px;
+  margin-left: 4px;
+  vertical-align: middle;
+}
+.shelter-hub__closed { color: #aaa; }
+
+.shelter-hub__btn-stack {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 4px;
+}
+
+.shelter-hub__cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+  gap: 12px;
+  margin-bottom: 1.75rem;
+}
+.shelter-hub__card {
+  background: #fff;
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  padding: 1.15rem 1.1rem 1.05rem;
+  box-shadow: 0 2px 12px rgba(28, 20, 32, 0.04);
+}
+.shelter-hub__card-icon {
+  width: 38px;
+  height: 38px;
+  border-radius: 9px;
+  background: #ede9fc;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--purple, #6c5ecf);
+  margin-bottom: 0.8rem;
+}
+.shelter-hub__card-title {
+  font-family: var(--font-body);
+  font-size: 0.85rem;
+  font-weight: 700;
+  color: var(--light-text, #1a1a1a);
+  margin: 0 0 0.35rem;
+}
+.shelter-hub__card-body {
+  font-size: 0.8rem;
+  color: #555;
+  line-height: 1.6;
+  margin: 0;
+}
+
+.shelter-hub__policy {
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  border-radius: 14px;
+  padding: 1.35rem 1.4rem 1.25rem;
+  margin-bottom: 2rem;
+}
+.shelter-hub__list {
+  list-style: none;
+  padding: 0;
+  margin: 0.6rem 0 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.55rem;
+}
+.shelter-hub__list li {
+  font-size: 0.85rem;
+  color: #4a4a4a;
+  line-height: 1.6;
+  padding-left: 1.2rem;
+  position: relative;
+  margin: 0;
+}
+.shelter-hub__list li::before {
+  content: "–";
+  position: absolute;
+  left: 0;
+  color: #9b8fd6;
+}
+.shelter-hub__list strong { color: var(--light-text, #1a1a1a); font-weight: 700; }
+
+.shelter-hub__steps {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-bottom: 2rem;
+}
+.shelter-hub__step {
+  display: flex;
+  gap: 14px;
+  align-items: flex-start;
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.07);
+  border-radius: 14px;
+  padding: 1rem 1.2rem;
+}
+.shelter-hub__step-num {
+  flex-shrink: 0;
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  background: #ede9fc;
+  color: var(--purple, #6c5ecf);
+  font-size: 0.8rem;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 1px;
+}
+.shelter-hub__step-title {
+  font-family: var(--font-body);
+  font-size: 0.87rem;
+  font-weight: 700;
+  color: var(--light-text, #1a1a1a);
+  margin: 0 0 0.25rem;
+}
+.shelter-hub__step-body {
+  font-size: 0.8rem;
+  color: #555;
+  line-height: 1.6;
+  margin: 0;
+}
+
+.shelter-hub__cta-row {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+.shelter-hub__btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  padding: 0.65rem 1.3rem;
+  border-radius: 10px;
+  font-family: var(--font-body);
+  font-size: 0.875rem;
+  font-weight: 700;
+  text-decoration: none;
+  transition: opacity 0.15s ease, transform 0.1s ease;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.shelter-hub__btn:hover { opacity: 0.87; transform: translateY(-1px); }
+.shelter-hub__btn:active { transform: scale(0.98); }
+.shelter-hub__btn--primary {
+  background: var(--purple, #6c5ecf);
+  color: #fff;
+  border: none;
+}
+.shelter-hub__btn--secondary {
+  background: #fff;
+  color: var(--light-text, #1a1a1a);
+  border: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+@media (max-width: 640px) {
+  .shelter-hub__location { grid-template-columns: 1fr; }
+  .shelter-hub__map { order: -1; height: 240px; }
+  .shelter-hub__cta-row { flex-direction: column; align-items: stretch; }
+  .shelter-hub__btn { justify-content: center; white-space: normal; text-align: center; }
+}

package/packages/theme-violet/site/index.html

@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>Violet Initiative — Violet</title>
+<meta content="Explore a campaign website prebuild built around bold calls to action, impact proof, human stories, donation moments, and clear ways to take part." name="description"/>
+<link href="./global/cpas-public-surface.css" rel="stylesheet"/>
+<script>window.__BRAND={"brand_name":"Violet Initiative","logo_dark_url":"/assets/generated/theme-mark.svg","logo_light_url":"/assets/generated/media-07b46d6457.webp","footer_logo_dark_url":"/assets/generated/media-07b46d6457.webp","footer_logo_light_url":"/assets/generated/theme-mark.svg","developer_logo_dark_url":"/assets/generated/theme-mark.svg","developer_logo_light_url":"/assets/generated/media-b8f43a3887.webp","logo_width":140,"footer_logo_width":120}</script>
+<link href="https://example.com/" rel="canonical"/><meta content="index,follow,max-image-preview:large" name="robots"/><meta content="#17111f" name="theme-color"/><meta content="website" property="og:type"/><meta content="Violet Initiative — Violet" property="og:title"/><meta content="Explore a campaign website prebuild built around bold calls to action, impact proof, human stories, donation moments, and clear ways to take part." property="og:description"/><meta content="https://example.com/" property="og:url"/><meta content="https://example.com/assets/generated/social-card.webp" property="og:image"/><meta content="summary_large_image" name="twitter:card"/><meta content="Violet Initiative — Violet" name="twitter:title"/><meta content="Explore a campaign website prebuild built around bold calls to action, impact proof, human stories, donation moments, and clear ways to take part." name="twitter:description"/><meta content="https://example.com/assets/generated/social-card.webp" name="twitter:image"/><script data-agentsam-seo="theme-remaster" type="application/ld+json">{"@context": "https://schema.org", "@type": "WebSite", "name": "Violet Initiative", "description": "Explore a campaign website prebuild built around bold calls to action, impact proof, human stories, donation moments, and clear ways to take part.", "url": "https://example.com/", "isPartOf": {"@type": "CreativeWork", "name": "Violet AgentSam Prebuild"}}</script></head>
+<body class="theme-dark" data-font="playfair_inter" data-route="/" data-theme="dark">
+<header class="site-header">
+<div class="container header-inner">
+<a aria-label="Violet Initiative — staff login" class="logo-link" href="./admin/login">
+<img alt="Violet Initiative" src="/assets/generated/theme-mark.svg"/>
+</a>
+<nav aria-label="Main navigation">
+<ul class="site-nav">
+<li><a href="/">Home</a></li>
+<li><a href="./about">About</a></li>
+<li><a href="./services">Foster</a></li>
+<li><a href="./adopt">Adopt</a></li>
+<li><a href="./community">Community</a></li>
+</ul>
+</nav>
+<div class="header-actions">
+<a class="nav-donate" href="./donate">Donate</a>
+</div>
+<button aria-label="Open navigation" class="mobile-menu-toggle" type="button">
+<span></span><span></span><span></span>
+</button>
+</div>
+</header>
+<div class="mobile-menu-panel" id="mobileMenuPanel">
+<a href="/">Home</a>
+<a href="./about">About</a>
+<a href="./services">Foster</a>
+<a href="./adopt">Adopt</a>
+<a href="./community">Community</a>
+<a class="mobile-donate" href="./donate">Donate</a>
+</div>
+<main>
+<section class="hero-split" data-section-key="hero_main">
+<div class="hero-media-bg">
+<img alt="Every dog deserves someone in their corner." decoding="async" fetchpriority="high" loading="eager" src="/assets/generated/media-9bbd133220.webp"/>
+<div class="hero-scrim"></div>
+</div>
+<div class="hero-body">
+<div class="container">
+<div class="hero-content">
+<div class="hero-badge">North District Parish · Volunteer Powered</div>
+<h1 class="hero-heading">Every dog deserves someone in their corner.</h1>
+<p class="hero-sub">Violet Initiative funds critical care, opens transport pathways, and helps dogs at North District Parish Animal Services reach families waiting for them.</p>
+<div class="hero-actions"><a class="hero-cta hero-cta-primary" href="./services"><span class="hero-cta-text"><span class="hero-cta-label">Apply to Foster</span></span></a><a class="hero-cta hero-cta-ghost" href="./donate"><span class="hero-cta-text"><span class="hero-cta-label">Support Our Mission</span></span></a></div>
+</div>
+</div>
+</div>
+</section>
+<section class="section" data-section-key="mission">
+<div class="container">
+<div class="section-text-image img-left">
+<div class="img-col">
+<img alt="We step in where the second chance starts." class="section-img" loading="lazy" src="/assets/generated/media-254b0e2ad3.webp"/>
+</div>
+<div class="text-col">
+<p class="eyebrow">Our Mission</p><h2>We step in where the second chance starts.</h2><p>Violet Initiative exists to give dogs at North District Parish Animal Services the opportunity they may not get otherwise. As a 100% volunteer-based nonprofit, every dollar is directed toward helping animals who need care, transport, visibility, and a safe path forward.</p>
+</div>
+</div>
+</div>
+</section>
+<section class="section" data-section-key="foster_grid"><div class="container"><div class="foster-header"><div><p class="eyebrow">Open Your Home</p><h2>Meet your familys next best friend.</h2><p>Fostering gives a dog safety, stability, and the time they need to be seen. It is one of the fastest ways to create space, save lives, and help a dog become ready for forever.</p></div><div class="foster-header-cta"><a class="btn btn-primary" href="./services">Apply to Foster</a></div></div><div class="foster-grid mt-md"><article class="foster-card foster-card--tall"><img alt="Open your home for a week" class="foster-img" loading="lazy" src="/assets/generated/media-3a78eb7d9d.webp"/><div class="foster-card-body"><h3>Open your home for a week</h3><p>Short-term fosters give dogs a break from the shelter — and give us time to find them the right forever home.</p></div></article><article class="foster-card"><img alt="Help a dog recover" class="foster-img" loading="lazy" src="/assets/generated/media-7a5fb7c91a.webp"/><div class="foster-card-body"><h3>Help a dog recover</h3><p>Some dogs arrive with medical needs. Foster carers who can follow a simple care routine save lives every time.</p></div></article><article class="foster-card"><img alt="Be part of the moment they find their family" class="foster-img" loading="lazy" src="/assets/generated/media-3a1b5c0a8d.webp"/><div class="foster-card-body"><h3>Be part of the moment they find their family</h3><p>Fosters are there for the transport day, the adoption call, the moment everything changes. It stays with you.</p></div></article></div></div></section>
+<section class="section section-campaigns" data-section-key="campaigns"><div class="container"><p class="eyebrow">Featured Campaigns</p><h2>Two direct ways your gift saves lives.</h2><div class="campaign-grid mt-md"><article class="campaign-card"><div class="campaign-img-wrap"><img alt="Transport Fund" class="campaign-img" loading="lazy" src="/assets/generated/media-646c65381e.webp"/><div class="campaign-img-overlay"></div></div><div class="campaign-body"><h3 class="campaign-title">Transport Fund</h3><p class="campaign-text">Every transport gives a dog a shot at rescue. $40 covers a single dog ride to a partner rescue or approved adopter.</p><a class="btn btn-primary" href="./donate">Fund a Transport</a></div></article><article class="campaign-card"><div class="campaign-img-wrap"><img alt="Emergency Medical Fund" class="campaign-img" loading="lazy" src="/assets/generated/media-6342d50dbd.webp"/><div class="campaign-img-overlay"></div></div><div class="campaign-body"><h3 class="campaign-title">Emergency Medical Fund</h3><p class="campaign-text">Dogs arrive with injuries, illness, and untreated pain. Your gift goes directly to vet bills for animals in crisis.</p><a class="btn btn-primary" href="./donate">Support Medical Care</a></div></article></div></div></section>
+<section class="section section-testimonial" data-section-key="testimonial">
+<div class="container">
+<p class="eyebrow">Real Impact</p>
+<blockquote class="testimonial-quote">Companions gave me the chance to say yes - and to fight for her.</blockquote>
+<p class="testimonial-attr">Brittany Ramsey, foster and board member</p>
+</div>
+</section>
+<section class="section" data-section-key="crisis_care">
+<div class="container">
+<div class="section-text-image">
+<div class="text-col">
+<p class="eyebrow">From Crisis to Care</p><h2>Some dogs arrive with stories they cannot tell.</h2><p>Road rash, illness, neglect, and urgent medical needs can make a dog easy to overlook in an overcrowded shelter. Violet Initiative helps turn those moments into treatment, recovery, and a future.</p>
+<div class="hero-actions mt-md"><a class="btn btn-primary" href="./donate">Help Fund Recovery</a></div>
+</div>
+<div class="img-col">
+<img alt="Some dogs arrive with stories they cannot tell." class="section-img" loading="lazy" src="/assets/generated/media-cd07daa54a.webp"/>
+</div>
+</div>
+</div>
+</section>
+</main>
+<footer class="site-footer">
+<div class="container">
+<div class="footer-grid">
+<div class="footer-brand">
+<img alt="Violet Initiative" src="/assets/generated/theme-mark.svg"/>
+<p class="footer-tagline">A volunteer-run nonprofit helping dogs at North District Parish Animal Services receive medical care, transport support, and second chances.</p>
+</div>
+<div>
+<p class="footer-col-label">Pages</p>
+<ul class="footer-links">
+<li><a href="/">Home</a></li>
+<li><a href="./about">About</a></li>
+<li><a href="./services">Foster</a></li>
+<li><a href="./adopt">Adopt</a></li>
+<li><a href="./community">Community</a></li>
+<li><a href="./donate">Donate</a></li>
+</ul>
+</div>
+<div>
+<p class="footer-col-label">Organization</p>
+<div class="footer-org-row">
+<span><strong>Violet Initiative</strong></span>
+<span>501(c)(3) Tax-Exempt</span>
+<span>EIN: 88-4156327</span>
+<span>North District Parish, Louisiana</span>
+<span><a href="mailto:hello@violet.example">hello@violet.example</a></span>
+</div>
+</div>
+<div class="footer-dev">
+<p class="footer-dev-label">Developed by</p>
+<a href="https://inneranimalmedia.com" rel="noopener" target="_blank">
+<img alt="Inner Animal Media" src="/assets/generated/media-b8f43a3887.webp"/>
+</a>
+</div>
+</div>
+<div class="footer-bottom">
+<p class="footer-ein">Violet Initiative  ·  501(c)(3)  ·  EIN 88-4156327</p>
+<div class="footer-socials">
+<a href="#social" rel="noopener" target="_blank">Facebook</a>
+<a href="#social" rel="noopener" target="_blank">Instagram</a>
+</div>
+</div>
+</div>
+</footer>
+<script src="./global/cpas-shell.js"></script>
+</body>
+</html>

package/packages/theme-violet/site/pages/about/campaigns.html

@@ -0,0 +1,28 @@
+<style>
+[data-cpas-section="campaigns"]{background:#ede8df}
+[data-cpas-section="campaigns"] .about-camp-featured{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;align-items:center;margin-top:1.5rem;background:var(--light-card);border:1px solid var(--light-border);border-radius:20px;overflow:hidden;box-shadow:0 4px 32px rgba(0,0,0,0.08)}
+[data-cpas-section="campaigns"] .about-camp-featured img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}
+[data-cpas-section="campaigns"] .about-camp-body{padding:2rem 2rem 2rem 0}
+[data-cpas-section="campaigns"] .about-camp-heading{font-family:var(--font-display);font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:700;color:var(--light-text);line-height:1.15;margin:0.4rem 0 0.85rem}
+[data-cpas-section="campaigns"] .about-camp-meta{font-size:13px;color:var(--light-muted);margin-bottom:1rem}
+@media(max-width:768px){[data-cpas-section="campaigns"] .about-camp-featured{grid-template-columns:1fr}[data-cpas-section="campaigns"] .about-camp-body{padding:1.5rem}}
+</style>
+<section class="section s-light" data-cpas-section="campaigns" data-section-key="campaigns">
+  <div class="container">
+    <div class="ey-purple">Featured Campaigns</div>
+    <div class="about-camp-featured">
+      <img src="/assets/generated/media-9e73307c2a.webp" alt="$10,000 lifesaving goal" loading="lazy" />
+      <div class="about-camp-body">
+        <h2 class="about-camp-heading">$10,000 lifesaving goal</h2>
+        <p class="about-camp-meta">$465 raised by 7 donors. Every gift fuels medical support, transport, and second chances.</p>
+        <p class="story-body">Every gift fuels medical support, transport, and second chances for dogs at North District Parish Animal Services.</p>
+        <div class="progress-bar" style="margin:1rem 0 0.35rem"><div class="progress-fill" style="width:5%"></div></div>
+        <p class="progress-label">$465 of $10,000 · 5%</p>
+        <a class="story-cta" href="./donate" style="margin-top:1.25rem">
+          Give now
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+        </a>
+      </div>
+    </div>
+  </div>
+</section>

package/packages/theme-violet/site/pages/about/cta.html

@@ -0,0 +1,25 @@
+<style>[data-cpas-section="cta"]{display:block}</style>
+<section class="cta-band s-purple" data-cpas-section="cta" data-section-key="cta" id="cta">
+  <div class="container cta-band-inner">
+    <div class="cta-band-left">
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg>
+      <div>
+        <p class="ey-white" style="margin-bottom:0.35rem">Give them a way out</p>
+        <p class="cta-band-heading">Help fund medical care, transport, and second chances.</p>
+        <p class="cta-band-sub">Your gift helps dogs at North District Parish Animal Services receive the treatment, visibility, and rescue pathways they need.</p>
+      </div>
+    </div>
+    <div class="cta-band-right">
+      <div class="cta-action-row">
+        <a class="cta-action-btn" href="./adopt">
+          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg>
+          View Adoptable Dogs
+        </a>
+        <a class="cta-action-btn" href="./donate">
+          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg>
+          Donate Now
+        </a>
+      </div>
+    </div>
+  </div>
+</section>