diff --git a/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.svelte
index d0caac9cfd..b5b114d9af 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.svelte
@@ -1,15 +1,10 @@
 <script lang="ts">
-    import { base } from '$app/paths';
-    import { page } from '$app/state';
-    import { Container, Usage, UsageMultiple } from '$lib/layout';
+    import { Container, UsageMultiple } from '$lib/layout';
     import { Layout } from '@appwrite.io/pink-svelte';
     import type { PageData } from './$types';
 
     export let data: PageData;
 
-    $: total = data.databasesTotal;
-    $: count = data.databases;
-
     $: reads = data.databasesReads;
     $: readsTotal = data.databasesReadsTotal;
 
@@ -19,15 +14,6 @@
 
 <Container>
     <Layout.Stack gap="l">
-        <Usage
-            path={`${base}/project-${page.params.region}-${page.params.project}/databases/usage`}
-            {total}
-            {count}
-            countMetadata={{
-                legend: 'Databases',
-                title: 'Total databases'
-            }} />
-
         <UsageMultiple
             title="Reads and writes"
             showHeader={false}
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/header.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/header.svelte
index 465aae173a..22f1ac8671 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/header.svelte
@@ -31,7 +31,7 @@
         {
             href: `${path}/usage`,
             title: 'Usage',
-            event: 'sage',
+            event: 'usage',
             hasChildren: true
         },
         {
diff --git a/src/routes/(console)/project-[region]-[project]/functions/header.svelte b/src/routes/(console)/project-[region]-[project]/functions/header.svelte
index 9cbab48b05..7b83bca36d 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/header.svelte
@@ -19,11 +19,6 @@
             href: `${path}/templates`,
             title: 'Templates',
             event: 'templates'
-        },
-        {
-            href: `${path}/usage`,
-            title: 'Usage',
-            event: 'usage'
         }
     ];
 </script>
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 a91d5a6f3f..3ef899e530 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,20 +1,5 @@
 <script lang="ts">
-    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;
+    import { Container } from '$lib/layout';
 </script>
 
-<Container>
-    <Usage
-        path={`${base}/project-${page.params.region}-${page.params.project}/functions/usage`}
-        countMetadata={{
-            legend: 'Functions',
-            title: 'Total functions'
-        }}
-        {total}
-        {count} />
-</Container>
+<Container></Container>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.ts
index 6a4ec0fc18..80b1ec6bf5 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.ts
@@ -1,16 +1,3 @@
-import { isValueOfStringEnum } from '$lib/helpers/types';
-import { sdk } from '$lib/stores/sdk';
-import { UsageRange } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ params }) => {
-    const period = isValueOfStringEnum(UsageRange, params.period)
-        ? params.period
-        : UsageRange.ThirtyDays;
-
-    return {
-        ...(await sdk
-            .forProject(params.region, params.project)
-            .functions.listUsage({ range: period }))
-    };
-};
+export const load: PageLoad = async () => ({});
diff --git a/src/routes/(console)/project-[region]-[project]/sites/header.svelte b/src/routes/(console)/project-[region]-[project]/sites/header.svelte
index 511fcc0d36..037c8dd016 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/header.svelte
@@ -13,11 +13,6 @@
             title: 'Sites',
             event: 'sites',
             hasChildren: true
-        },
-        {
-            href: `${path}/usage`,
-            title: 'Usage',
-            event: 'usage'
         }
     ];
 </script>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/header.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/header.svelte
index 44a68d3d5c..e2da0914a7 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/header.svelte
@@ -28,11 +28,6 @@
             title: 'Domains',
             event: 'domains'
         },
-        {
-            href: `${path}/usage`,
-            title: 'Usage',
-            event: 'usage'
-        },
         {
             href: `${path}/settings`,
             title: 'Settings',
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.svelte
index c2b841035d..cb464c166c 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.svelte
@@ -1,33 +1,7 @@
 <script lang="ts">
-    import { base } from '$app/paths';
-    import { page } from '$app/state';
-    import { Container, Usage } from '$lib/layout';
+    import { Container } from '$lib/layout';
 
     export let data;
-    $: total = data.deploymentsTotal;
-    $: count = data.deployments;
-
-    // $: totalBuilds = data.buildsTotal;
-    // $: countBuilds = data.builds;
 </script>
 
-<Container>
-    <Usage
-        path={`${base}/project-${page.params.region}-${page.params.project}/sites/site-${page.params.site}/usage`}
-        countMetadata={{
-            legend: 'Deployments',
-            title: 'Total deployments'
-        }}
-        {total}
-        {count} />
-
-    <!-- <Usage
-    title="Builds"
-    path={`${base}/project-${page.params.region}-${page.params.project}/sites/site-${page.params.site}/usage`}
-    countMetadata={{
-        legend: 'Builds',
-        title: 'Total builds'
-        }}
-        total={totalBuilds}
-        count={countBuilds} /> -->
-</Container>
+<Container></Container>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.ts
index 169caa3e58..80b1ec6bf5 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.ts
@@ -1,17 +1,3 @@
-import { isValueOfStringEnum } from '$lib/helpers/types';
-import { sdk } from '$lib/stores/sdk';
-import { UsageRange } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ params }) => {
-    const period = isValueOfStringEnum(UsageRange, params.period)
-        ? params.period
-        : UsageRange.ThirtyDays;
-
-    return {
-        ...(await sdk.forProject(params.region, params.project).sites.getUsage({
-            siteId: params.site,
-            range: period
-        }))
-    };
-};
+export const load: PageLoad = async () => ({});
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 4dec5a14e4..3ef899e530 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,20 +1,5 @@
 <script lang="ts">
-    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;
+    import { Container } from '$lib/layout';
 </script>
 
-<Container>
-    <Usage
-        path={`${base}/project-${page.params.region}-${page.params.project}/sites/usage`}
-        countMetadata={{
-            legend: 'Sites',
-            title: 'Total sites'
-        }}
-        {total}
-        {count} />
-</Container>
+<Container></Container>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.ts
index f9782fef9b..80b1ec6bf5 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.ts
@@ -1,14 +1,3 @@
-import { isValueOfStringEnum } from '$lib/helpers/types';
-import { sdk } from '$lib/stores/sdk';
-import { UsageRange } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ params }) => {
-    const period = isValueOfStringEnum(UsageRange, params.period)
-        ? params.period
-        : UsageRange.ThirtyDays;
-
-    return {
-        ...(await sdk.forProject(params.region, params.project).sites.listUsage({ range: period }))
-    };
-};
+export const load: PageLoad = async () => ({});
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/header.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/header.svelte
index 5bdf521833..8748b494b4 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/header.svelte
@@ -17,12 +17,6 @@
             event: 'files',
             hasChildren: true
         },
-        {
-            href: `${path}/usage`,
-            title: 'Usage',
-            event: 'usage',
-            hasChildren: true
-        },
         {
             href: `${path}/settings`,
             event: 'settings',
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte
index 3c39c5f9ef..3ef899e530 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte
@@ -1,33 +1,5 @@
 <script lang="ts">
-    import { base } from '$app/paths';
-    import { page } from '$app/state';
-    import { Container, Usage } from '$lib/layout';
-
-    export let data;
-    $: filesTotal = data.filesTotal;
-    $: files = data.files;
-    $: transformationsTotal = data.imageTransformationsTotal;
-    $: transformations = data.imageTransformations;
+    import { Container } from '$lib/layout';
 </script>
 
-<Container>
-    <Usage
-        path={`${base}/project-${page.params.region}-${page.params.project}/storage/bucket-${page.params.bucket}/usage`}
-        total={filesTotal}
-        count={files}
-        countMetadata={{
-            legend: 'Files',
-            title: 'Total files'
-        }} />
-
-    <Usage
-        path={`${base}/project-${page.params.region}-${page.params.project}/storage/bucket-${page.params.bucket}/usage`}
-        total={transformationsTotal}
-        count={transformations}
-        countMetadata={{
-            legend: 'Image transformations',
-            title: 'Total transformations'
-        }}
-        isCumulative
-        hidePeriodSelect />
-</Container>
+<Container></Container>
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.ts
index e840f385bd..80b1ec6bf5 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.ts
@@ -1,22 +1,3 @@
-import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
-import { isValueOfStringEnum } from '$lib/helpers/types';
-import { UsageRange, type Models } from '@appwrite.io/console';
 
-export const load: PageLoad = async ({ params }) => {
-    const period = isValueOfStringEnum(UsageRange, params.period)
-        ? params.period
-        : UsageRange.ThirtyDays;
-
-    const response = await sdk.forProject(params.region, params.project).storage.getBucketUsage({
-        bucketId: params.bucket,
-        range: period
-    });
-
-    return {
-        filesTotal: response.filesTotal,
-        files: response.files as Models.Metric[],
-        imageTransformationsTotal: response.imageTransformationsTotal,
-        imageTransformations: response.imageTransformations as Models.Metric[]
-    };
-};
+export const load: PageLoad = async () => ({});
diff --git a/src/routes/(console)/project-[region]-[project]/storage/header.svelte b/src/routes/(console)/project-[region]-[project]/storage/header.svelte
index 24aa16ec32..8a63a5c9f5 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/header.svelte
@@ -13,12 +13,6 @@
             title: 'Buckets',
             event: 'buckets',
             hasChildren: true
-        },
-        {
-            href: `${path}/usage`,
-            title: 'Usage',
-            event: 'usage',
-            hasChildren: true
         }
     ];
 </script>
diff --git a/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.svelte
index 659277fbd2..3ef899e530 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.svelte
@@ -1,20 +1,5 @@
 <script lang="ts">
-    import { base } from '$app/paths';
-    import { page } from '$app/state';
-    import { Container, Usage } from '$lib/layout';
-
-    export let data;
-    $: total = data.bucketsTotal;
-    $: count = data.buckets;
+    import { Container } from '$lib/layout';
 </script>
 
-<Container>
-    <Usage
-        path={`${base}/project-${page.params.region}-${page.params.project}/storage/usage`}
-        {total}
-        {count}
-        countMetadata={{
-            legend: 'Buckets',
-            title: 'Total buckets'
-        }} />
-</Container>
+<Container></Container>
diff --git a/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.ts
index 619804280d..80b1ec6bf5 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.ts
@@ -1,14 +1,3 @@
-import { isValueOfStringEnum } from '$lib/helpers/types';
-import { sdk } from '$lib/stores/sdk';
-import { UsageRange } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ params }) => {
-    const period = isValueOfStringEnum(UsageRange, params.period)
-        ? params.period
-        : UsageRange.ThirtyDays;
-
-    return {
-        ...(await sdk.forProject(params.region, params.project).storage.getUsage({ range: period }))
-    };
-};
+export const load: PageLoad = async () => ({});