Merge links into cta section

Author: leonard84

index.html

@@ -190,21 +190,29 @@ <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-4 spock-blue-text" data
     </div>
 </section>
 
-<section class="py-16 md:py-24"> <div class="container mx-auto px-6 text-center">
-    <h2 class="text-3xl md:text-4xl font-bold mb-8 text-gray-100" data-aos="fade-up">Ready to Improve Your Testing?</h2>
-
-    <div class="flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-4" data-aos="fade-up" data-aos-delay="200">
-        <a href="https://groovyconsole.dev/?g=groovy_4_0&gist=437e9026ff86d2d709c2c56eb7e2eef1#g8qcDpYAQE" target="_blank" class="cta-button cta-primary">
-            Try it online
-        </a>
-        <a href="http://docs.spockframework.org" target="_blank" class="cta-button cta-secondary">
-            Read the Docs
-        </a>
-        <a href="https://github.com/spockframework/spock-example" target="_blank" class="cta-button cta-tertiary">
-            Clone the Example Project
-        </a>
+<section class="py-16 md:py-24">
+    <div class="container mx-auto px-6 text-center">
+        <h2 class="text-3xl md:text-4xl font-bold mb-8 text-gray-100" data-aos="fade-up">Ready to Improve Your Testing?</h2>
+
+        <div class="flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-4" data-aos="fade-up" data-aos-delay="200">
+            <a href="https://groovyconsole.dev/?g=groovy_4_0&gist=437e9026ff86d2d709c2c56eb7e2eef1#g8qcDpYAQE" target="_blank" class="cta-button cta-primary">
+                Try it online
+            </a>
+            <a href="http://docs.spockframework.org" target="_blank" class="cta-button cta-secondary">
+                Read the Docs
+            </a>
+            <a href="https://github.com/spockframework/spock-example" target="_blank" class="cta-button cta-tertiary">
+                Clone the Example Project
+            </a>
+        </div>
+    </div>
+    <div class="container mx-auto px-6 text-center spock-blue-text text-md additional-links flex flex-wrap justify-center items-center gap-y-2 pt-8">
+        <a href="https://spockframework.org/spock/javadoc/current" class="mx-3"><span class="link-separator">JavaDoc</span></a>
+        <a href="https://github.com/spockframework/spock" class="mx-3"><span class="link-separator">Source Code</span></a>
+        <a href="https://github.com/spockframework/spock/issues" class="mx-3"><span class="link-separator">Issue Tracker</span></a>
+        <a href="https://github.com/spockframework/spock/discussions" class="mx-3"><span class="link-separator">Discussions</span></a>
+        <a href="https://gitter.im/spockframework/spock" class="mx-3"><span class="link-separator">Chat</span></a>
     </div>
-</div>
 </section>
 
 
@@ -248,17 +256,7 @@ <h3 class="text-xl font-semibold text-gray-100 mb-2">Built-in Matchers</h3>
     </div>
 </section>
 
-
-<section class="py-12"> <div class="container mx-auto px-6 text-center spock-blue-text text-lg additional-links flex flex-wrap justify-center items-center gap-y-2">
-    <a href="https://spockframework.org/spock/javadoc/current" class="mx-3"><span class="link-separator">JavaDoc</span></a>
-    <a href="https://github.com/spockframework/spock" class="mx-3"><span class="link-separator">Source Code</span></a>
-    <a href="https://github.com/spockframework/spock/issues" class="mx-3"><span class="link-separator">Issue Tracker</span></a>
-    <a href="https://github.com/spockframework/spock/discussions" class="mx-3"><span class="link-separator">Discussions</span></a>
-    <a href="https://gitter.im/spockframework/spock" class="mx-3"><span class="link-separator">Chat</span></a>
-</div>
-</section>
-
-<section class="py-16 md:py-24 bg-gray-800"> <div class="container mx-auto px-6">
+<section class="py-16 md:py-24"> <div class="container mx-auto px-6">
     <h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-gray-100" data-aos="fade-up">
         See How Readable Tests Can Be
     </h2>