diff --git a/src/app/adf-home/df-welcome-page/df-welcome-page.component.html b/src/app/adf-home/df-welcome-page/df-welcome-page.component.html
index b70f3c3c..801fa9ab 100644
--- a/src/app/adf-home/df-welcome-page/df-welcome-page.component.html
+++ b/src/app/adf-home/df-welcome-page/df-welcome-page.component.html
@@ -1,78 +1,159 @@
 <ng-container
   *ngIf="{
-    isFirstTimeUser: isFirstTimeUser$ | async
+    isFirstTimeUser: isFirstTimeUser$ | async,
+    apiKeyNum: apiKeyNum$ | async,
+    latestVideoLink: latestVideoLink$ | async
   } as data">
   <div [class]="(isDarkMode | async) ? 'dark-theme' : ''">
-    <section
-      class="two-column-flex-container"
-      [class.mobile]="breakpointService.isSmallScreen | async">
-      <article class="flex-column">
-        <article>
-          <h2>
-            {{ 'home.welcomePage.welcomeHeading' | transloco }}
-          </h2>
-          <p id="get-started-links">
-            {{ 'home.welcomePage.welcomeSubHeading' | transloco }}
-          </p>
-          <ul aria-labelledby="get-started-links">
-            <li *ngFor="let resource of welcomePageResources">
-              <ng-container *ngIf="data.isFirstTimeUser; else notFirst">
-                <df-icon-link [linkItem]="resource"></df-icon-link>
-              </ng-container>
-              <ng-template #notFirst>
-                <ng-container
-                  *ngIf="
-                    resource.name === 'home.resourceLinks.fullDocumentation' ||
-                    resource.name === 'home.resourceLinks.blog' ||
-                    resource.name === 'home.resourceLinks.contactSupport'
-                  "
-                  ><df-icon-link [linkItem]="resource"></df-icon-link
-                ></ng-container>
-              </ng-template>
-            </li>
-          </ul>
-        </article>
-      </article>
-      <aside class="flex-column">
-        <div class="video-link">
-          <a
-            href="https://youtu.be/FOSOm88RxPw"
-            target="_blank"
-            aria-labelledby="video-link-description">
-            <img
-              class="video-image"
-              src="assets/img/macbook-hp-df-1.png"
-              alt="" />
-            <div class="video-overlay">
-              <fa-icon [icon]="faCirclePlay" class="fa-4x play-icon"></fa-icon>
-              <span id="video-link-description">{{
-                'home.welcomePage.watchVideoCta' | transloco
-              }}</span>
-            </div>
-          </a>
-        </div>
-        <!-- <mat-card class="notice-card">
-          <h3>
-            <fa-icon
-              [icon]="faHeart"
-              class="pre-heading-icon"
-              aria-hidden="true"></fa-icon
-            >{{ 'home.welcomePage.ossUsersHeading' | transloco }}
-          </h3>
-          <p [innerHtml]="'home.welcomePage.ossUsersText' | transloco"></p>
+    <section>
+      <h2>Connections</h2>
+      <div class="connection-container">
+        <mat-card
+          class="connection-card release-card"
+          [style]="{ 'word-break': 'break-all' }">
+          <mat-card-header>
+            <mat-card-subtitle class="title"
+              >Database<br />
+              Connections</mat-card-subtitle
+            >
+          </mat-card-header>
+          <mat-card-content>
+            <br />
+            <p
+              class="num"
+              *ngIf="getServiceCardByName('Database Connections') as card">
+              {{ card.num }}
+            </p>
+          </mat-card-content>
         </mat-card>
-
-        <mat-card class="notice-card">
-          <h3>
-            <fa-icon
-              [icon]="faComment"
-              class="pre-heading-icon"
-              aria-hidden="true"></fa-icon
-            >{{ 'home.welcomePage.hearFromYouHeading' | transloco }}
-          </h3>
-          <p [innerHtml]="'home.welcomePage.hearFromYouText' | transloco"></p>
-        </mat-card> -->
-      </aside>
+        <mat-card
+          class="connection-card release-card"
+          [style]="{ 'word-break': 'break-all' }">
+          <mat-card-header>
+            <mat-card-subtitle class="title">API Keys</mat-card-subtitle>
+          </mat-card-header>
+          <mat-card-content>
+            <br />
+            <p class="num">{{ data.apiKeyNum }}</p>
+          </mat-card-content>
+        </mat-card>
+        <mat-card
+          class="connection-card release-card"
+          [style]="{ 'word-break': 'break-all' }">
+          <mat-card-header>
+            <mat-card-subtitle class="title">Scripting </mat-card-subtitle>
+          </mat-card-header>
+          <mat-card-content>
+            <br />
+            <p class="num" *ngIf="getServiceCardByName('Scripting') as card">
+              {{ card.num }}
+            </p>
+          </mat-card-content>
+        </mat-card>
+        <mat-card
+          class="connection-card release-card"
+          [style]="{ 'word-break': 'break-all' }">
+          <mat-card-header>
+            <mat-card-subtitle class="title"
+              >Network<br />
+              Connection</mat-card-subtitle
+            >
+          </mat-card-header>
+          <mat-card-content>
+            <br />
+            <p
+              class="num"
+              *ngIf="getServiceCardByName('Network Connections') as card">
+              {{ card.num }}
+            </p>
+          </mat-card-content>
+        </mat-card>
+      </div>
+    </section>
+    <section>
+      <h2>News</h2>
+      <div class="news-container">
+        <div class="main-content">
+          <mat-card
+            class="full-width news-card release-card"
+            [style]="{ 'word-break': 'break-all' }">
+            <mat-card-header>
+              <mat-card-subtitle class="title"
+                >DreamFactory <br />Documentation</mat-card-subtitle
+              >
+            </mat-card-header>
+            <mat-card-content>
+              <br /><a
+                href="https://wiki.dreamfactory.com/"
+                target="_blank"
+                class="link"
+                >View</a
+              ></mat-card-content
+            >
+          </mat-card>
+          <mat-card
+            class="full-width news-card release-card"
+            [style]="{ 'word-break': 'break-all' }">
+            <mat-card-header>
+              <mat-card-subtitle class="title"
+                >DreamFactory <br />Blog</mat-card-subtitle
+              >
+            </mat-card-header>
+            <mat-card-content>
+              <br />
+              <a
+                href="https://blog.dreamfactory.com/"
+                target="_blank"
+                class="link"
+                >View</a
+              ></mat-card-content
+            >
+          </mat-card>
+          <mat-card
+            class="full-width news-card release-card"
+            [style]="{ 'word-break': 'break-all' }">
+            <mat-card-header>
+              <mat-card-subtitle class="title"
+                >DreamFactory <br />Guide</mat-card-subtitle
+              >
+            </mat-card-header>
+            <mat-card-content>
+              <br /><a
+                href="https://guide.dreamfactory.com"
+                target="_blank"
+                class="link"
+                >View</a
+              ></mat-card-content
+            >
+          </mat-card>
+          <mat-card
+            class="full-width news-card release-card"
+            [style]="{ 'word-break': 'break-all' }">
+            <mat-card-header>
+              <mat-card-subtitle class="title"
+                >Contact Support</mat-card-subtitle
+              >
+            </mat-card-header>
+            <mat-card-content
+              ><br /><a
+                href="https://www.dreamfactory.com/support"
+                target="_blank"
+                class="link"
+                >View</a
+              ></mat-card-content
+            >
+          </mat-card>
+        </div>
+        <div *ngIf="data.latestVideoLink">
+          <iframe
+            id="youtube_video"
+            width="560"
+            height="315"
+            frameborder="0"
+            allowfullscreen
+            [src]="data.latestVideoLink"></iframe>
+        </div>
+      </div>
     </section>
     <section class="platforms-section">
       <div>
diff --git a/src/app/adf-home/df-welcome-page/df-welcome-page.component.scss b/src/app/adf-home/df-welcome-page/df-welcome-page.component.scss
index 82279447..f6c58b6a 100644
--- a/src/app/adf-home/df-welcome-page/df-welcome-page.component.scss
+++ b/src/app/adf-home/df-welcome-page/df-welcome-page.component.scss
@@ -3,57 +3,65 @@
 @import '../adf-home.module.scss';
 $df-purple-palette: mat.define-palette(theme.$df-purple-palette);
 $df-coral-palette: mat.define-palette(theme.$df-coral-palette);
-
-.two-column-flex-container {
+.connection-container {
   display: flex;
   justify-content: stretch;
   padding-bottom: 50px;
-
-  &.mobile {
+  gap: 10px;
+  .connection-card {
+    display: flex;
     flex-direction: column;
-
-    .flex-column:first-child {
-      padding-right: 0;
-      padding-bottom: 25px;
+    justify-content: space-between;
+    width: 25%;
+    padding: 20px 30px;
+    border-radius: 12px;
+    border: 1px solid rgb(0 0 0 / 0.1);
+    box-shadow:
+      0 10px 15px -3px rgb(0 0 0 / 0.1),
+      0 4px 6px -4px rgb(0 0 0 / 0.1);
+    .title {
+      font-size: 16px;
     }
-
-    .flex-column:last-child {
-      padding: 0;
+    .num {
+      font-size: 25px;
+      font-weight: 400;
     }
   }
 }
 
-.flex-column {
-  flex-basis: 50%;
-
-  &:first-child {
-    padding-right: 25px;
-  }
-  &:last-child {
-    padding-left: 25px;
+.news-container {
+  display: flex;
+  gap: 10px;
+  .main-content {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    width: 50%;
+    .news-card {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      width: 49%;
+      padding: 20px 30px;
+      .title {
+        font-size: 16px;
+      }
+      .link {
+        font-size: 20px;
+        font-weight: 400;
+        text-decoration: none;
+      }
+    }
   }
 }
 
-.video-link {
-  position: relative;
-}
-
-.video-image {
-  max-width: 100%;
-}
-
-.video-overlay {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
+@media screen and (max-width: 1024px) {
+  .news-container {
+    flex-direction: column !important;
+    .main-content {
+      width: 100% !important;
+    }
+  }
 }
 
 .play-icon {
@@ -75,7 +83,6 @@ mat-card.notice-card {
     }
   }
 }
-
 .pre-heading-icon {
   margin-right: 10px;
   color: mat.get-color-from-palette($df-purple-palette, 600);
diff --git a/src/app/adf-home/df-welcome-page/df-welcome-page.component.ts b/src/app/adf-home/df-welcome-page/df-welcome-page.component.ts
index b0db10c3..f14933d8 100644
--- a/src/app/adf-home/df-welcome-page/df-welcome-page.component.ts
+++ b/src/app/adf-home/df-welcome-page/df-welcome-page.component.ts
@@ -1,5 +1,6 @@
 import { Component, Inject } from '@angular/core';
-import { CommonModule } from '@angular/common'; // Add this import
+import { CommonModule } from '@angular/common';
+import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 
 import {
   javaScriptExampleLinks,
@@ -7,6 +8,9 @@ import {
   welcomePageResources,
 } from '../../shared/constants/home';
 import { DfBreakpointService } from 'src/app/shared/services/df-breakpoint.service';
+import { GenericListResponse } from 'src/app/shared/types/generic-http';
+import { Service, ServiceRow, ServiceType } from 'src/app/shared/types/service';
+import { forkJoin } from 'rxjs';
 
 import { DfIconCardLinkComponent } from '../df-icon-card-link/df-icon-card-link.component';
 import { MatDividerModule } from '@angular/material/divider';
@@ -27,6 +31,16 @@ import { DfThemeService } from 'src/app/shared/services/df-theme.service';
 import { DfBaseCrudService } from 'src/app/shared/services/df-base-crud.service';
 import { SERVICES_SERVICE_TOKEN } from 'src/app/shared/constants/tokens';
 import { DFStorageService } from 'src/app/shared/services/df-storage.service';
+import { SERVICE_GROUPS } from 'src/app/shared/constants/serviceGroups';
+import { ROUTES } from 'src/app/shared/types/routes';
+import { BehaviorSubject } from 'rxjs';
+
+interface ServiceCard {
+  type: string[];
+  name: string;
+  num: number;
+}
+
 @Component({
   selector: 'df-welcome-page',
   templateUrl: './df-welcome-page.component.html',
@@ -61,17 +75,114 @@ export class DfWelcomePageComponent {
     public breakpointService: DfBreakpointService,
     private themeService: DfThemeService,
     private storageService: DFStorageService,
+    private sanitizer: DomSanitizer,
     @Inject(SERVICES_SERVICE_TOKEN) private servicesService: DfBaseCrudService
   ) {}
+  serviceCards$ = new BehaviorSubject<ServiceCard[]>([]);
+  apiKeyNum$ = new BehaviorSubject<number | 0>(0);
   isDarkMode = this.themeService.darkMode$;
   isFirstTimeUser$ = this.storageService.isFirstTimeUser$;
   releases: any[] = [];
-
+  latestVideoLink$ = new BehaviorSubject<SafeResourceUrl | null>(null);
   ngOnInit(): void {
+    const serviceCards: ServiceCard[] = [
+      {
+        type: ['Database', 'Big Data'],
+        name: 'Database Connections',
+        num: 0,
+      },
+      {
+        type: ['Script'],
+        name: 'Scripting',
+        num: 0,
+      },
+      {
+        type: ['Remote Service'],
+        name: 'Network Connections',
+        num: 0,
+      },
+    ];
+    this.serviceCards$.next(serviceCards);
     this.servicesService.getReleases().subscribe((data: any) => {
       this.releases = data.slice(0, 3);
     });
     this.storageService.setIsFirstUser();
+    serviceCards
+      .filter(
+        (card, index, array) =>
+          array.findIndex(c => c.type === card.type) === index
+      )
+      .forEach(card => {
+        this.getServiceNum(card.type, card.name);
+      });
+    this.getApiKeyNum();
+
+    this.servicesService.getLatestVideo().subscribe((data: any) => {
+      if (data.items && data.items.length > 0) {
+        const link = data.items[0].link;
+        const id = link.split('v=')[1];
+        const safeUrl = this.sanitizer.bypassSecurityTrustResourceUrl(
+          `https://youtube.com/embed/${id}?controls=0&showinfo=0&rel=0`
+        );
+        this.latestVideoLink$.next(safeUrl);
+      }
+    });
+  }
+
+  getServiceNum(groups: string[], name: string) {
+    const requests = groups.map(grp =>
+      this.servicesService.getCustomData<GenericListResponse<ServiceType>>(
+        '/api/v2/system/service_type',
+        {
+          fields: 'name',
+          additionalParams: [
+            {
+              key: 'group',
+              value: grp,
+            },
+          ],
+        }
+      )
+    );
+    forkJoin(requests).subscribe(results => {
+      const mergedServiceTypes = results.reduce(
+        (acc, response) => [...acc, ...response.resource],
+        [] as ServiceType[]
+      );
+      this.servicesService
+        .getAll<GenericListResponse<Service>>({
+          limit: 50,
+          sort: 'name',
+          filter: `(type in ("${mergedServiceTypes
+            .map(src => src.name)
+            .join('","')}"))`,
+        })
+        .subscribe(data => {
+          const currentCards = this.serviceCards$.getValue();
+          const updatedCards = currentCards.map(card =>
+            card.name === name ? { ...card, num: data.resource.length } : card
+          );
+          this.serviceCards$.next(updatedCards);
+        });
+    });
+  }
+
+  getApiKeyNum() {
+    this.servicesService
+      .getCustomData<GenericListResponse<ServiceType>>('/api/v2/system/app', {
+        sort: 'name',
+        fields: '*',
+        related: 'role_by_role_id',
+      })
+      .subscribe(data => {
+        this.apiKeyNum$.next(data.resource.length);
+      });
+  }
+
+  getServiceCardByName(name: string): ServiceCard | null {
+    return (
+      this.serviceCards$.getValue().find(card => card.name === name) || null
+    );
   }
 
   convertDateType(originalDate: string): string {
diff --git a/src/app/shared/components/df-script-editor/df-script-editor.component.html b/src/app/shared/components/df-script-editor/df-script-editor.component.html
index 20a6997d..540c759e 100644
--- a/src/app/shared/components/df-script-editor/df-script-editor.component.html
+++ b/src/app/shared/components/df-script-editor/df-script-editor.component.html
@@ -52,7 +52,6 @@
       {{ 'scripts.deleteCache' | transloco }}
     </button>
   </div>
-
   <df-ace-editor
     class="full-width"
     [formControl]="content"
diff --git a/src/app/shared/interceptors/session-token.interceptor.ts b/src/app/shared/interceptors/session-token.interceptor.ts
index ccb72eb1..7c26bd99 100644
--- a/src/app/shared/interceptors/session-token.interceptor.ts
+++ b/src/app/shared/interceptors/session-token.interceptor.ts
@@ -18,7 +18,7 @@ export const sessionTokenInterceptor: HttpInterceptorFn = (
   if (req.url.startsWith('/api')) {
     req = req.clone({
       setHeaders: {
-        [API_KEY_HEADER]: environment.dfAdminApiKey
+        [API_KEY_HEADER]: environment.dfAdminApiKey,
       },
     });
     const userDataService = inject(DfUserDataService);
diff --git a/src/app/shared/services/auth.service.ts b/src/app/shared/services/auth.service.ts
index c0154475..933e5174 100644
--- a/src/app/shared/services/auth.service.ts
+++ b/src/app/shared/services/auth.service.ts
@@ -15,7 +15,7 @@ export class AuthService {
 
   loginWithJwt(jwt: string): Observable<any> {
     return this.dfAuthService
-      .loginWithToken(jwt)
+      .loginWithToken()
       .pipe(tap(user => (this.dfUserDataService.userData = user)));
   }
 
diff --git a/src/app/shared/services/df-base-crud.service.ts b/src/app/shared/services/df-base-crud.service.ts
index d19698f0..8b52a41d 100644
--- a/src/app/shared/services/df-base-crud.service.ts
+++ b/src/app/shared/services/df-base-crud.service.ts
@@ -1,4 +1,4 @@
-import { HttpClient } from '@angular/common/http';
+import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import { RequestOptions } from 'src/app/shared/types/generic-http';
 import { readAsText } from 'src/app/shared/utilities/file';
 import { map, switchMap } from 'rxjs';
@@ -24,6 +24,29 @@ export class DfBaseCrudService {
     );
   }
 
+  getCustomData<T>(url: string, options?: Partial<RequestOptions>) {
+    return this.http.get<T>(
+      url,
+      this.getOptions({
+        limit: 50,
+        offset: 0,
+        includeCount: true,
+        ...options,
+      })
+    );
+  }
+
+  getLatestVideo() {
+    const channelID = 'UCZEEBhAmBWMi8x9diJK5Pyw';
+    const reqURL = 'https://api.rss2json.com/v1/api.json?rss_url=';
+
+    return this.http.get(
+      `${reqURL}${encodeURIComponent(
+        'https://www.youtube.com/feeds/videos.xml?channel_id='
+      )}${channelID}`
+    );
+  }
+
   get<T>(id: string | number, options?: Partial<RequestOptions>) {
     return this.http.get<T>(
       `${this.url}/${id}`,