<section class="shine-ui">



<div class="shine-wrap">

  <!-- BADGE -->
  <div class="shine-badge">✨ Premium Glass UI</div>

  <h1>Shine <span>Bright</span>.</h1>

  <p>
    A modern glass UI section with neon glow, smooth animations,
    and a premium SaaS-style design experience.
  </p>

  <a href="#" class="shine-btn">🚀 Learn More</a>

  <!-- IMAGE -->
  <div class="shine-image-box">
    <img decoding="async" src="https://images.unsplash.com/photo-1523275335684-37898b6baf30?auto=format&amp;fit=crop&amp;w=600&amp;q=80" alt="Photo 1523275335684 37898b6baf30?auto=format&amp;fit=crop&amp;w=600&amp;q=80" title="Elementor #10316">
  </div>

  <!-- CARDS -->
  <div class="shine-cards">

    <div class="shine-card">
      <div class="shine-icon">📦</div>
      <h3>Products</h3>
      <p>Premium digital products built for modern performance.</p>
    </div>

    <div class="shine-card">
      <div class="shine-icon">⚡</div>
      <h3>Features</h3>
      <p>Fast, clean and animated UI components with glass effect.</p>
    </div>

    <div class="shine-card">
      <div class="shine-icon">🚀</div>
      <h3>Innovation</h3>
      <p>Next-gen UI design system for futuristic web experiences.</p>
    </div>

  </div>

</div>

</section>