style: update sample video display for responsive text and remove unused select element

Author: ryan-blunden

src/pages/index.astro

@@ -57,21 +57,11 @@ const description =
           </p>
         </div>
         <div class="mt-10 sm:mt-12 lg:mt-16">
-          <p class="text-center mb-5 lux-kicker text-base">Sample videos</p>
+          <p class="text-center mb-5 lux-kicker text-base">
+            <span class="sm:hidden">Sample video</span>
+            <span class="hidden sm:inline">Sample videos</span>
+          </p>
           <div class="mb-5">
-            <div class="sm:hidden">
-              <label for="sample-video-tabs" class="sr-only">
-                Select a sample video category
-              </label>
-              <select
-                id="sample-video-tabs"
-                class="sample-select block w-full px-3 py-2.5 text-sm focus:outline-none"
-              >
-                <option value="educational-panel">Educational</option>
-                <option value="tutorial-panel">Tutorial</option>
-                <option value="blended-panel">Blended</option>
-              </select>
-            </div>
             <ul
               class="sample-tabs hidden text-sm font-medium text-center sm:flex -space-x-px justify-center max-w-md mx-auto"
               id="sample-videos-tabs"