setup

frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.scss

@@ -1,4 +1,6 @@
 @import '../../../../../styles.scss';
+
+// Import design tokens
 @import '../../../../../styles/design-tokens';
 
 .delete, .heading {

frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.html

@@ -143,6 +143,62 @@
           </div>
         </div>
         
+        <!-- Data Lake -->
+        <div class="clr-col-md-3" style="width: 300px ;">
+          <div class="card" (click)="goToDataLake()"
+            style="border-left: none; border-right: none; border-top: none;">
+
+            <div class="card-header" style="padding-bottom: 0px;">
+              <div class="clr-row">
+                <div class="clr-col-12">
+                  <clr-icon shape="storage"></clr-icon>
+                </div>
+              </div> <br>
+              <div class="clr-row">
+                <div class="clr-col-12">
+                  <b class="word" id="word" title="Data Lake" style="color:#e98585">Data Lake</b>
+                </div>
+              </div>
+
+              <div class="clr-row">
+                <div class="clr-col-12">
+                  <div class="card-title1" id="word">
+                    <b style="font-size: 15px;" class="p2" [title]="">Centralized data storage and management</b>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        
+        <!-- SureConnect -->
+        <div class="clr-col-md-3" style="width: 300px ;">
+          <div class="card" (click)="goToSureConnect()"
+            style="border-left: none; border-right: none; border-top: none;">
+
+            <div class="card-header" style="padding-bottom: 0px;">
+              <div class="clr-row">
+                <div class="clr-col-12">
+                  <clr-icon shape="network-globe"></clr-icon>
+                </div>
+              </div> <br>
+              <div class="clr-row">
+                <div class="clr-col-12">
+                  <b class="word" id="word" title="SureConnect" style="color:#e98585">SureConnect</b>
+                </div>
+              </div>
+
+              <div class="clr-row">
+                <div class="clr-col-12">
+                  <div class="card-title1" id="word">
+                    <b style="font-size: 15px;" class="p2" [title]="">Secure connection management</b>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
 
 
       </div>

frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.ts

@@ -81,6 +81,16 @@ export class SetupiconComponent implements OnInit {
     this.router.navigate(['/cns-portal/tokenregistery'], { relativeTo: this.route });
   }
   
+  // Data Lake navigation
+  goToDataLake() {
+    this.router.navigate(['/cns-portal/datalake'], { relativeTo: this.route });
+  }
+  
+  // SureConnect navigation
+  goToSureConnect() {
+    this.router.navigate(['/cns-portal/sureconnect'], { relativeTo: this.route });
+  }
+
 
   //   mc;
   //   me;

frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.html

@@ -27,7 +27,7 @@
         routerLink="/cns-portal/dashboard" (click)="loadMenuByMenuGroup()">
         <div class="nav-icon-wrapper">
           <clr-icon shape="home"></clr-icon>
-          <span class="nav-tooltip">Dashboard</span>
+          <span class="nav-tooltip">Home</span>
         </div>
       </a>
 
@@ -35,7 +35,7 @@
         routerLink="/cns-portal/dashboardrunner">
         <div class="nav-icon-wrapper">
           <clr-icon shape="grid-view" solid></clr-icon>
-          <span class="nav-tooltip">Reports</span>
+          <span class="nav-tooltip">Dashboard</span>
         </div>
       </a>
 
@@ -43,7 +43,7 @@
         routerLink="/cns-portal/rerunner/all" (click)="getName()">
         <div class="nav-icon-wrapper">
           <clr-icon shape="file-group" solid="true"></clr-icon>
-          <span class="nav-tooltip">Files</span>
+          <span class="nav-tooltip">Reports</span>
         </div>
       </a>