a-label="Toggle dark/light mode"><i
              data-lucide="moon"></i></button>
        </li>
      </ul>
    </div>
  </nav>

  <!-- Feature Card Section -->
  <section>
    <h2>1. Feature Cards</h2>
    <p class="subtitle">Simple feature cards with hover effect</p>
    <div class="card-container">
      <div class="card">
        <h3>Live Chat</h3>
        <p>Connect instantly with others in real-time.</p>
      </div>
      <div class="card">
        <h3>Dashboard</h3>
        <p>Track your tasks and 