diff --git a/src/app/core/data/community-data.service.ts b/src/app/core/data/community-data.service.ts
index 53d19e4c4c9..9bbf90c1f20 100644
--- a/src/app/core/data/community-data.service.ts
+++ b/src/app/core/data/community-data.service.ts
@@ -54,7 +54,7 @@ export class CommunityDataService extends ComColDataService<Community> {
   }
 
   protected getFindByParentHref(parentUUID: string): Observable<string> {
-    return this.halService.getEndpoint(this.linkPath).pipe(
+    return this.getEndpoint().pipe(
       switchMap((communityEndpointHref: string) =>
         this.halService.getEndpoint('subcommunities', `${communityEndpointHref}/${parentUUID}`)),
     );
diff --git a/src/themes/tamu/app/community-list-page/community-list/community-list.component.html b/src/themes/tamu/app/community-list-page/community-list/community-list.component.html
index def0e2c7c49..ac3fca88882 100644
--- a/src/themes/tamu/app/community-list-page/community-list/community-list.component.html
+++ b/src/themes/tamu/app/community-list-page/community-list/community-list.component.html
@@ -1,36 +1,41 @@
 <!-- TAMU Customization - expand/collapse all -->
-<!-- <ds-themed-loading *ngIf="(dataSource.loading$ | async) && !loadingNode" class="ds-themed-loading"></ds-themed-loading> -->
+<!-- @if ((dataSource.loading$ | async) && !loadingNode) {
+  <ds-loading class="ds-themed-loading"></ds-loading>
+} -->
 <div class="row mb-1" *ngIf="enableExpandCollapseAll">
   <div class="col-3">
-    <button (click)="expandAll()" [disabled]="(dataSource.loading$ | async) || (expanding | async)" class="btn btn-outline-primary btn-sm mr-2 mb-2" role="button">
+    <button (click)="expandAll()" [disabled]="(dataSource.loading$ | async) || (isExpanding | async)" class="btn btn-outline-primary btn-sm mr-2 mb-2" role="button">
       <span>{{ 'communityList.expandAll' | translate }}</span>
     </button>
-    <button (click)="collapseAll()" [disabled]="(dataSource.loading$ | async) || (expanding | async)" class="btn btn-outline-primary btn-sm mr-2 mb-2" role="button">
+    <button (click)="collapseAll()" [disabled]="(dataSource.loading$ | async) || (isExpanding | async)" class="btn btn-outline-primary btn-sm mr-2 mb-2" role="button">
       <span>{{ 'communityList.collapseAll' | translate }}</span>
     </button>
   </div>
   <div class="col-9">
-    <ds-themed-loading *ngIf="(dataSource.loading$ | async) || (expanding | async)" class="ds-themed-loading" [showMessage]="false"></ds-themed-loading>
+    @if ((dataSource.loading$ | async) && !loadingNode) {
+      <ds-loading class="ds-themed-loading"></ds-loading>
+    }
   </div>
 </div>
 <!-- End TAMU Customization - expand/collapse all -->
 <cdk-tree [dataSource]="dataSource" [treeControl]="treeControl" [trackBy]="trackBy">
   <!-- This is the tree node template for show more node -->
   <cdk-tree-node *cdkTreeNodeDef="let node; when: isShowMore" cdkTreeNodePadding
-                 class="example-tree-node show-more-node">
+    class="example-tree-node show-more-node">
     <div class="btn-group">
-      <button type="button" class="btn btn-default" cdkTreeNodeToggle>
-        <span class="fa fa-chevron-right invisible" aria-hidden="true"></span>
-      </button>
-      <div class="align-middle pt-2">
-        <button #viewMore *ngIf="!(dataSource.loading$ | async)" (click)="getNextPage(node)"
-           class="btn btn-outline-primary btn-sm" role="button">
-           <i class="fas fa-angle-down"></i> {{ 'communityList.showMore' | translate }}
-        </button>
-        <!-- TAMU Customization - show loading animation while not expanding -->
-        <!-- <ds-themed-loading *ngIf="node===loadingNode && dataSource.loading$ | async" class="ds-themed-loading"></ds-themed-loading> -->
-        <ds-themed-loading *ngIf="node===loadingNode && (dataSource.loading$ | async) && !(expanding | async)" class="ds-themed-loading"></ds-themed-loading>
-        <!-- End TAMU Customization - show loading animation while not expanding -->
+      <span aria-hidden="true" class="btn btn-default invisible" cdkTreeNodeToggle>
+        <span class="fa fa-chevron-right"></span>
+      </span>
+      <div class="align-middle my-auto">
+        @if ((dataSource.loading$ | async) !== true) {
+          <button (click)="getNextPage(node)"
+            class="btn btn-outline-primary btn-sm" role="button" tabindex="0">
+            <i class="fas fa-angle-down"></i> {{ 'communityList.showMore' | translate }}
+          </button>
+        }
+        @if (node===loadingNode && dataSource.loading$ | async) {
+          <ds-loading class="ds-themed-loading"></ds-loading>
+        }
       </div>
     </div>
     <div class="text-muted" cdkTreeNodePadding>
@@ -40,77 +45,85 @@
   </cdk-tree-node>
   <!-- This is the tree node template for expandable nodes (coms and subcoms with children) -->
   <cdk-tree-node *cdkTreeNodeDef="let node; when: hasChild" cdkTreeNodePadding
-                 class="example-tree-node expandable-node">
+    class="example-tree-node expandable-node">
     <div class="btn-group">
-      <button #toggle type="button" class="btn btn-default" cdkTreeNodeToggle
-              [title]="'toggle ' + dsoNameService.getName(node.payload)"
-              [attr.aria-label]="'toggle ' + dsoNameService.getName(node.payload)"
-              (click)="toggleExpanded(node)"
-              [ngClass]="(hasChild(null, node)| async) ? 'visible' : 'invisible'"
-              [attr.data-test]="(hasChild(null, node)| async) ? 'expand-button' : ''">
-        <span class="{{node.isExpanded ? 'fa fa-chevron-down' : 'fa fa-chevron-right'}}"
-              aria-hidden="true"></span>
-      </button>
+      @if (hasChild(null, node) | async) {
+        <button type="button" class="btn btn-default btn-transparent" cdkTreeNodeToggle
+          [attr.aria-label]="(node.isExpanded ? 'communityList.collapse' : 'communityList.expand') | translate:{ name: dsoNameService.getName(node.payload) }"
+          (click)="toggleExpanded(node)"
+          (keyup.enter)="toggleExpanded(node)"
+          (keyup.space)="toggleExpanded(node)"
+          data-test="expand-button"
+          role="button"
+          tabindex="0">
+          <span class="{{node.isExpanded ? 'fa fa-chevron-down' : 'fa fa-chevron-right'}}"
+          aria-hidden="true"></span>
+          <span class="sr-only">{{ (node.isExpanded ? 'communityList.collapse' : 'communityList.expand') | translate:{ name: dsoNameService.getName(node.payload) } }}</span>
+        </button>
+      }
+      <!--Don't render the button when non-expandable otherwise it's still accessible, instead render this placeholder-->
+      @if ((hasChild(null, node) | async) !== true) {
+        <span aria-hidden="true" class="btn btn-default invisible">
+          <span class="fa fa-chevron-right"></span>
+        </span>
+      }
       <div class="d-flex flex-row">
-        <span class="align-middle pt-2 lead">
-          <a [routerLink]="node.route" class="lead">
-            {{ dsoNameService.getName(node.payload) }}
-          </a>
-          <span class="pr-2">&nbsp;</span>
-          <span *ngIf="node.payload.archivedItemsCount >= 0" class="badge badge-pill badge-secondary align-top archived-items-lead">{{node.payload.archivedItemsCount}}</span>
+        <span class="d-flex align-middle my-auto">
+          <a [routerLink]="node.route" class="lead" role="link" tabindex="0">{{ dsoNameService.getName(node.payload) }}</a>
+          <span class="pe-2">&nbsp;</span>
+          @if (node.payload.archivedItemsCount >= 0) {
+            <span class="badge rounded-pill bg-secondary align-top archived-items-lead my-auto ps-2 pe-2">{{node.payload.archivedItemsCount}}</span>
+          }
         </span>
       </div>
     </div>
     <ds-truncatable [id]="node.id">
       <div class="text-muted" cdkTreeNodePadding>
-        <div class="d-flex" *ngIf="node.payload.shortDescription">
-          <button type="button" class="btn btn-default invisible">
-            <span class="{{node.isExpanded ? 'fa fa-chevron-down' : 'fa fa-chevron-right'}}"
-                  aria-hidden="true"></span>
-          </button>
-          <ds-truncatable-part [id]="node.id" [minLines]="3">
-            <span>{{node.payload.shortDescription}}</span>
-          </ds-truncatable-part>
-        </div>
+        @if (node.payload.shortDescription) {
+          <div class="d-flex">
+            <span aria-hidden="true" class="btn btn-default invisible">
+              <span class="fa fa-chevron-right"></span>
+            </span>
+            <ds-truncatable-part [id]="node.id" [minLines]="3">
+              <span>{{node.payload.shortDescription}}</span>
+            </ds-truncatable-part>
+          </div>
+        }
       </div>
     </ds-truncatable>
-    <!-- TAMU Customization - show loading animation while not expanding -->
-    <!-- <div class="d-flex" *ngIf="node===loadingNode && dataSource.loading$ | async"
-         cdkTreeNodePadding> -->
-    <div class="d-flex" *ngIf="node===loadingNode && (dataSource.loading$ | async) && !(expanding | async)"
-         cdkTreeNodePadding>
-    <!-- End TAMU Customization - show loading animation while not expanding -->
-      <button type="button" class="btn btn-default invisible">
-        <span class="{{node.isExpanded ? 'fa fa-chevron-down' : 'fa fa-chevron-right'}}"
-              aria-hidden="true"></span>
-      </button>
-      <ds-themed-loading class="ds-themed-loading"></ds-themed-loading>
-    </div>
+    @if (node===loadingNode && dataSource.loading$ | async) {
+      <div class="d-flex"
+        cdkTreeNodePadding>
+        <span aria-hidden="true" class="btn btn-default invisible">
+          <span class="fa fa-chevron-right"></span>
+        </span>
+        <ds-loading class="ds-themed-loading"></ds-loading>
+      </div>
+    }
   </cdk-tree-node>
   <!-- This is the tree node template for leaf nodes (collections and (sub)coms without children) -->
   <cdk-tree-node *cdkTreeNodeDef="let node; when: !(hasChild && isShowMore)" cdkTreeNodePadding
-                 class="example-tree-node childless-node">
+    class="example-tree-node childless-node">
     <div class="btn-group">
-      <button type="button" class="btn btn-default" cdkTreeNodeToggle>
-        <span class="fa fa-chevron-right invisible" aria-hidden="true"></span>
-      </button>
-      <h6 class="align-middle pt-2">
-        <a [routerLink]="node.route" class="lead">
-          {{ dsoNameService.getName(node.payload) }}
-        </a>
+      <span aria-hidden="true" class="btn btn-default invisible" cdkTreeNodeToggle>
+        <span class="fa fa-chevron-right"></span>
+      </span>
+      <h6 class="align-middle my-auto">
+        <a [routerLink]="node.route" class="lead" role="link" tabindex="0">{{ dsoNameService.getName(node.payload) }}</a>
       </h6>
     </div>
     <ds-truncatable [id]="node.id">
       <div class="text-muted" cdkTreeNodePadding>
-        <div class="d-flex" *ngIf="node.payload.shortDescription">
-          <button type="button" class="btn btn-default invisible">
-            <span class="{{node.isExpanded ? 'fa fa-chevron-down' : 'fa fa-chevron-right'}}"
-                  aria-hidden="true"></span>
-          </button>
-          <ds-truncatable-part [id]="node.id" [minLines]="3">
-            <span>{{node.payload.shortDescription}}</span>
-          </ds-truncatable-part>
-        </div>
+        @if (node.payload.shortDescription) {
+          <div class="d-flex">
+            <span aria-hidden="true" class="btn btn-default invisible">
+              <span class="fa fa-chevron-right"></span>
+            </span>
+            <ds-truncatable-part [id]="node.id" [minLines]="3">
+              <span>{{node.payload.shortDescription}}</span>
+            </ds-truncatable-part>
+          </div>
+        }
       </div>
     </ds-truncatable>
   </cdk-tree-node>
diff --git a/src/themes/tamu/app/community-list-page/community-list/community-list.component.scss b/src/themes/tamu/app/community-list-page/community-list/community-list.component.scss
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/themes/tamu/app/community-list-page/community-list/community-list.component.ts b/src/themes/tamu/app/community-list-page/community-list/community-list.component.ts
index fa24b06492a..852680b56cb 100644
--- a/src/themes/tamu/app/community-list-page/community-list/community-list.component.ts
+++ b/src/themes/tamu/app/community-list-page/community-list/community-list.component.ts
@@ -1,21 +1,33 @@
-import { Component, Input, OnInit, QueryList, ViewChildren } from '@angular/core';
-import { BehaviorSubject, debounceTime, filter, take } from 'rxjs';
+import { CdkTreeModule } from '@angular/cdk/tree';
+import { AsyncPipe } from '@angular/common';
+import { Component, Input, QueryList, ViewChildren } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+import { BehaviorSubject, debounceTime, distinctUntilChanged, take } from 'rxjs';
+
 import { CommunityListComponent as BaseComponent } from '../../../../../app/community-list-page/community-list/community-list.component';
+import { ThemedLoadingComponent } from '../../../../../app/shared/loading/themed-loading.component';
+import { TruncatableComponent } from '../../../../../app/shared/truncatable/truncatable.component';
+import { TruncatablePartComponent } from '../../../../../app/shared/truncatable/truncatable-part/truncatable-part.component';
 
-/**
- * A tree-structured list of nodes representing the communities, their subCommunities and collections.
- * Initially only the page-restricted top communities are shown.
- * Each node can be expanded to show its children and all children are also page-limited.
- * More pages of a page-limited result can be shown by pressing a show more node/link.
- * Which nodes were expanded is kept in the store, so this persists across pages.
- */
 @Component({
   selector: 'ds-community-list',
-  // styleUrls: ['./community-list.component.scss'],
+  styleUrls: ['./community-list.component.scss'],
+  // styleUrls: ['../../../../../app/community-list-page/community-list/community-list.component.scss'],
   templateUrl: './community-list.component.html',
-  // templateUrl: '../../../../../app/community-list-page/community-list/community-list.component.html'
+  // templateUrl: '../../../../../app/community-list-page/community-list/community-list.component.html',
+  standalone: true,
+  imports: [
+    AsyncPipe,
+    CdkTreeModule,
+    RouterLink,
+    ThemedLoadingComponent,
+    TranslateModule,
+    TruncatableComponent,
+    TruncatablePartComponent,
+  ],
 })
-export class CommunityListComponent extends BaseComponent implements OnInit {
+export class CommunityListComponent extends BaseComponent {
 
   @Input() scopeId!: string;
 
@@ -23,31 +35,40 @@ export class CommunityListComponent extends BaseComponent implements OnInit {
 
   @ViewChildren('toggle') toggle!: QueryList<any>;
 
-  expanding: BehaviorSubject<boolean>;
+  isExpanding: BehaviorSubject<boolean>;
 
   ngOnInit(): void {
     this.paginationConfig.scopeID = this.scopeId;
-    this.expanding = new BehaviorSubject<boolean>(false);
+    this.isExpanding = new BehaviorSubject<boolean>(false);
     super.ngOnInit();
   }
 
   expandAll(): void {
-    this.expanding.next(true);
+    let anyExpanded = false;
+    this.isExpanding.next(true);
 
     const expandable = this.toggle.filter((node: any) => {
       return !!node.nativeElement.querySelector('.fa-chevron-right');
     });
 
     this.dataSource.loading$.pipe(
+      distinctUntilChanged(),
+      // allow 100 milliseconds per expanded subcommunity
       debounceTime(expandable.length * 100),
-      filter((loading: boolean) => !loading),
       take(1)
     ).subscribe(() => {
-      this.expanding.next(false);
+      if (anyExpanded) {
+        this.expandAll();
+      } else {
+        this.isExpanding.next(false);
+      }
     });
 
     expandable.forEach((node: any) => {
       node.nativeElement.click();
+      if (!anyExpanded) {
+        anyExpanded = true;
+      }
     });
   }
 
@@ -60,4 +81,3 @@ export class CommunityListComponent extends BaseComponent implements OnInit {
   }
 
 }
-
diff --git a/src/themes/tamu/app/community-page/community-page.component.html b/src/themes/tamu/app/community-page/community-page.component.html
index 383c0767d50..dd06652d178 100644
--- a/src/themes/tamu/app/community-page/community-page.component.html
+++ b/src/themes/tamu/app/community-page/community-page.component.html
@@ -1,49 +1,55 @@
 <div class="container" *ngVar="(communityRD$ | async) as communityRD">
-  <div class="community-page" *ngIf="communityRD?.hasSucceeded" @fadeInOut>
-    <div *ngIf="communityRD?.payload; let communityPayload">
-      <ds-view-tracker [object]="communityPayload"></ds-view-tracker>
-      <div class="d-flex flex-row border-bottom mb-4 pb-4">
-        <header class="comcol-header mr-auto">
-          <!-- Community name -->
-          <ds-comcol-page-header [name]="dsoNameService.getName(communityPayload)"></ds-comcol-page-header>
-          <!-- Community logo -->
-          <ds-comcol-page-logo *ngIf="logoRD$" [logo]="(logoRD$ | async)?.payload" [alternateText]="'Community Logo'">
-          </ds-comcol-page-logo>
-          <!-- Handle -->
-          <ds-themed-comcol-page-handle [content]="communityPayload.handle" [title]="'community.page.handle'">
-          </ds-themed-comcol-page-handle>
-          <!-- Introductory text -->
-          <ds-comcol-page-content [content]="communityPayload.introductoryText" [hasInnerHtml]="true">
-          </ds-comcol-page-content>
-          <!-- News -->
-          <ds-comcol-page-content [content]="communityPayload.sidebarText" [hasInnerHtml]="true"
-            [title]="'community.page.news'">
-          </ds-comcol-page-content>
-        </header>
-        <ds-dso-edit-menu></ds-dso-edit-menu>
-      </div>
-      <section class="comcol-page-browse-section">
-
-        <!-- Browse-By Links -->
-        <ds-themed-comcol-page-browse-by [id]="communityPayload.id" [contentType]="communityPayload.type">
-        </ds-themed-comcol-page-browse-by>
-
-        <!-- TAMU Customization - community collection tree browse -->
-        <ds-community-list [scopeId]="communityPayload.id" [enableExpandCollapseAll]="true"></ds-community-list>
-        <!--
-        <ds-themed-community-page-sub-community-list [community]="communityPayload"></ds-themed-community-page-sub-community-list>
-        <ds-themed-community-page-sub-collection-list [community]="communityPayload"></ds-themed-community-page-sub-collection-list>
-        -->
-        <!-- End TAMU Customization - community collection tree browse -->
-      </section>
-      <footer  *ngIf="communityPayload.copyrightText"  class="border-top my-5 pt-4">
-        <!-- Copyright -->
-        <ds-comcol-page-content [content]="communityPayload.copyrightText" [hasInnerHtml]="true">
-        </ds-comcol-page-content>
-      </footer>
+  @if (communityRD?.hasSucceeded) {
+    <div class="community-page" @fadeInOut>
+      @if (communityRD?.payload; as communityPayload) {
+        <div>
+          <div class="d-flex flex-row border-bottom mb-4 pb-4">
+            <header class="comcol-header me-auto">
+              <!-- Community name -->
+              <ds-comcol-page-header [name]="dsoNameService.getName(communityPayload)"></ds-comcol-page-header>
+              <!-- Community logo -->
+              @if (logoRD$) {
+                <ds-comcol-page-logo [logo]="(logoRD$ | async)?.payload" [alternateText]="'community.logo' | translate">
+                </ds-comcol-page-logo>
+              }
+              <!-- Handle -->
+              <ds-comcol-page-handle [content]="communityPayload.handle" [title]="'community.page.handle'">
+              </ds-comcol-page-handle>
+              <!-- Introductory text -->
+              <ds-comcol-page-content [content]="communityPayload.introductoryText" [hasInnerHtml]="true">
+              </ds-comcol-page-content>
+              <!-- News -->
+              <ds-comcol-page-content [content]="communityPayload.sidebarText" [hasInnerHtml]="true"
+                [title]="'community.page.news'">
+              </ds-comcol-page-content>
+            </header>
+            <ds-dso-edit-menu></ds-dso-edit-menu>
+          </div>
+          <section class="comcol-page-browse-section">
+            <!-- Browse-By Links -->
+            <ds-comcol-page-browse-by [id]="communityPayload.id" [contentType]="communityPayload.type">
+            </ds-comcol-page-browse-by>
+            <!-- TAMU Customization - community collection tree browse -->
+            <ds-community-list [scopeId]="communityPayload.id" [enableExpandCollapseAll]="true"></ds-community-list>
+            <!-- End TAMU Customization - community collection tree browse -->
+            <router-outlet></router-outlet>
+          </section>
+          @if (communityPayload.copyrightText) {
+            <footer class="border-top my-5 pt-4">
+              <!-- Copyright -->
+              <ds-comcol-page-content [content]="communityPayload.copyrightText" [hasInnerHtml]="true">
+              </ds-comcol-page-content>
+            </footer>
+          }
+        </div>
+      }
     </div>
-  </div>
+  }
 
-  <ds-error *ngIf="communityRD?.hasFailed" message="{{'error.community' | translate}}"></ds-error>
-  <ds-themed-loading *ngIf="communityRD?.isLoading" message="{{'loading.community' | translate}}"></ds-themed-loading>
+  @if (communityRD?.hasFailed) {
+    <ds-error message="{{'error.community' | translate}}"></ds-error>
+  }
+  @if (communityRD?.isLoading) {
+    <ds-loading message="{{'loading.community' | translate}}"></ds-loading>
+  }
 </div>
diff --git a/src/themes/tamu/app/community-page/community-page.component.scss b/src/themes/tamu/app/community-page/community-page.component.scss
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/themes/tamu/app/community-page/community-page.component.ts b/src/themes/tamu/app/community-page/community-page.component.ts
index 925686849a0..e7aa321cdc3 100644
--- a/src/themes/tamu/app/community-page/community-page.component.ts
+++ b/src/themes/tamu/app/community-page/community-page.component.ts
@@ -1,19 +1,52 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { AsyncPipe } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  Component,
+} from '@angular/core';
+import {
+  RouterModule,
+  RouterOutlet,
+} from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+
 import { CommunityPageComponent as BaseComponent } from '../../../../app/community-page/community-page.component';
 import { fadeInOut } from '../../../../app/shared/animations/fade';
+import { ThemedComcolPageBrowseByComponent } from '../../../../app/shared/comcol/comcol-page-browse-by/themed-comcol-page-browse-by.component';
+import { ThemedComcolPageContentComponent } from '../../../../app/shared/comcol/comcol-page-content/themed-comcol-page-content.component';
+import { ThemedComcolPageHandleComponent } from '../../../../app/shared/comcol/comcol-page-handle/themed-comcol-page-handle.component';
+import { ComcolPageHeaderComponent } from '../../../../app/shared/comcol/comcol-page-header/comcol-page-header.component';
+import { ComcolPageLogoComponent } from '../../../../app/shared/comcol/comcol-page-logo/comcol-page-logo.component';
+import { DsoEditMenuComponent } from '../../../../app/shared/dso-page/dso-edit-menu/dso-edit-menu.component';
+import { ErrorComponent } from '../../../../app/shared/error/error.component';
+import { ThemedLoadingComponent } from '../../../../app/shared/loading/themed-loading.component';
+import { VarDirective } from '../../../../app/shared/utils/var.directive';
+import { CommunityListComponent } from '../community-list-page/community-list/community-list.component';
 
 @Component({
-  selector: 'ds-community-page',
+  selector: 'ds-themed-community-page',
   templateUrl: './community-page.component.html',
   // templateUrl: '../../../../app/community-page/community-page.component.html',
-  // styleUrls: ['./community-page.component.scss'],
-  styleUrls: ['../../../../app/community-page/community-page.component.scss'],
+  styleUrls: ['./community-page.component.scss'],
+  // styleUrls: ['../../../../app/community-page/community-page.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  animations: [fadeInOut]
+  animations: [fadeInOut],
+  standalone: true,
+  imports: [
+    AsyncPipe,
+    ComcolPageHeaderComponent,
+    ComcolPageLogoComponent,
+    CommunityListComponent,
+    DsoEditMenuComponent,
+    ErrorComponent,
+    RouterModule,
+    RouterOutlet,
+    ThemedComcolPageBrowseByComponent,
+    ThemedComcolPageContentComponent,
+    ThemedComcolPageHandleComponent,
+    ThemedLoadingComponent,
+    TranslateModule,
+    VarDirective,
+  ],
 })
-/**
- * This component represents a detail page for a single community
- */
 export class CommunityPageComponent extends BaseComponent {
-
 }