Explain presets and samples in the samples gallery

Author: waldekmastykarz

src/components/SampleGallery.astro

@@ -75,7 +75,7 @@ const { samples } = Astro.props;
   </div>
 
   <p id="no-results" class="text-center py-16 hidden" style="color: var(--text-faint);">
-    No samples match your search.
+    No presets or samples match your search.
   </p>
 </div>
 
@@ -98,7 +98,7 @@ const { samples } = Astro.props;
       if (matches) visible++;
     });
 
-    countEl.textContent = `${visible} sample${visible !== 1 ? 's' : ''}`;
+    countEl.textContent = `${visible} result${visible !== 1 ? 's' : ''}`;
     noResults.classList.toggle('hidden', visible > 0);
   });
 </script>

src/pages/samples/index.astro

@@ -12,15 +12,15 @@ function sampleSlug(id: string): string {
 }
 ---
 
-<Layout title="Sample Gallery" description="Browse and download community-contributed Dev Proxy samples">
+<Layout title="Samples" description="Browse and download Dev Proxy samples, including presets (ready-made configs for specific APIs) and demo projects, from the community">
 
   <!-- Hero header -->
   <section class="pt-24 pb-16 px-4">
     <div class="max-w-6xl mx-auto text-center">
       <p class="text-sm font-semibold tracking-widest uppercase text-purple-400 mb-4">Community Contributed</p>
-      <h1 class="text-4xl md:text-6xl font-bold tracking-tight mb-6">Sample Gallery</h1>
+      <h1 class="text-4xl md:text-6xl font-bold tracking-tight mb-6">Samples</h1>
       <p class="text-lg max-w-2xl mx-auto" style="color: var(--text-muted);">
-        Ready-to-use Dev Proxy configurations and presets from the community. Browse, search, and download from
+        Some samples are presets: ready-made Dev Proxy configs for specific APIs that you download and run with <code class="font-mono text-base">devproxy config get</code>. Others are demo projects that show how to use Dev Proxy in a scenario. Browse, search, and download from
         <a href="https://github.com/pnp/proxy-samples" target="_blank" rel="noopener" class="text-purple-400 hover:text-purple-300 transition-colors">pnp/proxy-samples</a>.
       </p>
     </div>