diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.html b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.html
index 6094aa9f50aa1d93f83f21960e62169fa49cb1d3..6d837153807ddb5565d7afa53093561328969dec 100644
--- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.html
+++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.html
@@ -1 +1,26 @@
-<p>about works!</p>
+<nshmp-lib-ng-about-content>
+  <nshmp-lib-ng-about-description>
+    <nshmp-lib-ng-about-description-title>
+      This application computes and plots geophysical profiles from the National
+      Crustal Model.
+    </nshmp-lib-ng-about-description-title>
+  </nshmp-lib-ng-about-description>
+
+  <!-- Using this application panel -->
+  <nshmp-lib-ng-about-using-application-expansion-panel>
+    <!-- About the header controls -->
+    <nshmp-lib-ng-about-header-controls />
+
+    <!-- About the control panel -->
+    <nshmp-lib-ng-about-control-panel />
+
+    <!-- About main content -->
+    <nshmp-lib-ng-about-main-content-tabs [tabInfo]="tabInfo" />
+
+    <!-- About Plotly -->
+    <nshmp-lib-ng-about-plotly />
+
+    <!-- About settings -->
+    <nshmp-lib-ng-about-settings />
+  </nshmp-lib-ng-about-using-application-expansion-panel>
+</nshmp-lib-ng-about-content>
diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.spec.ts b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.spec.ts
index bbad86590341eb82f2360796694dd8c002b0c4e3..5f2d61c3cd8f38c366f9c3b7ada770b7d7a9e8f3 100644
--- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.spec.ts
+++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.spec.ts
@@ -1,4 +1,6 @@
+import {provideHttpClient} from '@angular/common/http';
 import {ComponentFixture, TestBed} from '@angular/core/testing';
+import {provideNoopAnimations} from '@angular/platform-browser/animations';
 
 import {AboutComponent} from './about.component';
 
@@ -9,6 +11,7 @@ describe('AboutComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [AboutComponent],
+      providers: [provideHttpClient(), provideNoopAnimations()],
     }).compileComponents();
 
     fixture = TestBed.createComponent(AboutComponent);
diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.ts b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.ts
index 69afb87f8271ec60989a45af88e355b96854590f..032b6bf24c727d236a48cc4592acb397be3ebf2c 100644
--- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.ts
+++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.ts
@@ -1,10 +1,44 @@
 import {Component} from '@angular/core';
+import {
+  AboutMainContentTab,
+  NshmpLibNgAboutContentComponent,
+  NshmpLibNgAboutControlPanelComponent,
+  NshmpLibNgAboutDescriptionComponent,
+  NshmpLibNgAboutDescriptionTitleComponent,
+  NshmpLibNgAboutHeaderControlsComponent,
+  NshmpLibNgAboutMainContentTabsComponent,
+  NshmpLibNgAboutPlotlyComponent,
+  NshmpLibNgAboutSettingsComponent,
+  NshmpLibNgAboutUsingApplicationExpansionPanelComponent,
+} from '@ghsc/nshmp-lib-ng/about';
 
 @Component({
-  imports: [],
+  imports: [
+    NshmpLibNgAboutContentComponent,
+    NshmpLibNgAboutDescriptionComponent,
+    NshmpLibNgAboutDescriptionTitleComponent,
+    NshmpLibNgAboutUsingApplicationExpansionPanelComponent,
+    NshmpLibNgAboutHeaderControlsComponent,
+    NshmpLibNgAboutControlPanelComponent,
+    NshmpLibNgAboutMainContentTabsComponent,
+    NshmpLibNgAboutPlotlyComponent,
+    NshmpLibNgAboutSettingsComponent,
+  ],
   selector: 'app-about',
   standalone: true,
   styleUrl: './about.component.scss',
   templateUrl: './about.component.html',
 })
-export class AboutComponent {}
+export class AboutComponent {
+  /** About main content tabs */
+  tabInfo: AboutMainContentTab[] = [
+    {
+      tabDescription: 'Shows geophysical profile plots.',
+      tabTitle: 'Plots',
+    },
+    {
+      tabDescription: 'Shows the geophysical profile data.',
+      tabTitle: 'Data',
+    },
+  ];
+}