<?php
$page_title       = "News & Updates | Cinderella Charity Ball Arlington";
$page_description = "Stay up to date with the latest news, campaign updates, impact stories, and press coverage from the Cinderella Charity Ball in Arlington, Texas.";

$posts = [
  [
    'tag'     => 'Ball Recap',
    'date'    => 'April 4, 2026',
    'title'   => '66th Annual Cinderella Charity Ball: A Night to Remember',
    'excerpt' => 'Claire Diane Novoselsky was crowned Miss Cinderella 2026 at a sold-out evening of elegance and generosity. Over 1,200 guests gathered at the Arlington Convention Center to celebrate the culmination of a remarkable campaign season.',
    'img'     => 'imgi_6_CCB-Formal4-10-26-700x300.jpg',
    'img_alt' => '66th Annual Cinderella Charity Ball formal gala',
    'featured'=> true,
  ],
  [
    'tag'     => 'Impact Story',
    'date'    => 'March 2026',
    'title'   => 'Behind the Scenes: Visiting the Boys & Girls Club Main Branch',
    'excerpt' => 'Candidates spent an afternoon at the original Arlington Main Branch — getting a behind-the-scenes look at the spaces kids use every day, including the new keyless entry security system made possible by Cinderella Campaign funding.',
    'img'     => 'imgi_9_2026CCB-Candidates12-19-25-700x300.jpg',
    'img_alt' => '2026 candidates at Boys & Girls Club tour',
    'featured'=> false,
  ],
  [
    'tag'     => 'Campaign',
    'date'    => 'February 7, 2026',
    'title'   => '2026 Campaign Kickoff: Meet the 18 Candidates!',
    'excerpt' => 'The 2026 Cinderella Charity Ball campaign officially launched with 18 remarkable young women beginning their fundraising journey for the Boys & Girls Clubs of Arlington. The competition runs through April 2.',
    'img'     => 'imgi_8_CCB26-Candidates1-12-26-1-581x248.jpg',
    'img_alt' => '2026 Cinderella Ball campaign kickoff',
    'featured'=> false,
  ],
  [
    'tag'     => 'Community',
    'date'    => 'January 31, 2026',
    'title'   => 'New Faces, Familiar Magic: The 2026 Candidate Social',
    'excerpt' => 'This year\'s Cinderella candidates mixed, mingled, and soaked up advice from last year\'s candidates at the annual social event — a beloved tradition that kicks off the campaign season with connection and community spirit.',
    'img'     => 'imgi_5_CCB2026-1-31-26-700x300.jpg',
    'img_alt' => '2026 candidates at January social event',
    'featured'=> false,
  ],
  [
    'tag'     => 'Impact Story',
    'date'    => 'January 12, 2026',
    'title'   => 'Introducing Your 2026 Candidates — First Photo Session',
    'excerpt' => 'Eighteen incredible young women gathered for their first official photo session, marking the beginning of what promises to be an extraordinary campaign season for the Boys & Girls Clubs of Arlington.',
    'img'     => 'imgi_8_CCB26-Candidates1-12-26-1-581x248.jpg',
    'img_alt' => '2026 candidates first photo session January',
    'featured'=> false,
  ],
  [
    'tag'     => 'Announcement',
    'date'    => 'December 19, 2025',
    'title'   => '2026 Candidates Announced — Applications Are In!',
    'excerpt' => 'The Ladies\' Auxiliary is thrilled to announce the 18 candidates selected for the 66th Annual Cinderella Charity Ball. These extraordinary young women were chosen from a highly competitive pool of applicants.',
    'img'     => 'imgi_9_2026CCB-Candidates12-19-25-700x300.jpg',
    'img_alt' => '2026 candidates announcement gathering December 2025',
    'featured'=> false,
  ],
];

$press = [
  ['outlet' => 'Fort Worth Report', 'date' => 'April 2026', 'headline' => 'Arlington\'s Cinderella Ball Raises Millions for Local Youth Programs', 'excerpt' => 'The 66th Annual Cinderella Charity Ball drew over 1,200 guests to the Arlington Convention Center, continuing a 65-year tradition of community giving that has raised over $15 million for the Boys & Girls Clubs.'],
  ['outlet' => 'Arlington Today', 'date' => 'March 2026', 'headline' => 'Meet the 18 Young Women Fundraising for Arlington\'s Boys & Girls Clubs', 'excerpt' => 'Eighteen Arlington-area high school students are spending the spring raising funds for a cause close to their hearts — the Boys & Girls Clubs that serve over 8,000 local children each year.'],
  ['outlet' => 'Community Voice', 'date' => 'December 2025', 'headline' => '65 Years and Counting: The Cinderella Ball\'s Enduring Legacy', 'excerpt' => 'What began in 1961 as a single fundraising event has grown into Arlington\'s longest-standing charitable tradition, with the Ladies\' Auxiliary steering the ship for nearly six decades.'],
];

$featured = array_shift($posts);
include 'includes/header.php';
?>

<!-- ============================================================
     PAGE HERO
     ============================================================ -->
<section class="page-hero">
  <div class="page-hero-bg" style="background-image:url('/image/imgi_7_CCB2026Rehersal-676x289.jpg');" role="img" aria-label="Cinderella Charity Ball rehearsal"></div>
  <div class="page-hero-overlay" aria-hidden="true"></div>
  <div class="page-hero-inner">
    <nav class="breadcrumb" aria-label="Breadcrumb">
      <a href="/">Home</a>
      <i class="fas fa-chevron-right" aria-hidden="true"></i>
      <span aria-current="page">News &amp; Updates</span>
    </nav>
    <div class="page-hero-tag"><i class="fas fa-newspaper" aria-hidden="true"></i> Latest News</div>
    <h1>News &amp; Updates</h1>
    <p class="page-hero-desc">Campaign recaps, impact stories, community updates, and press coverage from the Cinderella Charity Ball.</p>
  </div>
</section>


<!-- ============================================================
     FEATURED POST
     ============================================================ -->
<section class="news-featured" aria-labelledby="featured-heading">
  <div class="container">
    <header class="section-header reveal" style="margin-bottom:40px;">
      <div class="eyebrow" style="justify-content:center;">Featured Story</div>
      <h2 id="featured-heading">Latest from the Ball</h2>
    </header>

    <article class="featured-post-card reveal">
      <div class="featured-post-img">
        <img src="/image/<?php echo htmlspecialchars($featured['img']); ?>"
             alt="<?php echo htmlspecialchars($featured['img_alt']); ?>"
             loading="lazy">
        <span class="featured-tag"><?php echo htmlspecialchars($featured['tag']); ?></span>
      </div>
      <div class="featured-post-body">
        <p class="post-date"><i class="fas fa-calendar-alt" aria-hidden="true"></i> <?php echo htmlspecialchars($featured['date']); ?></p>
        <h2><?php echo htmlspecialchars($featured['title']); ?></h2>
        <p><?php echo htmlspecialchars($featured['excerpt']); ?></p>
        <a href="/ball.php" class="btn btn-blue">
          <i class="fas fa-arrow-right"></i> Read Full Recap
        </a>
      </div>
    </article>
  </div>
</section>


<!-- ============================================================
     RECENT POSTS GRID
     ============================================================ -->
<section class="posts-section" aria-labelledby="posts-heading">
  <div class="container">
    <header class="section-header reveal">
      <div class="eyebrow" style="justify-content:center;">From Our Community</div>
      <h2 id="posts-heading">Recent Stories</h2>
    </header>

    <div class="posts-grid" data-stagger>
      <?php foreach ($posts as $post) : ?>
      <article class="post-card">
        <div class="post-card-img">
          <img src="/image/<?php echo htmlspecialchars($post['img']); ?>"
               alt="<?php echo htmlspecialchars($post['img_alt']); ?>"
               loading="lazy">
          <span class="post-card-tag"><?php echo htmlspecialchars($post['tag']); ?></span>
        </div>
        <div class="post-card-body">
          <p class="post-meta"><i class="fas fa-calendar-alt" aria-hidden="true"></i> <?php echo htmlspecialchars($post['date']); ?></p>
          <h3><?php echo htmlspecialchars($post['title']); ?></h3>
          <p><?php echo htmlspecialchars($post['excerpt']); ?></p>
          <a href="/ball.php" class="read-more">Read More <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
        </div>
      </article>
      <?php endforeach; ?>
    </div>
  </div>
</section>


<!-- ============================================================
     PHOTO GALLERY
     ============================================================ -->
<section class="gallery-strip" id="gallery" style="background:var(--off-white);" aria-labelledby="news-gallery-heading">
  <div class="container">
    <header class="section-header reveal">
      <div class="eyebrow" style="justify-content:center;">Photo Gallery</div>
      <h2 id="news-gallery-heading">Moments from 2026</h2>
      <p>From the first candidate social to the crowning evening — a visual journey through the 66th Annual Cinderella Charity Ball season.</p>
    </header>

    <div class="gallery-grid">
      <div class="gallery-item reveal-left">
        <img src="/image/imgi_6_CCB-Formal4-10-26-700x300.jpg" alt="66th Annual Cinderella Charity Ball formal gala" loading="lazy">
      </div>
      <div class="gallery-item reveal">
        <img src="/image/imgi_9_2026CCB-Candidates12-19-25-700x300.jpg" alt="2026 candidates December gathering" loading="lazy">
      </div>
      <div class="gallery-item reveal">
        <img src="/image/imgi_5_CCB2026-1-31-26-700x300.jpg" alt="2026 candidate social January" loading="lazy">
      </div>
      <div class="gallery-item reveal-right">
        <img src="/image/imgi_10_CCB2026-1-31-26b-700x300.jpg" alt="2026 candidates gathering" loading="lazy">
      </div>
      <div class="gallery-item reveal-right">
        <img src="/image/imgi_7_CCB2026Rehersal-676x289.jpg" alt="2026 Ball rehearsal" loading="lazy">
      </div>
    </div>
  </div>
</section>


<!-- ============================================================
     PRESS COVERAGE
     ============================================================ -->
<section class="press-section" aria-labelledby="press-heading">
  <div class="container">
    <header class="section-header reveal">
      <div class="eyebrow" style="justify-content:center;">In the News</div>
      <h2 id="press-heading">Press Coverage</h2>
      <p>The Cinderella Charity Ball's impact is recognized across Arlington and Tarrant County media.</p>
    </header>

    <div class="press-list" data-stagger>
      <?php foreach ($press as $item) : ?>
      <div class="press-item">
        <div class="press-outlet"><?php echo htmlspecialchars($item['outlet']); ?></div>
        <div class="press-content">
          <h4><?php echo htmlspecialchars($item['headline']); ?></h4>
          <p><?php echo htmlspecialchars($item['excerpt']); ?></p>
          <div class="press-meta">
            <span><i class="fas fa-calendar-alt" aria-hidden="true"></i> <?php echo htmlspecialchars($item['date']); ?></span>
          </div>
        </div>
      </div>
      <?php endforeach; ?>
    </div>

    <div class="reveal" style="text-align:center; margin-top:32px;">
      <p style="color:var(--gray-500); font-size:.875rem;">
        Media inquiries? <a href="/contact.php?subject=Media%20Inquiry" style="color:var(--blue-primary); font-weight:600;">Contact our team →</a>
      </p>
    </div>
  </div>
</section>


<!-- ============================================================
     SOCIAL FOLLOW
     ============================================================ -->
<section class="social-follow" aria-labelledby="social-heading">
  <div class="container">
    <div class="social-follow-inner reveal">
      <span class="script-accent" style="font-size:1.4rem; display:block; margin-bottom:10px;">Follow Along</span>
      <h2 id="social-heading">Get Real-Time Updates on Social Media</h2>
      <p>Campaign countdowns, candidate highlights, behind-the-scenes moments, and impact stories — follow us for the full Cinderella Ball experience.</p>
      <div class="social-follow-btns">
        <a href="https://www.facebook.com/CinderellaCharityBall" target="_blank" rel="noopener" class="btn btn-facebook">
          <i class="fab fa-facebook-f"></i> Follow on Facebook
        </a>
        <a href="https://www.instagram.com/cinderellacharityball" target="_blank" rel="noopener" class="btn btn-instagram">
          <i class="fab fa-instagram"></i> Follow on Instagram
        </a>
      </div>
      <p style="color:rgba(255,255,255,.4); font-size:.8rem; margin-top:20px;">
        <i class="fab fa-facebook-f" aria-hidden="true"></i> ~1,298 Facebook likes &nbsp;·&nbsp;
        <i class="fab fa-instagram" aria-hidden="true"></i> ~1,177 Instagram followers
      </p>
    </div>
  </div>
</section>


<!-- ============================================================
     NEWSLETTER CTA
     ============================================================ -->
<section style="background:var(--off-white); padding:72px 0;" aria-labelledby="newsletter-heading">
  <div class="container">
    <div class="signup-panel reveal">
      <i class="fas fa-envelope-open-text" style="font-size:1.8rem; color:var(--gold-primary); margin-bottom:12px; display:block;" aria-hidden="true"></i>
      <h3 id="newsletter-heading">Never Miss an Update</h3>
      <p>Get campaign news, candidate announcements, Ball recaps, and impact stories delivered straight to your inbox.</p>
      <form class="signup-form" novalidate>
        <input type="email" placeholder="Your email address" autocomplete="email" aria-label="Email for newsletter">
        <button type="button" onclick="this.textContent='✓ Subscribed!'; this.style.background='#10b981'; this.previousElementSibling.value=''; setTimeout(()=>{this.textContent='Subscribe'; this.style.background='';}, 3000);">
          Subscribe
        </button>
      </form>
    </div>
  </div>
</section>

<?php include 'includes/footer.php'; ?>
