Repeat CTA after code block

Author: leonard84

index.html

@@ -164,21 +164,21 @@
 
 <section class="pt-24 pb-16 md:pt-32 md:pb-24 bg-gray-800">
     <div class="container mx-auto px-6 text-center">
-        <div class="mb-8" data-aos="fade-down">
+        <div class="mb-8">
             <img
                 src="spock-main-logo.svg"
                 alt="Spock Framework Logo"
                 class="h-64 w-auto mx-auto block logo-img"
             >
         </div>
 
-        <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-4 spock-blue-text" data-aos="fade-up">
+        <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-4 spock-blue-text">
             Spock
         </h1>
-        <p class="text-xl md:text-2xl text-gray-400 mb-8" data-aos="fade-up" data-aos-delay="100">
+        <p class="text-xl md:text-2xl text-gray-400 mb-8">
             the enterprise ready specification framework
         </p>
-        <p class="max-w-3xl mx-auto text-lg text-gray-300 mb-12" data-aos="fade-up" data-aos-delay="200">
+        <p class="max-w-3xl mx-auto text-lg text-gray-300 mb-12">
             Spock is a testing, specification, and mocking framework for JVM developers that emphasizes readability and clarity.
             By blending BDD concepts and Groovy's concise syntax, Spock helps teams write tests that are easy to understand and enjoyable to maintain.
         </p>
@@ -201,7 +201,7 @@ <h2 class="text-3xl md:text-4xl font-bold mb-8 text-gray-100" data-aos="fade-up"
             </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">
+    <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" data-aos="fade-up" data-aos-delay="300">
         <a href="https://spockframework.org/spock/javadoc/current" class="mx-3 hover-underline-animation">JavaDoc</a> <span class="link-separator">|</span>
         <a href="https://github.com/spockframework/spock" class="mx-3 hover-underline-animation">Source Code</a> <span class="link-separator">|</span>
         <a href="https://github.com/spockframework/spock/issues" class="mx-3 hover-underline-animation">Issue Tracker</a> <span class="link-separator">|</span>
@@ -343,6 +343,11 @@ <h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-gray-100" data-
         <p class="text-center text-gray-400 mt-6" data-aos="fade-up" data-aos-delay="200">
             Spock's clear <code class="inline-code">given:</code>, <code class="inline-code">when:</code>, <code class="inline-code">then:</code> blocks make understanding test logic intuitive.
         </p>
+        <div class="flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-4 mt-8" 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>
+        </div>
     </div>
 </div>
 </section>