diff --git a/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.svelte
index 3ef899e530..9bb1f988ca 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.svelte
@@ -1,5 +1,20 @@
 <script lang="ts">
-    import { Container } from '$lib/layout';
+    import { base } from '$app/paths';
+    import { page } from '$app/state';
+    import { Container, Usage } from '$lib/layout';
+
+    export let data;
+    $: total = data.deploymentsTotal;
+    $: count = data.deployments;
 </script>
 
-<Container></Container>
+<Container>
+    <Usage
+        path={`${base}/project-${page.params.region}-${page.params.project}/functions/usage`}
+        countMetadata={{
+            legend: 'Deployments',
+            title: 'Total deployments'
+        }}
+        {total}
+        {count} />
+</Container>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.svelte
index 3ef899e530..718873387c 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.svelte
@@ -1,5 +1,20 @@
 <script lang="ts">
-    import { Container } from '$lib/layout';
+    import { base } from '$app/paths';
+    import { page } from '$app/state';
+    import { Container, Usage } from '$lib/layout';
+
+    export let data;
+    $: total = data.deploymentsTotal;
+    $: count = data.deployments;
 </script>
 
-<Container></Container>
+<Container>
+    <Usage
+        path={`${base}/project-${page.params.region}-${page.params.project}/sites/usage`}
+        countMetadata={{
+            legend: 'Deployments',
+            title: 'Total deployments'
+        }}
+        {total}
+        {count} />
+</Container>