experiment merging what is turing and header buttons

Author: shravanngoswamii

_includes/header.qmd

@@ -4,10 +4,6 @@
     <img src="./assets/logo/turing-logo-light.svg" alt="Turing Logo" class="hero-logo hero-logo-light">
     <img src="./assets/logo/turing-logo-dark.svg" alt="Turing Logo" class="hero-logo hero-logo-dark">
     <p class="hero-subtitle">Bayesian inference with probabilistic programming</p>
-    <div class="hero-cta-buttons">
-      <a href="https://turinglang.org/docs/getting-started/" class="button btn-lg button--fill">Get Started</a>
-      <a href="https://github.com/TuringLang/Turing.jl" class="button btn-lg">View on GitHub</a>
-    </div>
   </div>
 </div>
 ```

index.qmd

@@ -32,14 +32,7 @@ listing:
 <!-- Header End Here -->
 
 <!-- What is Turing.jl Section -->
-:::: {.section-start-space .section-end-space}
-
-::: {.text-center}
-### What is Turing.jl?
-Turing.jl is a Julia library for general-purpose probabilistic programming.
-:::
-
-::: {.what-is-turing-grid .section-start-space}
+::: {.what-is-turing-grid .section-start-space .section-end-space}
 
 ::: {.feature-text-column}
 
@@ -88,6 +81,14 @@ Turing is written entirely in Julia, and is interoperable with its powerful ecos
 
 :::
 
+::: {.feature-cta-button}
+
+```{=html}
+<a href="https://turinglang.org/docs/getting-started/" class="button btn-lg button--fill">Get Started</a>
+```
+
+:::
+
 :::
 
 ::: {.code-example-column}
@@ -127,7 +128,6 @@ chains = sample(posterior, NUTS(), 1000, progress=false)
 :::
 
 :::
-::::
 <!-- What is Turing.jl Section Ends Here -->
 
 

theming/rules/_layouts.scss

@@ -26,13 +26,6 @@
     margin-right: auto;
 }
 
-.hero-cta-buttons {
-    display: flex;
-    justify-content: center;
-    gap: 1rem;
-    flex-wrap: wrap;
-}
-
 /* General Layout Styles */
 .btn-lg {
     padding: 14px 32px;
@@ -167,6 +160,11 @@
     }
 }
 
+.feature-cta-button {
+  margin-top: 2rem;
+  text-align: center;
+}
+
 .code-example-column {
   .code-window {
     padding: 0;