diff --git a/aider/website/assets/home.css b/aider/website/assets/home.css
index dbf5f7854..154c7e6a2 100644
--- a/aider/website/assets/home.css
+++ b/aider/website/assets/home.css
@@ -357,30 +357,82 @@ nav {
     background-color: #f8f9fb;
 }
 
-.info-content {
-    max-width: 800px;
+.info-columns {
+    display: flex;
+    gap: 40px;
+    max-width: 1000px;
     margin: 0 auto;
-    font-size: 1.1rem;
 }
 
-.info-content h2 {
-    font-size: 2rem;
-    margin-bottom: 20px;
+.info-column {
+    flex: 1;
+    background-color: white;
+    border-radius: 8px;
+    padding: 30px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
+    transition: transform 0.3s, box-shadow 0.3s;
+    border-left: 3px solid var(--primary);
+}
+
+.info-column:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
+}
+
+.info-column-title {
+    font-size: 1.5rem;
+    margin-bottom: 15px;
     color: var(--dark);
+    position: relative;
+    padding-bottom: 12px;
 }
 
-.info-content ul {
-    margin-left: 20px;
+.info-column-title::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 60px;
+    height: 3px;
+    background-color: var(--primary);
+}
+
+.info-column-desc {
+    color: #495057;
     margin-bottom: 20px;
+    font-size: 1rem;
 }
 
-.info-content li {
-    margin-bottom: 10px;
+.info-list {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
 }
 
-.info-content a {
+.info-list li {
+    margin-bottom: 12px;
+    padding-left: 24px;
+    position: relative;
+}
+
+.info-list li::before {
+    content: "→";
+    position: absolute;
+    left: 0;
+    color: var(--primary);
+    font-weight: bold;
+}
+
+.info-list a {
     color: var(--primary);
     text-decoration: none;
+    transition: color 0.2s, transform 0.2s;
+    display: inline-block;
+}
+
+.info-list a:hover {
+    color: var(--primary-dark);
+    transform: translateX(3px);
 }
 
 footer {
@@ -564,8 +616,12 @@ footer {
         font-size: 0.8rem;
     }
     
-    .info-content {
-        font-size: 0.95rem;
+    .info-columns {
+        flex-direction: column;
+    }
+    
+    .info-column {
+        margin-bottom: 20px;
     }
     
     .nav-links {
@@ -636,6 +692,14 @@ footer {
         padding: 15px;
     }
     
+    .info-column-title {
+        font-size: 1.3rem;
+    }
+    
+    .info-column {
+        padding: 20px;
+    }
+    
     .btn {
         padding: 8px 16px;
         font-size: 0.9rem;
diff --git a/aider/website/index.html b/aider/website/index.html
index 2f430446f..d587ca139 100644
--- a/aider/website/index.html
+++ b/aider/website/index.html
@@ -395,20 +395,29 @@ aider --model gpt-4o --api-key openai=your-key-goes-here</pre>
     <section class="info-section" id="more-info">
         <div class="container">
             <h2 class="section-title">More Information</h2>
-            <div class="info-content">
-                <ul>
-                    <li><a href="/docs/install.html">Documentation</a></li>
-                    <li><a href="https://aider.chat/docs/install.html">Installation</a></li>
-                    <li><a href="https://aider.chat/docs/install.html">Usage</a></li>
-                    <li><a href="https://aider.chat/docs/usage/tutorials.html">Tutorial videos</a></li>
-                    <li><a href="https://aider.chat/docs/llms.html">Connecting to LLMs</a></li>
-                    <li><a href="https://aider.chat/docs/config.html">Configuration</a></li>
-                    <li><a href="https://aider.chat/docs/troubleshooting.html">Troubleshooting</a></li>
-                    <li><a href="https://aider.chat/docs/leaderboards/">LLM Leaderboards</a></li>
-                    <li><a href="https://github.com/Aider-AI/aider">GitHub</a></li>
-                    <li><a href="https://discord.gg/Tv2uQnR88V">Discord</a></li>
-                    <li><a href="https://aider.chat/blog/">Blog</a></li>
-                </ul>
+            <div class="info-columns">
+                <div class="info-column">
+                    <h3 class="info-column-title">Documentation</h3>
+                    <p class="info-column-desc">Everything you need to get started and make the most of Aider</p>
+                    <ul class="info-list">
+                        <li><a href="/docs/install.html">Installation Guide</a></li>
+                        <li><a href="https://aider.chat/docs/install.html">Usage Guide</a></li>
+                        <li><a href="https://aider.chat/docs/usage/tutorials.html">Tutorial Videos</a></li>
+                        <li><a href="https://aider.chat/docs/llms.html">Connecting to LLMs</a></li>
+                        <li><a href="https://aider.chat/docs/config.html">Configuration Options</a></li>
+                        <li><a href="https://aider.chat/docs/troubleshooting.html">Troubleshooting</a></li>
+                    </ul>
+                </div>
+                <div class="info-column">
+                    <h3 class="info-column-title">Community & Resources</h3>
+                    <p class="info-column-desc">Connect with other users and find additional resources</p>
+                    <ul class="info-list">
+                        <li><a href="https://aider.chat/docs/leaderboards/">LLM Leaderboards</a></li>
+                        <li><a href="https://github.com/Aider-AI/aider">GitHub Repository</a></li>
+                        <li><a href="https://discord.gg/Tv2uQnR88V">Discord Community</a></li>
+                        <li><a href="https://aider.chat/blog/">Blog</a></li>
+                    </ul>
+                </div>
             </div>
         </div>
     </section>