Basic Hello World samples: refine descriptions and update sample links

Author: Justin-dynamsoft

_includes/samples_index.html

@@ -1042,10 +1042,10 @@
 
       <!-- Featured Section - Quick Start & Official Demo -->
       <div class="featured-container">
-        <a href="https://demo.dynamsoft.com/Samples/DBR/JS/hello-world.html" class="featured-box quick-start">
+        <a href="https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html" class="featured-box quick-start">
           <span class="label">🚀 Quick Start</span>
-          <div class="title">Hello World - Scan Your First Barcode</div>
-          <div class="description">The simplest example to get started with barcode scanning in under 2 minutes</div>
+          <div class="title">Hello World - Scan Multiple Barcodes</div>
+          <div class="description">The simplest example to get started with barcode scanning. Continuously scans and collects multiple unique barcodes</div>
           <span
             class="guide-badge"
             title="View user guide documentation"
@@ -1061,7 +1061,7 @@
           <span
             class="github-badge"
             title="View source code on GitHub"
-            onclick="event.stopPropagation(); window.open('https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/hello-world.html', '_blank'); return false;"
+            onclick="event.stopPropagation(); window.open('https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/basics/hello-world.html', '_blank'); return false;"
           >
             <svg width="20" height="20" viewBox="0 0 16 16" fill="white">
               <path
@@ -1106,6 +1106,48 @@
         >
       </div>
 
+      <!-- Hello World Samples -->
+      <div class="file">
+        <h3>
+          Hello World Samples <span class="sample-count">(3)</span>
+        </h3>
+      </div>
+      <div class="children">
+        <div class="file">
+          <span data-balloon-length="large" data-balloon-pos="down" aria-label="The simplest example to get started with barcode scanning. Continuously scans and collects multiple unique barcodes."
+            ><a class="button title demo-link" href="https://demo.dynamsoft.com/Samples/DBR/JS/basics/hello-world.html" title="View live demo">Hello World (Scan Multiple Barcodes)</a
+            ><a
+              class="button title source-link"
+              href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/basics/hello-world.html"
+              title="View source code on GitHub"
+              >Source</a
+            ></span
+          >
+        </div>
+        <div class="file">
+          <span data-balloon-length="large" data-balloon-pos="down" aria-label="Scan and return only the first barcode detected."
+            ><a class="button title demo-link" href="https://demo.dynamsoft.com/Samples/DBR/JS/basics/scan-a-single-barcode.html" title="View live demo">Scan a Single Barcode</a
+            ><a
+              class="button title source-link"
+              href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/basics/scan-a-single-barcode.html"
+              title="View source code on GitHub"
+              >Source</a
+            ></span
+          >
+        </div>
+        <div class="file">
+          <span data-balloon-length="large" data-balloon-pos="down" aria-label="Read barcodes from a static image file by uploading."
+            ><a class="button title demo-link" href="https://demo.dynamsoft.com/Samples/DBR/JS/basics/read-an-image.html" title="View live demo">Read an Image</a
+            ><a
+              class="button title source-link"
+              href="https://github.com/Dynamsoft/barcode-reader-javascript-samples/blob/main/basics/read-an-image.html"
+              title="View source code on GitHub"
+              >Source</a
+            ></span
+          >
+        </div>
+      </div>
+
       <!-- Framework Samples -->
       <div class="file">
         <h3>