From 30e5b4846120bc2331eb0c966bf276ac9c10c41b Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <paul@aider.chat>
Date: Wed, 19 Mar 2025 20:45:37 -0700
Subject: [PATCH] feat: Add CTA section to homepage with install and docs
 buttons

---
 aider/website/assets/home.css | 17 +++++++++++++++++
 aider/website/index.html      |  9 +++++++--
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/aider/website/assets/home.css b/aider/website/assets/home.css
index d3c92d709..64d089f0c 100644
--- a/aider/website/assets/home.css
+++ b/aider/website/assets/home.css
@@ -486,6 +486,23 @@ footer {
     font-size: 0.9rem;
 }
 
+.cta-container {
+  text-align: center;
+  margin: 30px 0;
+}
+
+.cta-text {
+  font-size: 1.2rem;
+  font-weight: 500;
+  margin-bottom: 20px;
+}
+
+.cta-buttons {
+  display: flex;
+  gap: 15px;
+  justify-content: center;
+}
+
 .stats-container {
     margin-top: 70px;
     display: flex;
diff --git a/aider/website/index.html b/aider/website/index.html
index b67d7437e..7d6289161 100644
--- a/aider/website/index.html
+++ b/aider/website/index.html
@@ -163,8 +163,13 @@ aider --model sonnet --api-key anthropic=your-key-goes-here
 # Work with GPT-4o via OpenAI's API
 aider --model gpt-4o --api-key openai=your-key-goes-here</pre>
                 </div>
-                <p>See the <a href="https://aider.chat/docs/install.html">installation instructions</a> and <a href="https://aider.chat/docs/usage.html">usage documentation</a> for more details.
-                </p>
+                <div class="cta-container">
+                  <p class="cta-text">Ready to supercharge your coding workflow?</p>
+                  <div class="cta-buttons">
+                    <a href="https://aider.chat/docs/install.html" class="btn btn-primary">Install Aider Now</a>
+                    <a href="https://aider.chat/docs/usage.html" class="btn btn-secondary">Explore Documentation</a>
+                  </div>
+                </div>
             </div>
         </div>
     </section>