[DOC] Add landing page and focus for Obs as Code docs (#104832)

Co-authored-by: Kim Nylander <104772500+knylander-grafana@users.noreply.github.com>
Co-authored-by: Kim Nylander <kim.nylander@grafana.com>
Co-authored-by: Artur Wierzbicki <artur.wierzbicki@grafana.com>

docs/sources/observability-as-code/_index.md

@@ -14,12 +14,36 @@ labels:
     - oss
 title: Observability as Code
 weight: 100
+cards:
+  items:
+    - title: Get started
+      height: 24
+      href: ./get-started/
+      description: Learn about how you can use Observability as Code.
+    - title: Grafana CLI
+      height: 24
+      href: ./grafana-cli/
+      description: Grafana CLI (`grafanactl`) is a command-line tool designed to simplify interaction with Grafana instances. You can authenticate, manage multiple environments, and perform administrative tasks through Grafana’s REST API, all from the terminal.
+    - title: Git Sync
+      height: 24
+      href: ./provision-resources/intro-git-sync/
+      description: Git Sync is an experimental feature that lets you store your dashboard files in a GitHub repository and synchronize those changes with your Grafana instance.
+  title_class: pt-0 lh-1
+hero:
+  title: Observability as Code
+  description: Using Observability as Code, you can version, automate, and scale Grafana configurations, including dashboards and observability workflows.
+  height: 110
+  level: 1
+  width: 110
 ---
 
-# Observability as Code
+{{< docs/hero-simple key="hero" >}}
+
+---
+
+## Overview
 
 Observability as Code lets you apply code management best practices to your observability resources.
-Using Observability as Code, you can version, automate, and scale Grafana configurations, including dashboards and observability workflows.
 By representing Grafana resources as code, you can integrate them into existing infrastructure-as-code workflows and apply standard development practices.
 
 Observability as Code provides more control over configuration. Instead of manually configuring dashboards or settings through the Grafana UI, you can:
@@ -29,7 +53,9 @@ Observability as Code provides more control over configuration. Instead of manua
 - **Automate with CI/CD:** Integrate Grafana directly into your development and deployment pipelines.
 - **Standardize workflows:** Ensure consistency across your teams by using repeatable, codified processes for managing Grafana resources.
 
-{{< section depth=5 >}}
+## Explore
+
+{{< card-grid key="cards" type="simple" >}}
 
 <!-- Hiding this part of the doc because the rest of the docs aren't released yet