From 1a199a78b5fff9aba59514b43c0da5a669c0dd86 Mon Sep 17 00:00:00 2001
From: cyclotruc <romain@coderamp.io>
Date: Sun, 5 Jan 2025 15:41:15 +0000
Subject: [PATCH] Add extemsion CTA

---
 src/templates/components/footer.jinja | 24 ++++++++++++++++---
 src/templates/components/navbar.jinja | 22 +++++++++++++++---
 src/templates/index.jinja             | 33 +++++++++++++++++++++++----
 3 files changed, 69 insertions(+), 10 deletions(-)

diff --git a/src/templates/components/footer.jinja b/src/templates/components/footer.jinja
index e8ffa9e..61fadb2 100644
--- a/src/templates/components/footer.jinja
+++ b/src/templates/components/footer.jinja
@@ -1,7 +1,22 @@
 <footer class="w-full border-t-[3px] border-gray-900 mt-auto">
     <div class="max-w-4xl mx-auto px-4 py-4">
-        <div class="flex justify-center items-center text-gray-900 text-sm">
-            <div class="flex flex-col items-center">
+        <div class="grid grid-cols-3 items-center text-gray-900 text-sm">
+            <!-- Left column - Github links -->
+            <div class="flex items-center space-x-4">
+                <a href="https://github.com/cyclotruc/gitingest"
+                   target="_blank"
+                   rel="noopener noreferrer"
+                   class="hover:underline flex items-center">
+                    <svg class="w-4 h-4 mr-1"
+                         xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 496 512">
+                        <path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" />
+                    </svg>
+                    Suggest a feature
+                </a>
+            </div>
+            <!-- Middle column - Made with love -->
+            <div class="flex justify-center items-center">
                 <div class="flex items-center">
                     made with ❤️ by
                     <a href="https://bsky.app/profile/yasbaltrine.bsky.social"
@@ -9,10 +24,13 @@
                        rel="noopener noreferrer"
                        class="ml-1 hover:underline">@rom2</a>
                 </div>
+            </div>
+            <!-- Right column - Discord -->
+            <div class="flex justify-end">
                 <a href="https://discord.gg/zerRaGK9EC"
                    target="_blank"
                    rel="noopener noreferrer"
-                   class="mt-1 hover:underline flex items-center">
+                   class="hover:underline flex items-center">
                     <svg class="w-4 h-4 mr-1"
                          xmlns="http://www.w3.org/2000/svg"
                          viewBox="0 0 640 512">
diff --git a/src/templates/components/navbar.jinja b/src/templates/components/navbar.jinja
index 6f4b2ce..e8b5f13 100644
--- a/src/templates/components/navbar.jinja
+++ b/src/templates/components/navbar.jinja
@@ -28,14 +28,30 @@
             <div class="flex items-center gap-4">
                 <h1 class="text-2xl font-bold tracking-tight">
                     <a href="/" class="hover:opacity-80 transition-opacity">
-                        <span class="text-gray-900">Git</span><span class="text-[#fca847]">ingest</span>
+                        <span class="text-gray-900">Git</span><span class="text-[#FE4A60]">ingest</span>
                     </a>
                 </h1>
             </div>
             <!-- Navigation with updated styling -->
             <nav class="flex items-center space-x-6">
-                <a href="/api"
-                   class="text-gray-900 hover:-translate-y-0.5 transition-transform">API</a>
+                <!-- Simplified Chrome extension button -->
+                <a href="https://chromewebstore.google.com/detail/git-ingest-turn-any-git-r/adfjahbijlkjfoicpjpjfaood"
+                   target="_blank"
+                   rel="noopener noreferrer"
+                   class="text-gray-900 hover:-translate-y-0.5 transition-transform flex items-center gap-1.5">
+                    <div class="flex items-center">
+                        <span class="px-0 pb-5 text-[#FE4A60] text-[13px] transform -rotate-12 inline-block">NEW</span>
+                        <svg xmlns="http://www.w3.org/2000/svg"
+                             width="24"
+                             height="24"
+                             viewBox="0 0 24 24"
+                             fill="currentColor"
+                             class="w-4 h-4 mx-1">
+                            <path d="M12 0C8.21 0 4.831 1.757 2.632 4.501l3.953 6.848A5.454 5.454 0 0 1 12 6.545h10.691A12 12 0 0 0 12 0zM1.931 5.47A11.943 11.943 0 0 0 0 12c0 6.012 4.42 10.991 10.189 11.864l3.953-6.847a5.45 5.45 0 0 1-6.865-2.29zm13.342 2.166a5.446 5.446 0 0 1 1.45 7.09l.002.001h-.002l-5.344 9.257c.206.01.413.016.621.016 6.627 0 12-5.373 12-12 0-1.54-.29-3.011-.818-4.364zM12 16.364a4.364 4.364 0 1 1 0-8.728 4.364 4.364 0 0 1 0 8.728z" />
+                        </svg>
+                        Extension
+                    </div>
+                </a>
                 <div class="flex items-center gap-2">
                     <a href="https://github.com/cyclotruc/gitingest"
                        target="_blank"
diff --git a/src/templates/index.jinja b/src/templates/index.jinja
index e29066f..689da0f 100644
--- a/src/templates/index.jinja
+++ b/src/templates/index.jinja
@@ -36,14 +36,36 @@
             </svg>
         </div>
         <p class="text-gray-600 text-lg max-w-2xl mx-auto text-center mt-8">
-            Turn any Git repository into a simple text ingest of its codebase.
+            Turn any Git repository into a simple text digest of its codebase.
         </p>
         <p class="text-gray-600 text-lg max-w-2xl mx-auto text-center mt-0">
             This is useful for feeding a codebase into any LLM.
         </p>
-        <p class="text-gray-600 text-lg max-w-2xl mx-auto text-center mt-2">
-            You can also replace 'hub' with 'ingest' in any Github URL
-        </p>
+        <div class="text-center mt-8">
+            <div class="relative inline-block">
+                <div class="w-full h-full rounded bg-gray-900 translate-y-1 translate-x-1 absolute inset-0 z-10"></div>
+                <div class="absolute -top-2 -right-2 z-30">
+                    <div class="relative rotate-12">
+                        <div class="w-full h-full rounded bg-gray-900 translate-y-0.5 translate-x-0.5 absolute inset-0"></div>
+                        <div class="px-2 py-0.5 bg-[#FE4A60] text-white text-xs font-bold rounded border-2 border-gray-900 relative">NEW!</div>
+                    </div>
+                </div>
+                <a href="https://chromewebstore.google.com/detail/git-ingest-turn-any-git-r/adfjahbijlkjfoicpjkhjicpjpjfaood"
+                   target="_blank"
+                   rel="noopener noreferrer"
+                   class="inline-flex items-center gap-2 px-4 py-2 bg-[#EBDBB7] text-gray-800 font-medium rounded hover:-translate-y-px hover:-translate-x-px ease-out duration-300 z-20 relative border-[3px] border-gray-900 text-sm">
+                    <svg xmlns="http://www.w3.org/2000/svg"
+                         width="24"
+                         height="24"
+                         viewBox="0 0 24 24"
+                         fill="currentColor"
+                         class="w-4 h-4 text-gray-700">
+                        <path d="M12 0C8.21 0 4.831 1.757 2.632 4.501l3.953 6.848A5.454 5.454 0 0 1 12 6.545h10.691A12 12 0 0 0 12 0zM1.931 5.47A11.943 11.943 0 0 0 0 12c0 6.012 4.42 10.991 10.189 11.864l3.953-6.847a5.45 5.45 0 0 1-6.865-2.29zm13.342 2.166a5.446 5.446 0 0 1 1.45 7.09l.002.001h-.002l-5.344 9.257c.206.01.413.016.621.016 6.627 0 12-5.373 12-12 0-1.54-.29-3.011-.818-4.364zM12 16.364a4.364 4.364 0 1 1 0-8.728 4.364 4.364 0 0 1 0 8.728z" />
+                    </svg>
+                    Chrome extension
+                </a>
+            </div>
+        </div>
     </div>
     {% if error_message %}
         <div class="mb-6 p-4 bg-red-50 border border-red-200 rounded-lg text-red-700"
@@ -53,5 +75,8 @@
     {% with is_index=true, show_examples=true %}
         {% include 'components/github_form.jinja' %}
     {% endwith %}
+    <p class="text-gray-600 text-sm max-w-2xl mx-auto text-center mt-4">
+        You can also replace 'hub' with 'ingest' in any Github URL
+    </p>
     {% include 'components/result.jinja' %}
 {% endblock %}