diff --git a/content/agent/about.md b/content/agent/about.md
index 10c192d8c..5b27a0302 100644
--- a/content/agent/about.md
+++ b/content/agent/about.md
@@ -1,41 +1,18 @@
---
-title: "Overview"
+title: "About"
weight: 100
toc: true
docs: DOCS-000
---
{{}}
-
-{{}}
-
-The F5 NGINX Agent is a lightweight companion daemon designed to work with NGINX One, enabling remote management of the NGINX Instance(s). It also gathers performance metrics from NGINX and transmits them to the NGINX One Console for enhanced monitoring and control.
-
-## Key Features
-
-- Enable Access to Key NGINX One Use Cases
- - Seamlessly integrates with essential NGINX One functionality, simplifying access to its core use cases and enhancing operational workflows.
- - [Connect to NGINX One Console]({{< ref "/agent/install-upgrade/install-from-oss-repo.md#connect-an-instance-to-nginx-one-console" >}})
-
-- Real-Time Observability into NGINX One Data Plane Instances
- - Provides live monitoring and actionable insights into the performance, status, and health of NGINX One Data Plane instances, improving decision-making and operational efficiency.
-
- - [OpenTelemetry](https://opentelemetry.io/) support comes with F5 NGINX Agent, and the ability to [export the metrics data]({{< ref "/agent/otel/configure-otel-metrics.md" >}}) for use in other applications.
+NGINX Agent v3.0 is a major release that introduces new features and enhancements.
+Visit our [Update]({{< ref "/agent/install-upgrade/update.md" >}}) guide to install the latest version in your environment.
+{{}}
+{{< include "agent/about.md" >}}
-### Configuration management
-
-- The F5 NGINX Agent provides an interface that enables users to deploy configuration changes to NGINX from a centralized management plane.
-- Additionally, the F5 NGINX Agent verifies that the configuration changes are successfully applied to NGINX.
-
-### Metrics Collection
-
-- The F5 NGINX Agent comes pre-packaged with an embedded OpenTelemetry Collector .
-- This embedded collector gathers vital performance and health metrics for both NGINX and the underlying instance it operates on.
-- For example, it tracks key metrics such as active connections, requests per second, HTTP status codes, and response times. Additionally, it collects system-level data, including CPU usage, memory consumption, and disk I/O. These insights provide deep observability into NGINX's behavior, enabling teams to troubleshoot issues effectively, optimize performance, and maintain high availability.
-- Collected metrics can be seamlessly exported to the NGINX One Console or integrated with third-party data aggregators.
-
-## How NGINX Agent works
+## Architecture
```mermaid
graph BT
@@ -77,14 +54,4 @@ graph BT
Compute <--> |gRPC| ManagementPlane
```
-The figure shows:
-
-- An NGINX Instance running on bare metal, virtual machine or container
-- The NGINX One Cloud Console includes:
- - Command Server to manage NGINX configurations, push new/updated configuration files remotely, and perform integrity tests.
- - OpenTelemetry (OTel) Receiver that receives observability data from connected Agent instances.
-- An NGINX Agent process running on the NGINX instance. NGINX Agent is responsible for:
- - Watching, applying, validating, automatically roll back to last good configuration if issues are detected.
- - Embedding an OpenTelemetry Collector, collecting metrics from NGINX processes, host system performance data, then securely passing metric data to the NGINX One Cloud Console.
-- Collection and monitoring of host metrics (CPU usage, Memory utilization, Disk I/O) by the Agent OTel collector.
-- Collected data is made available on the NGINX One Cloud Console for monitoring, alerting, troubleshooting, and capacity planning purposes.
+{{< include "agent/architecture.md" >}}
\ No newline at end of file
diff --git a/content/includes/agent/about.md b/content/includes/agent/about.md
new file mode 100644
index 000000000..9025e2f56
--- /dev/null
+++ b/content/includes/agent/about.md
@@ -0,0 +1,43 @@
+---
+docs:
+files:
+ - content/agent/about.md
+ - content/nginx-one/agent/about.md
+---
+
+F5 NGINX Agent is a lightweight companion daemon designed to work with NGINX One and enable remote management of NGINX instances. It also gathers performance metrics from NGINX and transmits them to the NGINX One Console for enhanced monitoring and control.
+
+## Key features
+
+Enable Access to key NGINX One use cases:
+
+ - Seamlessly integrates with essential NGINX One functionality, simplifying access to its core use cases and
+ enhancing operational workflows.
+ - [Connects NGINX instances to NGINX One Console]({{< ref "/agent/install-upgrade/install-from-oss-repo.md#connect-an-instance-to-nginx-one-console" >}})
+
+Real-time observability into NGINX One data plane instances:
+
+ - Provides live monitoring and actionable insights into the performance, status, and health of NGINX One data plane
+ instances, improving decision-making and operational efficiency.
+ - NGINX Agent supports [OpenTelemetry](https://opentelemetry.io/), and the ability to
+ [export the metrics data]({{< ref "/agent/otel/configure-otel-metrics.md" >}}) for use in other applications.
+
+
+
+### Configuration management
+
+- NGINX Agent provides an interface that enables users to deploy configuration changes to NGINX instances from a
+ centralized management plane.
+- Additionally, NGINX Agent verifies that the configuration changes are successfully applied to NGINX instances.
+
+### Metrics collection
+
+NGINX Agent comes pre-packaged with an embedded OpenTelemetry Collector. This embedded collector gathers vital performance
+and health metrics for both NGINX and the underlying instance it operates on.
+
+For example, it tracks key metrics such as active connections, requests per second, HTTP status codes, and response times.
+Additionally, it collects system-level data, including CPU usage, memory consumption, and disk I/O. These insights provide
+deep observability into NGINX's behavior, enabling teams to troubleshoot issues effectively, optimize performance, and
+maintain high availability.
+
+Collected metrics can be seamlessly exported to NGINX One Console or integrated with third-party data aggregators.
diff --git a/content/includes/agent/architecture.md b/content/includes/agent/architecture.md
new file mode 100644
index 000000000..752cc19b6
--- /dev/null
+++ b/content/includes/agent/architecture.md
@@ -0,0 +1,22 @@
+---
+docs:
+files:
+ - content/agent/about.md
+ - content/nginx-one/agent/about.md
+---
+
+The figure shows:
+
+- An NGINX instance running on bare metal, virtual machine or container
+- NGINX One Cloud Console includes:
+
+ - Command Server to manage NGINX configurations, push new/updated configuration files remotely, and perform integrity tests.
+ - OpenTelemetry (OTel) Receiver that receives observability data from connected Agent instances.
+
+- An NGINX Agent process running on the NGINX instance. NGINX Agent is responsible for:
+
+ - Watching, applying, validating, automatically roll back to last good configuration if issues are detected.
+ - Embedding an OpenTelemetry Collector, collecting metrics from NGINX processes, host system performance data, then securely passing metric data to NGINX One Cloud Console.
+
+- Collection and monitoring of host metrics (CPU usage, Memory utilization, Disk I/O) by the Agent OTel collector.
+- Collected data is made available on NGINX One Cloud Console for monitoring, alerting, troubleshooting, and capacity planning purposes.
diff --git a/content/nginx-one/agent/about.md b/content/nginx-one/agent/about.md
new file mode 100644
index 000000000..0fc25820a
--- /dev/null
+++ b/content/nginx-one/agent/about.md
@@ -0,0 +1,57 @@
+---
+title: "About"
+weight: 10
+toc: true
+---
+
+{{}}
+NGINX Agent v3.0 is a major release that introduces new features and enhancements.
+
+Visit our [Update]({{< ref "/agent/install-upgrade/update.md" >}}) guide to install the latest version in your environment.
+{{}}
+
+{{< include "agent/about.md" >}}
+
+## Architecture
+
+```mermaid
+graph BT
+
+ %% Define colors for the subgraphs
+ style ManagementPlane fill:#d0eac4,stroke:#228B22,stroke-width:2px,color:#000000
+ style CommandControl fill:#cfe2f1,stroke:#1E90FF,stroke-width:2px,color:#000000
+ style OTelManagementPlane fill:#cfe2f1,stroke:#1E90FF,stroke-width:2px,color:#000000
+ style Compute fill:#cfe2f1,stroke:#1E90FF,stroke-width:2px,color:#000000
+ style NGINX fill:#b5e0b6,stroke:#008000,stroke-width:2px,color:#000000
+ style NGINXConfig fill:#b5e0b6,stroke:#008000,stroke-width:2px,color:#000000
+ style ErrorLogs fill:#b5e0b6,stroke:#008000,stroke-width:2px,color:#000000
+ style Agent fill:#b5e0b6,stroke:#008000,stroke-width:2px,color:#000000
+
+ subgraph ManagementPlane["NGINX One"]
+ CommandControl["Command Server"]
+ OTelManagementPlane["OTel Receiver"]
+ end
+
+ subgraph Compute["NGINX Instance"]
+ subgraph Agent["Agent Process"]
+ OTelDataPlane["OTel Collector"]
+ end
+
+ subgraph NGINX["NGINX Process"]
+ NGINXMetrics["Metrics"]
+ end
+ NGINXConfig["NGINX Configuration Files"]
+ ErrorLogs["NGINX Error Logs"]
+
+ Metrics["Host Metrics"] --> |Collects| OTelDataPlane
+ NGINXMetrics --> |Reads| OTelDataPlane["OTel Collector"]
+ Agent --> |Watch/Reload| NGINX
+ Agent --> |Reads| ErrorLogs
+ OTelDataPlane --> |Reads| AccessLogs["NGINX Access Logs"]
+ Agent <--> |Reads/Writes| NGINXConfig
+ end
+
+ Compute <--> |gRPC| ManagementPlane
+```
+
+{{< include "agent/architecture.md" >}}
diff --git a/go.mod b/go.mod
index a7dc51830..602575fd1 100644
--- a/go.mod
+++ b/go.mod
@@ -2,4 +2,4 @@ module github.com/nginxinc/docs
go 1.19
-require github.com/nginxinc/nginx-hugo-theme v0.42.28 // indirect
+require github.com/nginxinc/nginx-hugo-theme v0.42.30 // indirect
diff --git a/go.sum b/go.sum
index 8a25e80eb..1349b409d 100644
--- a/go.sum
+++ b/go.sum
@@ -4,3 +4,5 @@ github.com/nginxinc/nginx-hugo-theme v0.42.27 h1:D80Sf/o9lR4P0NDFfP/hCQllohz6C5q
github.com/nginxinc/nginx-hugo-theme v0.42.27/go.mod h1:DPNgSS5QYxkjH/BfH4uPDiTfODqWJ50NKZdorguom8M=
github.com/nginxinc/nginx-hugo-theme v0.42.28 h1:1SGzBADcXnSqP4rOKEhlfEUloopH6UvMg+XTyVVQyjU=
github.com/nginxinc/nginx-hugo-theme v0.42.28/go.mod h1:DPNgSS5QYxkjH/BfH4uPDiTfODqWJ50NKZdorguom8M=
+github.com/nginxinc/nginx-hugo-theme v0.42.30 h1:qcHvB8tElbFN5ZWgs/TGn5IEmvnT5PG4ImQCCbMZ/Rw=
+github.com/nginxinc/nginx-hugo-theme v0.42.30/go.mod h1:DPNgSS5QYxkjH/BfH4uPDiTfODqWJ50NKZdorguom8M=