From da83b3343234b73689d85ed83718e9142ab742af Mon Sep 17 00:00:00 2001
From: Sviatoslav Makhynko <sviat.mak@gmail.com>
Date: Mon, 21 Apr 2025 10:53:41 +0200
Subject: [PATCH] update: use CodeBlock with copy button for Get started

---
 src/components/sections/Hero/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/sections/Hero/index.tsx b/src/components/sections/Hero/index.tsx
index 84c4fae..ee3b908 100644
--- a/src/components/sections/Hero/index.tsx
+++ b/src/components/sections/Hero/index.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import CodeBlock from '@theme/CodeBlock';
 import styles from './styles.module.scss';
 
 export default function Hero() {
@@ -36,9 +37,11 @@ export default function Hero() {
 
           <p className={styles.sectionBottomText}>
             Go on then, paste and run the following in a terminal:
-            <br />
-            <code>curl -s "https://get.sdkman.io" | bash</code>
           </p>
+
+          <CodeBlock language="shell">
+            curl -s "https://get.sdkman.io" | bash
+          </CodeBlock>
         </div>
       </div>
     </section>