website: add logos

Author: acco

website/index.html

@@ -14,9 +14,12 @@
         <link rel="icon" type="image/png" href="/favicon.png" />
 
         <!-- Google Fonts - JetBrains Mono -->
-        <link rel="preconnect" href="https://fonts.googleapis.com">
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-        <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+            href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
+            rel="stylesheet"
+        />
 
         <!-- Tailwind CSS CDN -->
         <script src="https://cdn.tailwindcss.com"></script>
@@ -244,6 +247,46 @@ <h1 class="hero-header">
                 </div>
             </section>
 
+            <!-- Trusted by -->
+            <section id="trusted-by" class="space-y-6 px-4 sm:px-6 lg:px-8">
+                <h2 class="text-center text-gray-600 text-sm">Trusted by</h2>
+
+                <div
+                    class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-8 items-center justify-items-center opacity-60"
+                >
+                    <img
+                        src="logos/goldsky.svg"
+                        alt="Goldsky"
+                        class="h-6 w-auto object-contain"
+                    />
+                    <img
+                        src="logos/scentbird.svg"
+                        alt="Scentbird"
+                        class="h-6 w-auto object-contain"
+                    />
+                    <img
+                        src="logos/aviron.svg"
+                        alt="Aviron"
+                        class="h-8 w-auto object-contain"
+                    />
+                    <img
+                        src="logos/beeldi.svg"
+                        alt="Beeldi"
+                        class="h-6 w-auto object-contain"
+                    />
+                    <img
+                        src="logos/govisa.svg"
+                        alt="GoVisa"
+                        class="h-4 w-auto object-contain"
+                    />
+                    <img
+                        src="logos/camper-mate.svg"
+                        alt="Camper Mate"
+                        class="h-12 w-auto object-contain"
+                    />
+                </div>
+            </section>
+
             <hr class="border-gray-200" />
 
             <!-- Killer features -->