refactor(cleanup): remove unused components and stale docs

- delete components that no longer have any references in the current source tree
- remove the stale Link component example from the README
- drop the leftover service-page heading rule from the blog stylesheet
- keep the repo aligned with the current component graph instead of historical leftovers

www/README.md

@@ -198,15 +198,6 @@ Available `Button` variants are `filled` (default), `outlined`, and `light`.
 Available sizes are `default` and `small`. A `_blank` target automatically adds
 `rel="noopener noreferrer"`.
 
-Use the optional `Link` component only when an inline link needs an explicit
-variant or target:
-
-```mdx
-import Link from '../../../components/Link.astro';
-
-<Link href="/library" variant="strong">Browse the library</Link>
-```
-
 Normal Markdown links remain preferred for ordinary page and article content.
 
 ### Front Matter CMS

www/src/components/ConsultationCTA.astro

@@ -1,11 +0,0 @@
-<section class="cta-band">
-  <div class="container split">
-    <div><p class="eyebrow">Start the conversation</p><h2>Find the right support for your learner.</h2></div>
-    <a class="button button-light" href="/client-consultation">Schedule a Free Consultation</a>
-  </div>
-</section>
-
-<style>
-  .cta-band { background: var(--color-primary); color: white; padding-block: var(--space-xl); }
-  .cta-band h2, .cta-band .eyebrow { color: white; margin: 0; }
-</style>

www/src/components/InsuranceStrip.astro

@@ -1,13 +0,0 @@
----
-const logos = ['aetna.png', 'bluecrossblueshield-logo-1.webp', 'logo-ahcccs.webp', 'logo-optum.webp', 'logo-tricare-1.webp', 'united-healthcare-logo-1.webp'];
----
-<section class="insurance-strip" aria-labelledby="insurance-title">
-  <div class="container"><h2 id="insurance-title">Insurance partners</h2><div class="logo-row">{logos.map((logo) => <img src={`/assets/images/${logo}`} alt="" loading="lazy" />)}</div></div>
-</section>
-
-<style>
-  .insurance-strip { background: white; border-block: 1px solid var(--color-border); padding-block: var(--space-lg); text-align: center; }
-  .insurance-strip h2 { font-size: 1.4rem; }
-  .logo-row { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-around; }
-  .logo-row img { filter: grayscale(1); max-height: 55px; max-width: 130px; }
-</style>

www/src/components/Link.astro

@@ -1,42 +0,0 @@
----
-interface Props {
-  href: string;
-  variant?: 'default' | 'strong';
-  target?: '_blank' | '_self';
-  rel?: string;
-  class?: string;
-}
-
-const {
-  href,
-  variant = 'default',
-  target,
-  rel = target === '_blank' ? 'noopener noreferrer' : undefined,
-  class: className
-} = Astro.props;
----
-
-<a
-  class:list={['content-link', { 'content-link--strong': variant === 'strong' }, className]}
-  href={href}
-  target={target}
-  rel={rel}
->
-  <slot />
-</a>
-
-<style>
-  .content-link {
-    color: var(--color-accent-strong);
-    text-decoration: none;
-  }
-
-  .content-link:hover,
-  .content-link:focus-visible {
-    color: var(--color-accent);
-  }
-
-  .content-link--strong {
-    font-weight: 700;
-  }
-</style>

www/src/components/LocationCard.astro

@@ -1,8 +0,0 @@
----
-const { title = 'Scottsdale', address = '8901 E Raintree Dr Ste 160, Scottsdale, AZ 85260' } = Astro.props;
----
-<article class="card location-card"><h3>{title}</h3><p>{address}</p><a class="text-link" href={`https://maps.google.com/?q=${encodeURIComponent(address)}`}>Get directions</a></article>
-
-<style>
-  .location-card { padding: var(--space-lg); }
-</style>

www/src/components/ServiceCard.astro

@@ -1,7 +0,0 @@
----
-const { title, description, href, image } = Astro.props;
----
-<article class="card service-card">
-  {image && <img src={image} alt="" loading="lazy" />}
-  <div class="card-body"><h3><a href={href}>{title}</a></h3><p>{description}</p><a class="text-link" href={href}>Learn more</a></div>
-</article>

www/src/styles/blog.css

@@ -11,7 +11,6 @@
 .source-page > h2:first-of-type { margin-top: 0; }
 .service-page > p > img, .service-page > img { float: right; margin: .5rem 0 1.5rem 2rem; max-height: 230px; max-width: 300px; object-fit: cover; }
 .service-page h3 { font-size: 2rem; }
-.service-page h3 + p { color: var(--color-accent-strong); font-family: var(--font-accent); font-size: 1.5rem; margin-bottom: -.8rem; }
 .blog-post-body { max-width: 960px; }
 .blog-post-body p { margin-bottom: 1.55rem; }
 .blog-post-body table { border: 1px solid #d7d9e3; border-collapse: collapse; display: table; margin: 0 0 1.4rem; width: 100%; }