From 8de740103c6248f834d112d0b0d6534c6f8802b0 Mon Sep 17 00:00:00 2001
From: dvalleri <davide.valleri@radicalbit.io>
Date: Fri, 27 Sep 2024 15:58:57 +0200
Subject: [PATCH] fix topRow board

---
 ui/src/container/launchpad/top-row/index.jsx | 42 +++++++++++---------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/ui/src/container/launchpad/top-row/index.jsx b/ui/src/container/launchpad/top-row/index.jsx
index 37f31cb..aa2f1a9 100644
--- a/ui/src/container/launchpad/top-row/index.jsx
+++ b/ui/src/container/launchpad/top-row/index.jsx
@@ -25,6 +25,13 @@ function QuickStartBoard() {
 
   return (
     <Board
+      footer={(
+        <Link onClick={handleOnclick}>
+          <div className="text-xl">
+            {'Get Started >>'}
+          </div>
+        </Link>
+        )}
       header={(
         <NewHeader
           details={{ one: (<span aria-label="tada" role="img">🎉</span>) }}
@@ -40,18 +47,10 @@ function QuickStartBoard() {
       main={(
         <div className="flex flex-col items-start gap-4 leading-snug">
           <div className="flex flex-col items-start">
-            <p className="font-bold text-">Get Up and Running in Minutes</p>
+            <strong>Get Up and Running in Minutes</strong>
 
             <p>A step-by-step guide to quickly setting up and using our AI monitoring platform</p>
-
           </div>
-
-          <Link onClick={handleOnclick}>
-            <div className="text-xl">
-              {'Get Started >>'}
-            </div>
-          </Link>
-
         </div>
       )}
       onClick={handleOnclick}
@@ -66,6 +65,13 @@ function DocumentationHubBoard() {
 
   return (
     <Board
+      footer={(
+        <Link onClick={handleOnclick}>
+          <div className="text-xl">
+            {'Get Started >>'}
+          </div>
+        </Link>
+      )}
       header={(
         <NewHeader
           details={{ one: (<span aria-label="man" role="img">👨</span>) }}
@@ -81,18 +87,12 @@ function DocumentationHubBoard() {
       main={(
         <div className="flex flex-col items-start gap-4 leading-snug">
           <div className="flex flex-col items-start">
-            <p className="font-bold text-">Your Complete Resource</p>
+            <strong>Your Complete Resource</strong>
 
             <p>From setup to advanced configurations, find everything you need to navigate our platform</p>
 
           </div>
 
-          <Link onClick={handleOnclick}>
-            <div className="text-xl">
-              {'Get Started >>'}
-            </div>
-          </Link>
-
         </div>
       )}
       onClick={handleOnclick}
@@ -102,7 +102,6 @@ function DocumentationHubBoard() {
 
 function YoutubeVideoBoard() {
   return (
-
     <iframe
       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
       allowFullScreen
@@ -133,7 +132,14 @@ function TrialBoard() {
           <SectionTitle
             size="large"
             style={{ color: 'var(--coo-highlight)' }}
-            title="Start your free trial today!"
+            title={(
+              <div>
+                Start your free trial
+                <br />
+                today!
+              </div>
+
+          )}
             titleWeight="bold"
             wrapTitle
           />