<?php
$page_title       = "The 66th Annual Cinderella Charity Ball 2026 | Results & Recap";
$page_description = "Claire Diane Novoselsky was crowned Miss Cinderella 2026 at the sold-out 66th Annual Cinderella Charity Ball on April 4, 2026 at the Arlington Convention Center.";
include 'includes/header.php';
?>

<!-- ============================================================
     PAGE HERO
     ============================================================ -->
<section class="page-hero">
  <div class="page-hero-bg" style="background-image: url('/image/imgi_6_CCB-Formal4-10-26-700x300.jpg');" role="img" aria-label="The 66th Annual Cinderella Charity Ball formal event"></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">The Ball</span>
    </nav>
    <div class="page-hero-tag"><i class="fas fa-gem" aria-hidden="true"></i> 66th Annual Ball</div>
    <h1>The 2026 Cinderella Charity Ball</h1>
    <p class="page-hero-desc">A sold-out evening of elegance, generosity, and community — celebrating Arlington's most beloved charitable tradition.</p>
  </div>
</section>


<!-- ============================================================
     BALL DETAILS BAR
     ============================================================ -->
<div class="ball-details-bar" aria-label="Ball event details">
  <div class="ball-details-bar-inner">
    <div class="ball-detail-item">
      <i class="fas fa-calendar-alt" aria-hidden="true"></i>
      <span><strong>April 4, 2026</strong> — Saturday Evening</span>
    </div>
    <div class="ball-detail-item">
      <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
      <span><strong>Arlington Convention Center</strong> at Loews Hotel</span>
    </div>
    <div class="ball-detail-item">
      <i class="fas fa-users" aria-hidden="true"></i>
      <span><strong>Sold Out</strong> — 1,100–1,300 Attendees</span>
    </div>
    <div class="ball-detail-item">
      <i class="fas fa-crown" aria-hidden="true"></i>
      <span><strong>66th Annual</strong> Cinderella Charity Ball</span>
    </div>
  </div>
</div>


<!-- ============================================================
     MISS CINDERELLA 2026 ANNOUNCEMENT
     ============================================================ -->
<section class="ball-announcement" aria-labelledby="winner-heading">
  <div class="container">

    <header class="section-header reveal" style="margin-bottom:48px;">
      <div class="eyebrow" style="justify-content:center;">The 2026 Crowning</div>
      <h2 id="winner-heading">Introducing Miss Cinderella 2026</h2>
    </header>

    <div class="ball-announce-inner">

      <!-- Portrait -->
      <div class="ball-portrait reveal-left">
        <img
          src="/image/imgi_2_Claire-Novoselsky-819x1024.jpg"
          alt="Claire Diane Novoselsky, Miss Cinderella 2026"
          loading="lazy"
        >
        <div class="ball-portrait-badge">
          <i class="fas fa-crown" aria-hidden="true"></i> Miss Cinderella 2026
        </div>
      </div>

      <!-- Text -->
      <div class="ball-announce-text reveal-right">
        <div class="eyebrow">Miss Cinderella 2026</div>
        <h2 style="font-size:clamp(1.8rem, 3.5vw, 2.6rem); margin-bottom:4px;">Claire Diane Novoselsky</h2>
        <p class="subtitle">Junior &nbsp;·&nbsp; Arlington High School &nbsp;·&nbsp; Escorted by Will Beck Lemonds</p>

        <p>
          Claire Diane Novoselsky is a 16-year-old junior at Arlington High School and the daughter of
          Jennifer and Drew Novoselsky. She has two older siblings, Nathan and Reese, and four beloved dogs:
          Luna, Wrigley, Leia, and Margo. She is the granddaughter of Richard and Glinda Scott, Mark Reid,
          and Leslie and Jeff Perryman.
        </p>

        <p>
          An exceptional student and community leader, Claire has demonstrated the qualities that define the
          Cinderella Charity Ball's ideals: academic excellence, heartfelt service, and genuine community commitment.
        </p>

        <div class="achievements">
          <span class="achievement-tag">Junior Class Vice President</span>
          <span class="achievement-tag">National Honor Society</span>
          <span class="achievement-tag">Student Council</span>
          <span class="achievement-tag">Volleyball Program</span>
          <span class="achievement-tag">4.0 GPA — Top 3% of Class</span>
          <span class="achievement-tag">Youth Teen Leadership Arlington</span>
          <span class="achievement-tag">Arlington Young Life</span>
        </div>

        <p>
          Claire plans to attend the University of Texas at Austin, where she hopes to major in
          Biomedical Sciences on her path to becoming a biomedical engineer. She volunteers at the
          Boys &amp; Girls Clubs of Arlington through her campaign efforts.
        </p>

        <p>
          Her escort, <strong>Will Beck Lemonds</strong>, is a junior at The Oakridge School and a lifelong friend.
          He is the son of Steve and Jill Lemonds.
        </p>

        <div style="margin-top:24px; display:flex; gap:12px; flex-wrap:wrap;">
          <a href="/candidates.php" class="btn btn-blue">
            <i class="fas fa-users"></i> Meet All 2026 Candidates
          </a>
          <a href="/support.php" class="btn btn-outline-gold">
            <i class="fas fa-heart"></i> Support Future Campaigns
          </a>
        </div>
      </div>

    </div>
  </div>
</section>


<!-- ============================================================
     2026 SCHOLARSHIPS
     ============================================================ -->
<section class="scholarships-section section-pad" aria-labelledby="scholarship-heading">
  <div class="container">

    <header class="section-header reveal">
      <div class="eyebrow" style="justify-content:center;">Recognizing Excellence</div>
      <h2 id="scholarship-heading">2026 Scholarship Awards</h2>
      <p>The Cinderella Charity Ball awards over $12,500 in scholarships annually, recognizing academic achievement, volunteer dedication, and community leadership.</p>
    </header>

    <div class="scholarship-grid" data-stagger>

      <!-- 1st Place Scholarship -->
      <div class="scholarship-card">
        <div class="scholarship-card-header gold-1">
          <p class="scholarship-place"><i class="fas fa-crown" aria-hidden="true"></i> &nbsp;First Place Scholarship</p>
          <p class="scholarship-amount">$6,000</p>
        </div>
        <div class="scholarship-card-body">
          <h4>Academic Excellence Award</h4>
          <p class="sponsor">Sponsored by <strong>First Rate</strong></p>
          <p class="recipient">Awarded to the top scholarship applicant at the 66th Annual Ball based on academic record, teacher recommendations, and personal essay.</p>
        </div>
      </div>

      <!-- 2nd Place Scholarship -->
      <div class="scholarship-card">
        <div class="scholarship-card-header gold-2">
          <p class="scholarship-place">Second Place Scholarship</p>
          <p class="scholarship-amount">$4,000</p>
        </div>
        <div class="scholarship-card-body">
          <h4>Academic Excellence Award</h4>
          <p class="sponsor">Sponsored by <strong>First Rate</strong></p>
          <p class="recipient">Awarded to the second-place scholarship applicant, selected through anonymous review of academic and community achievement.</p>
        </div>
      </div>

      <!-- 3rd Place Scholarship -->
      <div class="scholarship-card">
        <div class="scholarship-card-header gold-3">
          <p class="scholarship-place">Third Place Scholarship</p>
          <p class="scholarship-amount">$2,000</p>
        </div>
        <div class="scholarship-card-body">
          <h4>Academic Excellence Award</h4>
          <p class="sponsor">Sponsored by <strong>First Rate</strong></p>
          <p class="recipient">Awarded to the third-place scholarship applicant — all applications reviewed anonymously by an independent committee.</p>
        </div>
      </div>

      <!-- Youth of the Year -->
      <div class="scholarship-card">
        <div class="scholarship-card-header blue">
          <p class="scholarship-place"><i class="fas fa-star" aria-hidden="true"></i> &nbsp;Youth of the Year</p>
          <p class="scholarship-amount">$2,500</p>
        </div>
        <div class="scholarship-card-body">
          <h4>Boys &amp; Girls Club Youth of the Year</h4>
          <p class="sponsor">Awarded to the BGCGTC Arlington Youth of the Year</p>
          <p class="recipient">Supporting the future educational needs of the Boys &amp; Girls Clubs Youth of the Year from Arlington.</p>
        </div>
      </div>

      <!-- Volunteer Scholarship -->
      <div class="scholarship-card">
        <div class="scholarship-card-header green">
          <p class="scholarship-place"><i class="fas fa-hands-helping" aria-hidden="true"></i> &nbsp;Volunteer Scholarship</p>
          <p class="scholarship-amount">$500</p>
        </div>
        <div class="scholarship-card-body">
          <h4>Outstanding Volunteer Service</h4>
          <p class="sponsor">Sponsored by <strong>Baylor Orthopedic &amp; Spine Hospital</strong></p>
          <p class="recipient">Awarded to the candidate who demonstrates the most volunteer hours at the Boys &amp; Girls Clubs prior to the campaign season.</p>
        </div>
      </div>

    </div>

    <div class="reveal" style="text-align:center; margin-top:40px;">
      <p style="color:var(--gray-500); font-size:.9rem; max-width:600px; margin:0 auto 20px;">
        Scholarship applications are reviewed completely anonymously — all awards are based solely on academic records, teacher recommendations, and personal essays.
      </p>
    </div>

  </div>
</section>


<!-- ============================================================
     BALL GALLERY
     ============================================================ -->
<section class="gallery-strip" aria-labelledby="gallery-heading">
  <div class="container">

    <header class="section-header reveal">
      <div class="eyebrow" style="justify-content:center;">April 4, 2026</div>
      <h2 id="gallery-heading">A Night to Remember</h2>
      <p>From rehearsals and candidate socials to the crowning moment — a look at the magic of the 66th Annual Cinderella Charity Ball.</p>
    </header>

    <div class="gallery-grid">
      <div class="gallery-item reveal-left">
        <img src="/image/imgi_6_CCB-Formal4-10-26-700x300.jpg" alt="The 66th Annual Cinderella Charity Ball formal gala" loading="lazy">
      </div>
      <div class="gallery-item reveal">
        <img src="/image/imgi_5_CCB2026-1-31-26-700x300.jpg" alt="2026 Candidate social event January 31" loading="lazy">
      </div>
      <div class="gallery-item reveal">
        <img src="/image/imgi_10_CCB2026-1-31-26b-700x300.jpg" alt="2026 Candidates gathering January 31" 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 class="gallery-item reveal-right">
        <img src="/image/imgi_8_CCB26-Candidates1-12-26-1-581x248.jpg" alt="2026 Candidates January 12 photo session" loading="lazy">
      </div>
    </div>

  </div>
</section>


<!-- ============================================================
     BALL RECAP AUDIO
     ============================================================ -->
<section class="audio-section" aria-labelledby="audio-heading">
  <div class="container">
    <div class="audio-player-card reveal">
      <i class="fas fa-microphone" aria-hidden="true"></i>
      <h3 id="audio-heading">66th Annual Ball — Media Recap</h3>
      <p>Listen to the full recap of Arlington's 66th Annual Cinderella Charity Ball as featured in local media coverage.</p>
      <?php
        $audio_file = 'media/Arlington_s_16_million_dollar_Cinderella_Ball_engine.mp3';
        if (file_exists($audio_file)) :
      ?>
      <audio controls preload="none">
        <source src="/<?php echo $audio_file; ?>" type="audio/mpeg">
        Your browser does not support the audio element.
      </audio>
      <?php else : ?>
      <div style="background:var(--off-white); border-radius:10px; padding:20px; color:var(--gray-500); font-size:.875rem; display:flex; align-items:center; gap:12px;">
        <i class="fas fa-info-circle" style="color:var(--blue-medium); font-size:1.1rem;"></i>
        Audio recap coming soon — check back or <a href="https://www.facebook.com/CinderellaCharityBall" target="_blank" rel="noopener" style="color:var(--blue-primary); font-weight:600;">follow us on Facebook</a> for the latest updates.
      </div>
      <?php endif; ?>
    </div>
  </div>
</section>


<!-- ============================================================
     PRIOR YEARS (Recent winners)
     ============================================================ -->
<section class="prior-years" aria-labelledby="prior-heading">
  <div class="container">

    <header class="section-header reveal">
      <div class="eyebrow" style="justify-content:center;">Miss Cinderella Through the Years</div>
      <h2 id="prior-heading">A Legacy of Remarkable Women</h2>
      <p>Over 600 candidates have participated in the Cinderella Charity Ball since 1961. Here are recent Miss Cinderella honorees.</p>
    </header>

    <div class="prior-years-grid" data-stagger>
      <?php
      $recent_winners = [
        ['year' => 2026, 'name' => 'Claire Diane Novoselsky',    'current' => true],
        ['year' => 2025, 'name' => 'Miss Cinderella 2025',       'current' => false],
        ['year' => 2024, 'name' => 'Miss Cinderella 2024',       'current' => false],
        ['year' => 2023, 'name' => 'Miss Cinderella 2023',       'current' => false],
        ['year' => 2022, 'name' => 'Miss Cinderella 2022',       'current' => false],
        ['year' => 2021, 'name' => 'Miss Cinderella 2021',       'current' => false],
        ['year' => 2020, 'name' => 'Miss Cinderella 2020',       'current' => false],
        ['year' => 2019, 'name' => 'Miss Cinderella 2019',       'current' => false],
        ['year' => 2018, 'name' => 'Miss Cinderella 2018',       'current' => false],
        ['year' => 2017, 'name' => 'Miss Cinderella 2017',       'current' => false],
      ];
      foreach ($recent_winners as $w) :
      ?>
      <div class="prior-year-item" style="<?php echo $w['current'] ? 'background:var(--gold-light); border:2px solid var(--gold-primary);' : ''; ?>">
        <p class="year"><?php echo $w['year']; ?></p>
        <p class="name"><?php echo htmlspecialchars($w['name']); ?></p>
        <?php if ($w['current']) : ?>
          <span style="font-size:.65rem; color:var(--gold-dark); font-weight:700; margin-top:4px; display:block;">
            <i class="fas fa-crown" aria-hidden="true"></i> Current
          </span>
        <?php endif; ?>
      </div>
      <?php endforeach; ?>
    </div>

    <div style="text-align:center; margin-top:40px;" class="reveal">
      <a href="/candidates.php#history" class="btn btn-blue">
        <i class="fas fa-history"></i> View Full History (1961–Present)
      </a>
    </div>

  </div>
</section>


<!-- ============================================================
     CTA
     ============================================================ -->
<section class="cta-banner" aria-labelledby="ball-cta-heading">
  <div class="container">
    <div class="reveal">
      <span class="script-accent" style="font-size:1.4rem; display:block; margin-bottom:12px;">Mark Your Calendar</span>
      <h2 id="ball-cta-heading" style="color:var(--white);">Join Us for the 67th Annual Ball</h2>
      <p style="color:rgba(255,255,255,.7); max-width:520px; margin:0 auto 32px;">
        April 10, 2027 at the Arlington Convention Center. Tickets are $150 per person and sell out every year — don't miss your chance to be part of Arlington's most beloved evening.
      </p>
      <div class="cta-banner-btns">
        <a href="/support.php#tickets" class="btn btn-primary"><i class="fas fa-ticket-alt"></i> Get Tickets for 2027</a>
        <a href="/support.php#donate"  class="btn btn-outline"><i class="fas fa-heart"></i> Donate to the Campaign</a>
      </div>
    </div>
  </div>
</section>


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