Enforce trailing slashes to fix Search Console indexing issues

Set trailingSlash: 'always' in Astro config and update all internal
links to use trailing slashes, avoiding unnecessary redirects on
GitHub Pages.

Author: ndreno

astro.config.mjs

@@ -5,6 +5,7 @@ import sitemap from '@astrojs/sitemap';
 export default defineConfig({
   integrations: [tailwind(), sitemap()],
   site: 'https://barbacane.dev',
+  trailingSlash: 'always',
   markdown: {
     shikiConfig: {
       themes: {

src/layouts/Layout.astro

@@ -121,8 +121,8 @@ const structuredData = type === 'article' && article
           <div class="hidden md:flex items-center gap-8">
             <a href="/#features" class="text-foreground-muted hover:text-primary transition-colors">Features</a>
             <a href="/#use-cases" class="text-foreground-muted hover:text-primary transition-colors">Use Cases</a>
-            <a href="/blog" class="text-foreground-muted hover:text-primary transition-colors">Blog</a>
-            <a href="/pricing" class="text-foreground-muted hover:text-primary transition-colors">Services</a>
+            <a href="/blog/" class="text-foreground-muted hover:text-primary transition-colors">Blog</a>
+            <a href="/pricing/" class="text-foreground-muted hover:text-primary transition-colors">Services</a>
             <a href="https://github.com/barbacane-dev/barbacane" target="_blank" rel="noopener" class="text-foreground-muted hover:text-primary transition-colors">GitHub</a>
           </div>
 
@@ -157,8 +157,8 @@ const structuredData = type === 'article' && article
         <div class="container-custom py-4 space-y-4">
           <a href="/#features" class="block text-foreground-muted hover:text-primary transition-colors py-2">Features</a>
           <a href="/#use-cases" class="block text-foreground-muted hover:text-primary transition-colors py-2">Use Cases</a>
-          <a href="/blog" class="block text-foreground-muted hover:text-primary transition-colors py-2">Blog</a>
-          <a href="/pricing" class="block text-foreground-muted hover:text-primary transition-colors py-2">Services</a>
+          <a href="/blog/" class="block text-foreground-muted hover:text-primary transition-colors py-2">Blog</a>
+          <a href="/pricing/" class="block text-foreground-muted hover:text-primary transition-colors py-2">Services</a>
           <a href="https://github.com/barbacane-dev/barbacane" target="_blank" rel="noopener" class="block text-foreground-muted hover:text-primary transition-colors py-2">GitHub</a>
           <a href="https://docs.barbacane.dev" class="block text-foreground-muted hover:text-primary transition-colors py-2">Documentation</a>
           <a href="/#get-started" class="block text-foreground-muted hover:text-primary transition-colors py-2">Get Started</a>
@@ -220,7 +220,7 @@ const structuredData = type === 'article' && article
             <h4 class="font-semibold mb-4">Product</h4>
             <ul class="space-y-2 text-foreground-muted">
               <li><a href="/#features" class="hover:text-primary transition-colors">Features</a></li>
-              <li><a href="/blog" class="hover:text-primary transition-colors">Blog</a></li>
+              <li><a href="/blog/" class="hover:text-primary transition-colors">Blog</a></li>
               <li><a href="https://docs.barbacane.dev" class="hover:text-primary transition-colors">Documentation</a></li>
               <li><a href="https://github.com/barbacane-dev/barbacane" class="hover:text-primary transition-colors">GitHub</a></li>
             </ul>
@@ -229,9 +229,9 @@ const structuredData = type === 'article' && article
           <div>
             <h4 class="font-semibold mb-4">Services</h4>
             <ul class="space-y-2 text-foreground-muted">
-              <li><a href="/pricing#consulting" class="hover:text-primary transition-colors">Consulting</a></li>
-              <li><a href="/pricing#support" class="hover:text-primary transition-colors">Pro Support</a></li>
-              <li><a href="/pricing#training" class="hover:text-primary transition-colors">Training</a></li>
+              <li><a href="/pricing/#consulting" class="hover:text-primary transition-colors">Consulting</a></li>
+              <li><a href="/pricing/#support" class="hover:text-primary transition-colors">Pro Support</a></li>
+              <li><a href="/pricing/#training" class="hover:text-primary transition-colors">Training</a></li>
             </ul>
           </div>
         </div>
@@ -241,7 +241,7 @@ const structuredData = type === 'article' && article
             &copy; {new Date().getFullYear()} Barbacane. Open source under Apache 2.0.
           </p>
           <p class="text-foreground-muted text-sm">
-            <a href="/trademarks" class="hover:text-primary transition-colors">Trademark Policy</a>
+            <a href="/trademarks/" class="hover:text-primary transition-colors">Trademark Policy</a>
           </p>
         </div>
       </div>

src/pages/blog/[slug].astro

@@ -113,7 +113,7 @@ const postUrl = `https://barbacane.dev/blog/${post.id}`;
 
       <!-- Back to Blog -->
       <div class="max-w-3xl mx-auto mt-8 text-center">
-        <a href="/blog" class="inline-flex items-center text-primary hover:underline text-sm">
+        <a href="/blog/" class="inline-flex items-center text-primary hover:underline text-sm">
           <svg class="mr-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
           </svg>

src/pages/index.astro

@@ -512,7 +512,7 @@ import Layout from '../layouts/Layout.astro';
             <a href="https://docs.barbacane.dev/guide/getting-started.html" class="btn-primary text-lg px-8 py-4">
               Read the docs
             </a>
-            <a href="/pricing" class="btn-secondary text-lg px-8 py-4">
+            <a href="/pricing/" class="btn-secondary text-lg px-8 py-4">
               Need help? Talk to us
             </a>
           </div>