diff --git a/www/src/layouts/BlogIndexLayout.astro b/www/src/layouts/BlogIndexLayout.astro
index 5a92b37..1e5c356 100644
--- a/www/src/layouts/BlogIndexLayout.astro
+++ b/www/src/layouts/BlogIndexLayout.astro
@@ -1,33 +1,38 @@
 ---
 import BaseLayout from './BaseLayout.astro';
 import PageHero from '../components/PageHero.astro';
-const { title, description, lang = 'en' } = Astro.props;
+const { title, description, intro = [], lang = 'en' } = Astro.props;
 const languagePrefix = lang === 'en' ? '' : `/${lang}`;
 const canonical = `https://www.azinstitute4autism.com${languagePrefix}/library`;
 ---
 <BaseLayout title={title} description={description} canonical={canonical} lang={lang}>
   <PageHero title={title} image="/assets/images/hero-library-index.webp" eyebrow="Welcome to" constrain />
-  <section class="library-intro"><div class="container"><h2>Library</h2><p>{description}</p></div></section>
+  <section class="library-intro">
+    <div class="container">
+      <h2>Library</h2>
+      {intro.length ? intro.map((paragraph) => <p>{paragraph}</p>) : <p>{description}</p>}
+    </div>
+  </section>
   <div class="container section library-layout"><slot /></div>
 </BaseLayout>
 
 <style>
-  .library-intro { background: var(--color-primary); color: white; padding-block: 3rem; }
-  .library-intro h2 { color: white; }
-  .library-layout { align-items: start; display: grid; gap: 3rem; grid-template-columns: 1fr 240px; }
-  .library-sidebar { position: sticky; top: 1rem; }
-  .library-sidebar label { display: block; font-weight: 700; margin-bottom: .4rem; }
-  .library-sidebar input { border: 1px solid var(--color-border); border-radius: 4px; font: inherit; padding: .7rem; width: 100%; }
-  .library-sidebar h2 { font-size: 1.1rem; margin-top: 2rem; }
-  .library-sidebar ul { list-style: none; padding: 0; }
-  .library-sidebar li { border-bottom: 1px solid var(--color-border); padding-block: .65rem; }
-  .library-sidebar a { color: var(--color-primary); font-size: .9rem; }
-  .blog-list { display: grid; gap: 2rem; }
-  .blog-list .blog-card { box-shadow: none; display: grid; grid-template-columns: 240px 1fr; }
-  .blog-list .blog-card > a img { aspect-ratio: 4 / 3; height: 100%; }
+  :global(.library-intro) { background: var(--color-primary); color: white; padding-block: 3rem; }
+  :global(.library-intro h2) { color: white; }
+  :global(.library-layout) { align-items: start; display: grid; gap: 3rem; grid-template-columns: 1fr 240px; }
+  :global(.library-sidebar) { position: sticky; top: 1rem; }
+  :global(.library-sidebar label) { display: block; font-weight: 700; margin-bottom: .4rem; }
+  :global(.library-sidebar input) { border: 1px solid var(--color-border); border-radius: 4px; font: inherit; padding: .7rem; width: 100%; }
+  :global(.library-sidebar h2) { font-size: 1.1rem; margin-top: 2rem; }
+  :global(.library-sidebar ul) { list-style: none; padding: 0; }
+  :global(.library-sidebar li) { border-bottom: 1px solid var(--color-border); padding-block: .65rem; }
+  :global(.library-sidebar a) { color: var(--color-primary); font-size: .9rem; }
+  :global(.blog-list) { display: grid; gap: 2rem; }
+  :global(.blog-list .blog-card) { box-shadow: none; display: grid; grid-template-columns: 240px 1fr; }
+  :global(.blog-list .blog-card > a img) { aspect-ratio: 4 / 3; height: 100%; }
   @media (max-width: 760px) {
-    .library-layout { grid-template-columns: 1fr; }
-    .library-sidebar { position: static; }
-    .blog-list .blog-card { grid-template-columns: 1fr; }
+    :global(.library-layout) { grid-template-columns: 1fr; }
+    :global(.library-sidebar) { position: static; }
+    :global(.blog-list .blog-card) { grid-template-columns: 1fr; }
   }
 </style>
diff --git a/www/src/pages/library/index.astro b/www/src/pages/library/index.astro
index 2557099..2918c82 100644
--- a/www/src/pages/library/index.astro
+++ b/www/src/pages/library/index.astro
@@ -5,7 +5,14 @@ import BlogCard from '../../components/BlogCard.astro';
 const posts = (await getCollection('blog', ({ data }) => data.lang === 'en' && !data.draft)).sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf());
 const popular = posts.slice(0, 5);
 ---
-<BlogIndexLayout title="The Library at AZ Institute for Autism" description="Welcome to the Library at AIA, where we share valuable insights, strategies, and resources to support individuals with autism, their families, and professionals in the field. Our articles explore key topics in Applied Behavior Analysis (ABA) therapy, community events, success stories, and expert guidance.">
+<BlogIndexLayout
+  title="The Library at AZ Institute for Autism"
+  description="Welcome to the Library at AIA, where we share valuable insights, strategies, and resources to support individuals with autism, their families, and professionals in the field. Our articles explore key topics in Applied Behavior Analysis (ABA) therapy, community events, success stories, and expert guidance."
+  intro={[
+    "Welcome to the Library at AIA, where we share valuable insights, strategies, and resources to support individuals with autism, their families, and professionals in the field. Our articles explore key topics in Applied Behavior Analysis (ABA) therapy, including teaching self-advocacy, proactive and reactive strategies, and innovative intervention techniques.",
+    "We also highlight community events, success stories, and expert guidance to foster understanding and empowerment. Whether you're a parent, caregiver, educator, or advocate, our goal is to provide meaningful content that helps children with autism reach their highest potential in a compassionate and supportive environment. Stay connected with us as we continue to share knowledge and celebrate progress!",
+  ]}
+>
   <div class="blog-list">{posts.map((post) => <BlogCard post={post} />)}</div>
   <aside class="library-sidebar">
     <label for="library-search">Search</label>