Thinking Machines Inkling Small – Religion and Spirituality

via DeepInfra · Generated

  • AIMAC Debt 3.32
  • Cost $0.014
  • Total Violations 4
  • HTML Size 33 KB
  • Em Dashes 14

Screenshot

View Thinking Machines Inkling Small Religion and Spirituality page View Live Page

Accessibility Issues Found

4 Serious

  • color-contrast serious 4 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <div class="tagline">Where Faith Grows, Hearts Healed, and Lives Transformed</div>

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grace Community Sanctuary — Where Faith Grows, Hearts Healed, and Lives Transformed</title>
<meta name="description" content="Grace Community Sanctuary is a welcoming faith community offering communal worship, scripture study, music ministry, outreach, and support for all who seek spiritual growth.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Source+Sans+3:wght@300;400;600&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
<style>
  :root {
    --ink: #1c2333;
    --navy-deep: #151b26;
    --cream: #fdfcf8;
    --paper: #f6f3ec;
    --gold: #bfa15f;
    --gold-soft: #dcd0b5;
    --text-body: #3a3f4a;
    --text-muted: #6e7380;
    --border-light: #e7e3db;
    --radius: 14px;
    --shadow: 0 12px 40px rgba(28,35,51,0.08);
    --shadow-deep: 0 24px 60px rgba(28,35,51,0.12);
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-sub: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Source Sans 3', system-ui, sans-serif;
  }

  *, *::before, *::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body {
    margin: 0; padding: 0;
    font-family: var(--font-body);
    background: var(--cream);
    color: var(--ink);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  img { max-width: 100%; height: auto; display: block; border-radius: var(--radius); }

  a { color: inherit; text-decoration: none; }

  /* Header / Navigation */
  .site-header {
    position: sticky; top: 0; z-index: 100;
    background: rgba(253,252,248,0.92);
    backdrop-filter: saturate(140%) blur(14px);
    -webkit-backdrop-filter: saturate(140%) blur(14px);
    border-bottom: 1px solid var(--border-light);
  }
  .header-inner {
    max-width: 1280px; margin: 0 auto;
    padding: 1.1rem 2rem;
    display: flex; align-items: center; justify-content: space-between; gap: 2rem;
  }
  .logo-group { display: flex; align-items: center; gap: 1rem; }
  .logo-group img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 2px solid var(--gold); }
  .logo-text .name { font-family: var(--font-heading); font-size: 1.35rem; font-weight: 700; color: var(--ink); letter-spacing: -0.02em; line-height: 1.1; }
  .logo-text .tagline { font-family: var(--font-sub); font-style: italic; color: var(--gold); font-size: 0.95rem; line-height: 1.2; margin-top: 0.15rem; }
  
  .nav-bar ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 1.6rem; flex-wrap: wrap; }
  .nav-bar a {
    font-family: var(--font-body); font-weight: 600; font-size: 0.82rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink); position: relative;
    padding: 0.25rem 0; transition: color 0.2s;
  }
  .nav-bar a::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: var(--gold); transform: scaleX(0); transform-origin: right; transition: transform 0.25s ease;
  }
  .nav-bar a:hover { color: var(--gold); }
  .nav-bar a:hover::after { transform: scaleX(1); transform-origin: left; }

  /* Hero */
  .hero {
    position: relative; min-height: 88vh;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
  }
  .hero-bg {
    position: absolute; inset: 0;
    background-image: url('https://picsum.photos/seed/sanctuary/1600/900');
    background-size: cover; background-position: center;
    filter: grayscale(30%) contrast(110%) brightness(0.55);
    z-index: 1;
  }
  .hero-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(28,35,51,0.55) 0%, rgba(28,35,51,0.35) 60%, rgba(28,35,51,0.7) 100%);
    z-index: 2;
  }
  .hero-inner { position: relative; z-index: 3; max-width: 900px; text-align: center; padding: 6rem 2rem; color: #fff; }
  .hero-inner h1 { font-family: var(--font-heading); font-size: clamp(3rem, 7vw, 5rem); font-weight: 700; line-height: 1.05; letter-spacing: -0.03em; margin: 0 0 1.2rem; text-wrap: balance; }
  .hero-inner .subtitle { font-family: var(--font-sub); font-size: clamp(1.3rem, 2.5vw, 1.8rem); font-style: italic; color: var(--gold-soft); margin-bottom: 2.5rem; }
  .cta-row { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
  .btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.95rem 2rem; border-radius: 100px; font-family: var(--font-body); font-weight: 600; letter-spacing: 0.04em; transition: transform 0.15s, box-shadow 0.2s, background 0.2s; border: none; cursor: pointer; }
  .btn-primary { background: var(--gold); color: #1a1205; box-shadow: 0 10px 30px rgba(191,161,95,0.35); }
  .btn-primary:hover { background: #c4944e; transform: translateY(-2px); box-shadow: 0 14px 40px rgba(191,161,95,0.45); }
  .btn-secondary { background: rgba(255,255,255,0.12); color: #fff; border: 1px solid rgba(255,255,255,0.25); backdrop-filter: blur(6px); }
  .btn-secondary:hover { background: rgba(255,255,255,0.2); }

  /* Main layout with sidebar */
  .layout { max-width: 1280px; margin: 0 auto; padding: 5rem 2rem; display: grid; grid-template-columns: 1fr 340px; gap: 3.5rem; align-items: start; }
  @media(max-width: 1024px) { .layout { grid-template-columns: 1fr; gap: 3rem; } }

  /* Section headings */
  .section-header { margin-bottom: 2.5rem; }
  .section-header h2 { font-family: var(--font-heading); font-size: 2.4rem; font-weight: 700; line-height: 1.15; margin: 0 0 0.6rem; letter-spacing: -0.02em; color: var(--ink); }
  .section-header .lead { font-family: var(--font-sub); font-size: 1.25rem; font-style: italic; color: var(--text-muted); max-width: 640px; line-height: 1.4; }

  /* Welcome section */
  .welcome-editorial { display: grid; gap: 2.5rem; grid-template-columns: 1fr 1fr; align-items: start; }
  @media(max-width: 820px) { .welcome-editorial { grid-template-columns: 1fr; } }
  .welcome-editorial figure { position: relative; }
  .welcome-editorial figure img { width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: var(--radius); box-shadow: var(--shadow-deep); }
  .welcome-editorial .caption { position: absolute; bottom: 1rem; left: 1rem; background: rgba(28,35,51,0.85); color: #fff; padding: 0.6rem 1rem; border-radius: 8px; font-family: var(--font-sub); font-style: italic; font-size: 0.95rem; backdrop-filter: blur(6px); }
  .welcome-editorial .body-text h3 { font-family: var(--font-heading); font-size: 1.8rem; margin: 0 0 1rem; line-height: 1.2; }
  .welcome-editorial .body-text p { margin: 0 0 1.1rem; color: var(--text-body); }

  /* Ministries Feature Grid */
  .ministry-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.75rem; }
  .ministry-card { background: #fff; border: 1px solid var(--border-light); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); transition: transform 0.2s, box-shadow 0.2s; }
  .ministry-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-deep); }
  .ministry-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
  .ministry-card .card-body { padding: 1.5rem; }
  .ministry-card h3 { font-family: var(--font-heading); font-size: 1.3rem; margin: 0 0 0.45rem; }
  .ministry-card h3 span { color: var(--gold); font-weight: 400; font-style: italic; }
  .ministry-card p { color: var(--text-body); margin: 0 0 1.2rem; font-size: 0.95rem; }
  .ministry-card .cta-link { font-weight: 600; color: var(--ink); border-bottom: 1px solid var(--gold); padding-bottom: 1px; transition: color 0.2s; }
  .ministry-card .cta-link:hover { color: var(--gold); }

  /* Interactive Devotional Calendar */
  .devotional-section { background: linear-gradient(180deg, #161d2a 0%, #1c2333 100%); border-radius: var(--radius); padding: 3rem; color: #fff; position: relative; overflow: hidden; box-shadow: var(--shadow-deep); }
  .devotional-section::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(191,161,95,0.12), transparent 70%); pointer-events: none; }
  .devotional-section h2 { font-family: var(--font-heading); font-size: 2rem; margin: 0 0 0.5rem; position: relative; z-index: 1; }
  .devotional-section .intro { color: #cbc8bf; font-family: var(--font-sub); font-style: italic; font-size: 1.15rem; margin-bottom: 1.5rem; position: relative; z-index: 1; }

  .devotion-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 0.75rem; margin-bottom: 1.5rem; position: relative; z-index: 1; }
  .dev-btn { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); color: #fff; border-radius: 10px; padding: 0.75rem 0.5rem; font-family: var(--font-body); font-weight: 600; font-size: 0.85rem; cursor: pointer; transition: background 0.2s, border-color 0.2s, transform 0.15s; text-align: center; }
  .dev-btn:hover { background: rgba(191,161,95,0.15); border-color: rgba(191,161,95,0.5); }
  .dev-btn.active { background: var(--gold); color: #1c2333; border-color: var(--gold); }
  .dev-btn span { display: block; font-family: var(--font-sub); font-style: italic; font-weight: 400; opacity: 0.85; font-size: 0.75rem; margin-top: 0.15rem; }

  .dev-display { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; padding: 1.5rem; position: relative; z-index: 1; animation: fadeUp 0.4s ease; }
  @keyframes fadeUp { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
  .dev-display h4 { font-family: var(--font-heading); font-size: 1.25rem; margin: 0 0 0.5rem; color: var(--gold); }
  .dev-display blockquote { margin: 0 0 1rem; font-family: var(--font-sub); font-style: italic; font-size: 1.15rem; line-height: 1.35; color: #e8e6df; border-left: 3px solid var(--gold); padding-left: 1rem; }
  .dev-display .prayer { font-size: 0.95rem; color: #ccc8bf; }

  /* Sidebar */
  aside.sidebar { background: #fff; border: 1px solid var(--border-light); border-radius: var(--radius); padding: 1.5rem; box-shadow: var(--shadow); height: fit-content; }
  .sidebar-section + .sidebar-section { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--border-light); }
  .sidebar-section h3 { font-family: var(--font-heading); font-size: 1.15rem; margin: 0 0 1rem; }
  .service-row { display: flex; justify-content: space-between; gap: 1rem; padding: 0.6rem 0; border-bottom: 1px solid var(--border-light); font-size: 0.9rem; }
  .service-row strong { color: var(--ink); }
  .service-row span { color: var(--text-muted); text-align: right; }
  .vol-card { display: flex; gap: 0.75rem; align-items: flex-start; padding: 0.8rem 0; border-bottom: 1px solid var(--border-light); }
  .vol-card img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
  .vol-card h4 { font-family: var(--font-heading); font-size: 1rem; margin: 0 0 0.15rem; }
  .vol-card p { margin: 0; font-size: 0.85rem; color: var(--text-muted); }

  /* Testimonials */
  .testimonial-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; }
  .testimonial-card { background: #fff; border: 1px solid var(--border-light); border-radius: var(--radius); padding: 1.75rem; box-shadow: var(--shadow); position: relative; }
  .testimonial-card::before { content: '“'; position: absolute; top: 0.8rem; right: 1.2rem; font-family: var(--font-heading); font-size: 4rem; color: var(--gold); opacity: 0.35; line-height: 1; }
  .testimonial-card p { font-family: var(--font-sub); font-style: italic; font-size: 1.05rem; line-height: 1.55; color: #2a2f3a; margin: 0 0 1rem; }
  .testimonial-card .author { display: flex; align-items: center; gap: 0.75rem; }
  .testimonial-card .author img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
  .testimonial-card .author h4 { font-family: var(--font-heading); font-size: 1rem; margin: 0; }
  .testimonial-card .author span { font-size: 0.8rem; color: var(--text-muted); }

  /* FAQ Accordion */
  .faq-section { max-width: 800px; }
  .faq-item { border-bottom: 1px solid var(--border-light); }
  .faq-q { width: 100%; text-align: left; background: none; border: none; padding: 1.1rem 0; font-family: var(--font-heading); font-size: 1.1rem; color: var(--ink); cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
  .faq-q::after { content: '+'; font-family: var(--font-body); font-weight: 300; color: var(--gold); font-size: 1.3rem; transition: transform 0.2s; }
  .faq-item.open .faq-q::after { content: '−'; }
  .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease; }
  .faq-item.open .faq-a { max-height: 300px; padding-bottom: 1rem; }
  .faq-a p { margin: 0; color: var(--text-body); }

  /* CTA Banner */
  .cta-banner { background: var(--ink); color: #fff; border-radius: var(--radius); padding: 3.5rem 2.5rem; text-align: center; position: relative; overflow: hidden; box-shadow: var(--shadow-deep); }
  .cta-banner::before { content: ''; position: absolute; top: -40px; left: -40px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(191,161,95,0.15), transparent 70%); border-radius: 50%; }
  .cta-banner h2 { font-family: var(--font-heading); font-size: 2rem; margin: 0 0 0.5rem; position: relative; z-index: 1; }
  .cta-banner p { color: #ccc8bf; max-width: 600px; margin: 0 auto 1.75rem; position: relative; z-index: 1; }
  .cta-banner .btn-primary { position: relative; z-index: 1; }

  /* Footer */
  footer.site-footer { background: var(--navy-deep); color: #ccc8bf; padding: 4rem 2rem 2rem; }
  .footer-inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2.5rem; }
  .footer-col h4 { font-family: var(--font-heading); color: #fff; margin: 0 0 1rem; font-size: 1.15rem; }
  .footer-col p, .footer-col a { color: #ccc8bf; font-size: 0.9rem; line-height: 1.7; }
  .footer-col a:hover { color: var(--gold); }
  .socials { display: flex; gap: 0.75rem; margin-top: 1rem; }
  .socials a { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.08); display: inline-flex; align-items: center; justify-content: center; transition: background 0.2s; }
  .socials a:hover { background: var(--gold); color: var(--ink); }
  .copyright { max-width: 1280px; margin: 3rem auto 0; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.85rem; color: #8a8890; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }

  /* Utilities */
  .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
  @media (max-width: 600px) {
    .header-inner { padding: 1rem; }
    .nav-bar ul { gap: 1rem; }
    .hero-inner { padding: 4rem 1.2rem; }
    .layout { padding: 3rem 1.2rem; }
  }
</style>
</head>
<body>

<header class="site-header" role="banner">
  <div class="header-inner">
    <a href="#" class="logo-group" aria-label="Grace Community Sanctuary Home">
      <img src="https://placehold.co/120x120/bfa15f/1c2333?text=GCS&font=playfair+display" alt="Grace Community Sanctuary logo" />
      <div class="logo-text">
        <div class="name">Grace Community Sanctuary</div>
        <div class="tagline">Where Faith Grows, Hearts Healed, and Lives Transformed</div>
      </div>
    </a>
    <nav class="nav-bar" aria-label="Primary">
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Ministries</a></li>
        <li><a href="#">Youth</a></li>
        <li><a href="#">Outreach</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </nav>
  </div>
</header>

<main>
  <section class="hero" aria-label="Hero">
    <div class="hero-bg" aria-hidden="true"></div>
    <div class="hero-overlay" aria-hidden="true"></div>
    <div class="hero-inner">
      <h1>Welcome to Grace Community Sanctuary</h1>
      <p class="subtitle">A place of communal worship, scripture, and belonging for every soul.</p>
      <div class="cta-row">
        <a class="btn btn-primary" href="#welcome">Join Us This Sunday</a>
        <a class="btn btn-secondary" href="#ministry">Learn More</a>
      </div>
    </div>
  </section>

  <div class="layout">
    <div class="main-column">
      <section id="welcome" class="welcome-editorial" aria-labelledby="welcome-heading">
        <figure>
          <img src="https://picsum.photos/seed/worship/800/1000" alt="Worship gathering during communal prayer" />
          <figcaption class="caption">Communal worship brings us together in scripture and song.</figcaption>
        </figure>
        <div class="body-text">
          <h3 id="welcome-heading">A Sanctuary for Every Season of Faith</h3>
          <p>At Grace Community Sanctuary, we believe that spiritual life is not meant to be lived in isolation. Our congregation gathers around the sacred practice of communal worship—reading scripture together, singing with open hearts, and praying with sincere intention. Whether you are walking through a season of profound renewal or quietly seeking a place to rest, you are welcome here.</p>
          <p>Our community is rooted in the belief that the written word transforms lives. Each Sunday, our pastoral team leads thoughtful scripture study that connects ancient truths to the challenges of modern life. Beyond Sunday, we offer small groups, mentoring relationships, and family resources designed to help every member deepen their connection to God and to one another.</p>
          <p>We are also committed to outreach ministry. From neighborhood food support to counseling partnerships, we extend our faith beyond the sanctuary walls. If you are searching for meaningful purpose, meaningful friendships, and a genuine encounter with the divine, we invite you to take a step with us.</p>
          <div class="cta-row" style="margin-top: 1.2rem;">
            <a class="btn btn-primary" href="#contact">Contact Pastor</a>
            <a class="cta-link" href="#ministry">Explore Ministries</a>
          </div>
        </div>
      </section>

      <section id="ministry" aria-labelledby="ministry-heading" style="margin-top: 5rem;">
        <div class="section-header">
          <h2 id="ministry-heading">Our Ministries</h2>
          <p class="lead">From the music that lifts our voices to the outreach that carries our faith into the neighborhood, these ministries are the heart of our community.</p>
        </div>
        <div class="ministry-grid">
          <article class="ministry-card">
            <img src="https://picsum.photos/seed/music/600/400" alt="Choir singing during worship" />
            <div class="card-body">
              <h3>Music Ministry <span>— Worship through Sound</span></h3>
              <p>Music is a sacred language at Grace Community. Our choir, instrumental ensemble, and contemporary worship leaders collaborate to create a rich, inclusive communion of song. Whether through classical hymnody or modern devotionals, we believe sound opens the heart to the spiritual.</p>
              <a class="cta-link" href="#">Find a Group →</a>
            </div>
          </article>
          <article class="ministry-card">
            <img src="https://picsum.photos/seed/outreach/600/400" alt="Community outreach providing support" />
            <div class="card-body">
              <h3>Outreach Ministry <span>— Faith in Action</span></h3>
              <p>We serve our neighborhood through food security, counseling referrals, and practical aid. Our outreach team works closely with local schools and families, offering scripture-based support groups and compassion-driven resources for those navigating hardship or grief.</p>
              <a class="cta-link" href="#">Learn More →</a>
            </div>
          </article>
          <article class="ministry-card">
            <img src="https://picsum.photos/seed/community/600/400" alt="Small group gathering in conversation" />
            <div class="card-body">
              <h3>Community Support <span>— Relationships That Endure</span></h3>
              <p>Small groups, family mentorship, and peer support circles form the backbone of our spiritual care. We design spaces for open conversation, prayer, and accountability—helping members grow in understanding, resilience, and grace.</p>
              <a class="cta-link" href="#">Find Group →</a>
            </div>
          </article>
        </div>
      </section>

      <section id="devotional" aria-labelledby="devotional-heading" style="margin-top: 5rem;">
        <div class="devotional-section" aria-label="Weekly Devotional Calendar">
          <h2 id="devotional-heading">Weekly Devotional Calendar</h2>
          <p class="intro">Select a day to receive a scripture reading and prayer to guide your week with intention.</p>
          <div class="devotion-grid" role="tablist" aria-label="Days of the week">
            <button class="dev-btn active" onclick="showDay(0)" role="tab" aria-selected="true" aria-controls="dev-panel" id="tab-0"><strong>Mon</strong><span>Beginning</span></button>
            <button class="dev-btn" onclick="showDay(1)" role="tab" aria-selected="false" aria-controls="dev-panel" id="tab-1"><strong>Tue</strong><span>Growth</span></button>
            <button class="dev-btn" onclick="showDay(2)" role="tab" aria-selected="false" aria-controls="dev-panel" id="tab-2"><strong>Wed</strong><span>Rest</span></button>
            <button class="dev-btn" onclick="showDay(3)" role="tab" aria-selected="false" aria-controls="dev-panel" id="tab-3"><strong>Thu</strong><span>Love</span></button>
            <button class="dev-btn" onclick="showDay(4)" role="tab" aria-selected="false" aria-controls="dev-panel" id="tab-4"><strong>Fri</strong><span>Hope</span></button>
            <button class="dev-btn" onclick="showDay(5)" role="tab" aria-selected="false" aria-controls="dev-panel" id="tab-5"><strong>Sat</strong><span>Reflect</span></button>
            <button class="dev-btn" onclick="showDay(6)" role="tab" aria-selected="false" aria-controls="dev-panel" id="tab-6"><strong>Sun</strong><span>Worship</span></button>
          </div>
          <div id="dev-panel" class="dev-display" role="tabpanel" aria-labelledby="tab-0">
            <h4>Monday — Beginning in Scripture</h4>
            <blockquote>“The Lord is my shepherd; I shall not want. He makes me lie down in green pastures. He leads me beside still waters. He restores my soul.” — Psalm 23:1–3</blockquote>
            <p class="prayer"><strong>Prayer:</strong> Lord, begin this week with us. Where we are weary, restore us. Where we are lost, lead us. Let our hearts be quiet enough to hear your voice.</p>
          </div>
        </div>
      </section>

      <section aria-labelledby="voices-heading" style="margin-top: 5rem;">
        <div class="section-header">
          <h2 id="voices-heading">Voices from Our Community</h2>
          <p class="lead">Real stories of transformation, belonging, and renewed purpose from members across generations.</p>
        </div>
        <div class="testimonial-grid">
          <article class="testimonial-card">
            <p>“Grace Community gave me a foundation when everything felt unstable. Through scripture study and compassionate outreach, I found that my faith could be both personal and communal.”</p>
            <div class="author">
              <img src="https://i.pravatar.cc/150?u=marisol" alt="Marisol R." />
              <div>
                <h4>Marisol R.</h4>
                <span>Member since 2019</span>
              </div>
            </div>
          </article>
          <article class="testimonial-card">
            <p>“The music ministry changed the way I experience worship. Singing alongside the choir reminded me that community is not just shared belief—it is shared breath, shared song, shared hope.”</p>
            <div class="author">
              <img src="https://i.pravatar.cc/150?u=davidk" alt="David K." />
              <div>
                <h4>David K.</h4>
                <span>Music Ministry Lead</span>
              </div>
            </div>
          </article>
          <article class="testimonial-card">
            <p>“When my family experienced loss, the outreach team did more than deliver meals. They delivered presence—prayers, presence, and patience. That is the difference scripture-based community makes.”</p>
            <div class="author">
              <img src="https://i.pravatar.cc/150?u=elena" alt="Elena M." />
              <div>
                <h4>Elena M.</h4>
                <span>Volunteer, Youth Outreach</span>
              </div>
            </div>
          </article>
        </div>
      </section>

      <section aria-labelledby="faq-heading" style="margin-top: 5rem;" class="faq-section">
        <div class="section-header">
          <h2 id="faq-heading">Frequently Asked Questions</h2>
          <p class="lead">Answers to common questions about membership, services, and how to get involved.</p>
        </div>
        <div class="faq-item open">
          <button class="faq-q" onclick="toggleFaq(this)" aria-expanded="true">How can I begin attending services?</button>
          <div class="faq-a">
            <p>We welcome visitors at every service. Our Sunday communal worship begins at 9:00 a.m., followed by a communal breakfast and scripture discussion at 10:30 a.m. No prior registration is required—simply arrive with an open heart.</p>
          </div>
        </div>
        <div class="faq-item">
          <button class="faq-q" onclick="toggleFaq(this)" aria-expanded="false">Do you have programs for youth and families?</button>
          <div class="faq-a">
            <p>Yes. Our Youth Ministry offers mentoring, service projects, and scripture-focused programming for teenagers and young adults. Family resources include parenting circles, children’s scripture groups on Sundays, and seasonal retreats.</p>
          </div>
        </div>
        <div class="faq-item">
          <button class="faq-q" onclick="toggleFaq(this)" aria-expanded="false">How can I support outreach and community work?</button>
          <div class="faq-a">
            <p>Volunteer opportunities range from meal delivery to counseling support. You can also contribute financially or offer skills-based assistance through our outreach coordination team. Contact our pastor to learn where your gifts are needed most.</p>
          </div>
        </div>
      </section>
    </div>

    <aside class="sidebar" aria-label="Sidebar">
      <section class="sidebar-section" aria-labelledby="service-heading">
        <h3 id="service-heading">Service Schedule</h3>
        <div class="service-row"><strong>Sunday Worship</strong> <span>9:00 a.m.</span></div>
        <div class="service-row"><strong>Scripture Study</strong> <span>10:30 a.m.</span></div>
        <div class="service-row"><strong>Midweek Prayer</strong> <span>Wed, 6:30 p.m.</span></div>
        <div class="service-row"><strong>Youth Gathering</strong> <span>Fri, 7:00 p.m.</span></div>
      </section>

      <section class="sidebar-section" aria-labelledby="vol-heading">
        <h3 id="vol-heading">Volunteer Opportunities</h3>
        <div class="vol-card">
          <img src="https://picsum.photos/seed/music/200/200" alt="Volunteer music leader" />
          <div>
            <h4>Music Ministry</h4>
            <p>Assist with rehearsal, sound, or hospitality at worship services.</p>
          </div>
        </div>
        <div class="vol-card">
          <img src="https://picsum.photos/seed/youth/200/200" alt="Youth outreach volunteer" />
          <div>
            <h4>Youth Mentors</h4>
            <p>Guide small groups, lead service projects, or help with events.</p>
          </div>
        </div>
        <div class="vol-card">
          <img src="https://picsum.photos/seed/help/200/200" alt="Community volunteer" />
          <div>
            <h4>Neighborhood Outreach</h4>
            <p>Deliver meals, provide transportation, or assist with counseling.</p>
          </div>
        </div>
      </section>

      <section class="sidebar-section" aria-labelledby="highlight-heading">
        <h3 id="highlight-heading">Community Highlight</h3>
        <img src="https://picsum.photos/seed/highlight/600/400" alt="Community gathering" style="width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:10px; margin-bottom:0.75rem;" />
        <h4 style="font-family:var(--font-heading); font-size:1.05rem; margin:0 0 0.3rem;">Annual Community Feast</h4>
        <p style="font-size:0.9rem; color:var(--text-body); margin:0;">Join us this fall for our communal feast, scripture reading, and fellowship gathering. All are welcome—bring a dish and an open heart.</p>
      </section>
    </aside>
  </div>

  <section class="cta-banner" aria-label="Call to action">
    <h2>Begin Your Journey With Us</h2>
    <p>Whether you are exploring faith for the first time or returning to a community that feels like home, we are here to walk with you. Reach out and take the first step.</p>
    <a class="btn btn-primary" href="#contact">Contact Pastor</a>
  </section>
</main>

<footer class="site-footer" id="contact" role="contentinfo">
  <div class="footer-inner">
    <div class="footer-col">
      <h4>Grace Community Sanctuary</h4>
      <p>1234 Hope Lane<br>Grace City, GC 90210<br>United States</p>
    </div>
    <div class="footer-col">
      <h4>Contact</h4>
      <p>Phone: <a href="tel:+15552345678">(555) 234-5678</a><br>Email: <a href="mailto:hello@gracecommunity.org">hello@gracecommunity.org</a></p>
      <div class="socials" aria-label="Social media links">
        <a href="#" aria-label="Facebook">FB</a>
        <a href="#" aria-label="Instagram">IG</a>
        <a href="#" aria-label="YouTube">YT</a>
      </div>
    </div>
    <div class="footer-col">
      <h4>Resources</h4>
      <p><a href="#">About Us</a><br><a href="#">Services</a><br><a href="#">Youth Programs</a><br><a href="#">Outreach</a><br><a href="#">Donate</a></p>
    </div>
    <div class="footer-col">
      <h4>Legal</h4>
      <p><a href="#">Privacy Policy</a><br><a href="#">Terms of Use</a><br><a href="#">Accessibility</a></p>
    </div>
  </div>
  <div class="copyright">
    <span>© 2025 Grace Community Sanctuary. All rights reserved.</span>
    <span>Built with care for our community.</span>
  </div>
</footer>

<script>
  const devotions = [
    { day: "Monday", title: "Beginning in Scripture", text: "The Lord is my shepherd; I shall not want. He makes me lie down in green pastures. He leads me beside still waters. He restores my soul.", prayer: "Lord, begin this week with us. Where we are weary, restore us. Where we are lost, lead us. Let our hearts be quiet enough to hear your voice." },
    { day: "Tuesday", title: "Growth in Faith", text: "But we all, with unveiled face, beholding the glory of the Lord, are being transformed into the same image from glory to glory.", prayer: "Shape us through scripture and community. Let growth be slow, deep, and rooted in love." },
    { day: "Wednesday", title: "Rest and Renewal", text: "Come to me, all who labor and are heavy laden, and I will give you rest.", prayer: "In the midpoint of our week, remind us that rest is not weakness. Give us courage to pause, breathe, and receive." },
    { day: "Thursday", title: "Love in Action", text: "By this all people will know that you are my disciples, if you have love for one another.", prayer: "Teach us to love with our hands and not merely our words. May our actions reveal the heart of scripture." },
    { day: "Friday", title: "Hope Before the Dawn", text: "May the God of hope fill you with all joy and peace in believing, so that by the power of the Holy Spirit you may abound in hope.", prayer: "When the week grows heavy, cling to hope. Let it become not merely an idea, but an experience." },
    { day: "Saturday", title: "Reflection and Gratitude", text: "Give thanks in all circumstances; for this is the will of God in Christ Jesus for you.", prayer: "As this week closes, let gratitude shape what remains. Bless what we have, and open us to what is to come." },
    { day: "Sunday", title: "Worship Together", text: "Oh give thanks to the Lord; call upon his name; make known his deeds among the nations.", prayer: "Gather us in communal worship. Let song, scripture, and prayer become one voice—yours and ours." },
  ];

  function showDay(index) {
    const btns = document.querySelectorAll('.dev-btn');
    btns.forEach((b, i) => {
      b.classList.toggle('active', i === index);
      b.setAttribute('aria-selected', i === index ? 'true' : 'false');
      b.setAttribute('tabindex', i === index ? '0' : '-1');
    });
    const d = devotions[index];
    document.getElementById('dev-panel').innerHTML = `
      <h4>${d.day} — ${d.title}</h4>
      <blockquote>${d.text}</blockquote>
      <p class="prayer"><strong>Prayer:</strong> ${d.prayer}</p>
    `;
    document.getElementById('dev-panel').setAttribute('aria-labelledby', 'tab-' + index);
  }

  function toggleFaq(btn) {
    const item = btn.closest('.faq-item');
    const isOpen = item.classList.toggle('open');
    btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
  }
</script>

</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:45:46.254Z",
  "url": "https://benchmark.aimac.invalid/450ab9978f5ac497cf7a275bcb36e40d3cbde7f28da3788cecedfab224110e1e.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo-group\" aria-label=\"Grace Community Sanctuary Home\">",
          "target": [
            ".logo-group"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo-group\" aria-label=\"Grace Community Sanctuary Home\">",
          "target": [
            ".logo-group"
          ]
        }
      ]
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "deprecatedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "minor",
              "message": "ARIA role is not deprecated"
            }
          ],
          "impact": null,
          "html": "<header class=\"site-header\" role=\"banner\">",
          "target": [
            "header"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "focusable-modal-open",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements while a modal is open"
            },
            {
              "id": "focusable-disabled",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            },
            {
              "id": "focusable-not-tabbable",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<div class=\"hero-bg\" aria-hidden=\"true\"></div>",
          "target": [
            ".hero-bg"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo-group\" aria-label=\"Grace Community Sanctuary Home\">",
          "target": [
            ".logo-group"
          ]
        }
      ]
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-required-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "All required ARIA attributes are present"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<header class=\"site-header\" role=\"banner\">",
          "target": [
            "header"
          ]
        }
      ]
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-required-children",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Required ARIA children are present"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"devotion-grid\" role=\"tablist\" aria-label=\"Days of the week\">",
          "target": [
            ".devotion-grid"
          ]
        }
      ]
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-required-parent",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Required ARIA parent role present"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"dev-btn active\" onclick=\"showDay(0)\" role=\"tab\" aria-selected=\"true\" aria-controls=\"dev-panel\" id=\"tab-0\"><strong>Mon</strong><span>Beginning</span></button>",
          "target": [
            "#tab-0"
          ]
        }
      ]
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "invalidrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is valid"
            },
            {
              "id": "abstractrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Abstract roles are not used"
            },
            {
              "id": "unsupportedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is supported"
            }
          ],
          "impact": null,
          "html": "<header class=\"site-header\" role=\"banner\">",
          "target": [
            "header"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo-group\" aria-label=\"Grace Community Sanctuary Home\">",
          "target": [
            ".logo-group"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo-group\" aria-label=\"Grace Community Sanctuary Home\">",
          "target": [
            ".logo-group"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<div class=\"cta-row\" style=\"margin-top: 1.2rem;\">\n            <a class=\"btn btn-primary\" href=\"#contact\">Contact Pastor</a>\n            <a class=\"cta-link\" href=\"#ministry\">Explore Ministries</a>\n          </div>",
          "target": [
            ".body-text > .cta-row"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"dev-btn active\" onclick=\"showDay(0)\" role=\"tab\" aria-selected=\"true\" aria-controls=\"dev-panel\" id=\"tab-0\"><strong>Mon</strong><span>Beginning</span></button>",
          "target": [
            "#tab-0"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1>Welcome to Grace Community Sanctuary</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h3 id=\"welcome-heading\">A Sanctuary for Every Season of Faith</h3>",
                  "target": [
                    "#welcome-heading"
                  ]
                },
                {
                  "html": "<h2 id=\"ministry-heading\">Our Ministries</h2>",
                  "target": [
                    "#ministry-heading"
                  ]
                },
                {
                  "html": "<h3>Music Ministry <span>\u2014 Worship through Sound</span></h3>",
                  "target": [
                    ".ministry-card:nth-child(1) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Outreach Ministry <span>\u2014 Faith in Action</span></h3>",
                  "target": [
                    ".ministry-card:nth-child(2) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Community Support <span>\u2014 Relationships That Endure</span></h3>",
                  "target": [
                    ".ministry-card:nth-child(3) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"devotional-heading\">Weekly Devotional Calendar</h2>",
                  "target": [
                    "#devotional-heading"
                  ]
                },
                {
                  "html": "<h4>Monday \u2014 Beginning in Scripture</h4>",
                  "target": [
                    "#dev-panel > h4"
                  ]
                },
                {
                  "html": "<h2 id=\"voices-heading\">Voices from Our Community</h2>",
                  "target": [
                    "#voices-heading"
                  ]
                },
                {
                  "html": "<h4>Marisol R.</h4>",
                  "target": [
                    ".testimonial-card:nth-child(1) > .author > div > h4"
                  ]
                },
                {
                  "html": "<h4>David K.</h4>",
                  "target": [
                    ".testimonial-card:nth-child(2) > .author > div > h4"
                  ]
                },
                {
                  "html": "<h4>Elena M.</h4>",
                  "target": [
                    ".testimonial-card:nth-child(3) > .author > div > h4"
                  ]
                },
                {
                  "html": "<h2 id=\"faq-heading\">Frequently Asked Questions</h2>",
                  "target": [
                    "#faq-heading"
                  ]
                },
                {
                  "html": "<h3 id=\"service-heading\">Service Schedule</h3>",
                  "target": [
                    "#service-heading"
                  ]
                },
                {
                  "html": "<h3 id=\"vol-heading\">Volunteer Opportunities</h3>",
                  "target": [
                    "#vol-heading"
                  ]
                },
                {
                  "html": "<h4>Music Ministry</h4>",
                  "target": [
                    ".vol-card:nth-child(2) > div > h4"
                  ]
                },
                {
                  "html": "<h4>Youth Mentors</h4>",
                  "target": [
                    ".vol-card:nth-child(3) > div > h4"
                  ]
                },
                {
                  "html": "<h4>Neighborhood Outreach</h4>",
                  "target": [
                    ".vol-card:nth-child(4) > div > h4"
                  ]
                },
                {
                  "html": "<h3 id=\"highlight-heading\">Community Highlight</h3>",
                  "target": [
                    "#highlight-heading"
                  ]
                },
                {
                  "html": "<h4 style=\"font-family:var(--font-heading); font-size:1.05rem; margin:0 0 0.3rem;\">Annual Community Feast</h4>",
                  "target": [
                    "section[aria-labelledby=\"highlight-heading\"] > h4"
                  ]
                },
                {
                  "html": "<h2>Begin Your Journey With Us</h2>",
                  "target": [
                    ".cta-banner > h2"
                  ]
                },
                {
                  "html": "<h4>Grace Community Sanctuary</h4>",
                  "target": [
                    ".footer-col:nth-child(1) > h4"
                  ]
                },
                {
                  "html": "<h4>Contact</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Resources</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Legal</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main>",
                  "target": [
                    "main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1c2333",
                "bgColor": "#fdfcf8",
                "contrastRatio": 15.29,
                "fontSize": "16.2pt (21.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 15.29"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"name\">Grace Community Sanctuary</div>",
          "target": [
            ".name"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "duplicate-id-aria",
              "data": "welcome-heading",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<h3 id=\"welcome-heading\">A Sanctuary for Every Season of Faith</h3>",
          "target": [
            "#welcome-heading"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://placehold.co/120x120/bfa15f/1c2333?text=GCS&amp;font=playfair+display\" alt=\"Grace Community Sanctuary logo\">",
          "target": [
            "img[alt=\"Grace Community Sanctuary logo\"]"
          ]
        }
      ]
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "link-in-text-block-style",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<div class=\"card-body\">",
                  "target": [
                    ".ministry-card:nth-child(1) > .card-body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Links can be distinguished from surrounding text by visual styling"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a class=\"cta-link\" href=\"#\">Find a Group \u2192</a>",
          "target": [
            ".ministry-card:nth-child(1) > .card-body > .cta-link[href=\"#\"]"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute exists and is not empty"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo-group\" aria-label=\"Grace Community Sanctuary Home\">",
          "target": [
            ".logo-group"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul>",
          "target": [
            "ul"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><a href=\"#\">Home</a></li>",
          "target": [
            "li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/120x120/bfa15f/1c2333?text=GCS&amp;font=playfair+display\" alt=\"Grace Community Sanctuary logo\">",
          "target": [
            "img[alt=\"Grace Community Sanctuary logo\"]"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 390,
                "height": 56
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (390px by 56px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo-group\" aria-label=\"Grace Community Sanctuary Home\">",
          "target": [
            ".logo-group"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": {
                "role": null,
                "nodeName": "div",
                "messageKey": "noRoleSingular",
                "prohibited": [
                  "aria-label"
                ]
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute is not well supported on a div with no valid role attribute."
            }
          ],
          "impact": "serious",
          "html": "<div class=\"devotional-section\" aria-label=\"Weekly Devotional Calendar\">",
          "target": [
            ".devotional-section"
          ],
          "failureSummary": "Fix all of the following:\n  aria-label attribute is not well supported on a div with no valid role attribute."
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "60.0pt (80px)",
                "fontWeight": "bold",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"hero-overlay\" aria-hidden=\"true\"></div>",
                  "target": [
                    ".hero-overlay"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h1>Welcome to Grace Community Sanctuary</h1>",
          "target": [
            "h1"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background gradient"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#bfa15f",
                "bgColor": "#fdfcf8",
                "contrastRatio": 2.41,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"site-header\" role=\"banner\">",
                  "target": [
                    "header"
                  ]
                },
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.41 (foreground color: #bfa15f, background color: #fdfcf8, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"tagline\">Where Faith Grows, Hearts Healed, and Lives Transformed</div>",
          "target": [
            ".tagline"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.41 (foreground color: #bfa15f, background color: #fdfcf8, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#bfa15f",
                "bgColor": "#ffffff",
                "contrastRatio": 2.47,
                "fontSize": "15.6pt (20.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"ministry-card\">",
                  "target": [
                    ".ministry-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.47 (foreground color: #bfa15f, background color: #ffffff, font size: 15.6pt (20.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\u2014 Worship through Sound</span>",
          "target": [
            ".ministry-card:nth-child(1) > .card-body > h3 > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.47 (foreground color: #bfa15f, background color: #ffffff, font size: 15.6pt (20.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#bfa15f",
                "bgColor": "#ffffff",
                "contrastRatio": 2.47,
                "fontSize": "15.6pt (20.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"ministry-card\">",
                  "target": [
                    ".ministry-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.47 (foreground color: #bfa15f, background color: #ffffff, font size: 15.6pt (20.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\u2014 Faith in Action</span>",
          "target": [
            ".ministry-card:nth-child(2) > .card-body > h3 > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.47 (foreground color: #bfa15f, background color: #ffffff, font size: 15.6pt (20.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#bfa15f",
                "bgColor": "#ffffff",
                "contrastRatio": 2.47,
                "fontSize": "15.6pt (20.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"ministry-card\">",
                  "target": [
                    ".ministry-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.47 (foreground color: #bfa15f, background color: #ffffff, font size: 15.6pt (20.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\u2014 Relationships That Endure</span>",
          "target": [
            ".ministry-card:nth-child(3) > .card-body > h3 > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.47 (foreground color: #bfa15f, background color: #ffffff, font size: 15.6pt (20.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 5567
      },
      {
        "y": 576,
        "height": 5567
      },
      {
        "y": 1152,
        "height": 5567
      },
      {
        "y": 1728,
        "height": 5567
      },
      {
        "y": 2304,
        "height": 5567
      },
      {
        "y": 2880,
        "height": 5567
      },
      {
        "y": 3456,
        "height": 5567
      },
      {
        "y": 4032,
        "height": 5567
      },
      {
        "y": 4608,
        "height": 5567
      },
      {
        "y": 4847,
        "height": 5567
      }
    ],
    "scans": 11,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Religion and Spirituality" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.

**Client & Category:**
- Industry: "Religion and Spirituality"
- Description: Religious organizations, spiritual resources, faith communities, and worship services.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Religion and Spirituality" category.
2.  **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3.  **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.

**Content & Structure Requirements (Deliver a COMPLETE page):**
-   **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
-   **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "About", "Services", "Youth".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Religion and Spirituality" category. Consider themes similar to: "Music Ministry", "Outreach Ministry", "Community Support".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "communal worship", "scripture", "outreach".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Find Group", "Learn More", "Contact Pastor".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Religion and Spirituality" sector. Ideas similar but not limited to: "devotional calendar".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "volunteer opportunities", "service schedule", "community highlights".
-   **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
-   **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.