Range Basic

                    <section class="p-6 bg-white rounded-lg shadow-sm">
  <div class="max-w-md mx-auto space-y-6">
    <!-- Basic Range Slider -->
    <div class="space-y-2">
      <label for="range-basic" class="block text-sm font-medium text-gray-700">Basic Range Slider</label>
      <input 
        type="range" 
        id="range-basic" 
        min="0" 
        max="100" 
        value="40" 
        class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-blue-600"
      >
    </div>
  </div>
</section>