diff --git a/README.md b/README.md
index 09116bf..dc5c331 100644
--- a/README.md
+++ b/README.md
@@ -73,14 +73,9 @@ npm run dev
 
 ## Contributing
 
-Guidelines for contributing to the project.
-
-1. Fork the repository.
-2. Create a new branch (`git checkout -b feature-branch`).
-3. Make your changes.
-4. Commit your changes (`git commit -m 'Add some feature'`).
-5. Push to the branch (`git push origin feature-branch`).
-6. Open a pull request.
+This app uses [@lakekeeper/console-components](https://github.com/lakekeeper/console-components) as its shared component library. For the full contributing guide — including local development setup, linking the library, and starting the backend — see:
+
+**[console-components/CONTRIBUTING.md](https://github.com/lakekeeper/console-components/blob/main/CONTRIBUTING.md)**
 
 ## License
 
diff --git a/package-lock.json b/package-lock.json
index bfa0720..f2dbf3d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "catalog",
       "version": "0.10.3",
       "dependencies": {
-        "@lakekeeper/console-components": "github:lakekeeper/console-components#v0.2.31",
+        "@lakekeeper/console-components": "github:lakekeeper/console-components#v0.3.0",
         "@mdi/font": "7.4.47",
         "json-bigint": "^1.0.0",
         "oidc-client-ts": "^3.3.0",
@@ -972,8 +972,8 @@
       "license": "MIT"
     },
     "node_modules/@lakekeeper/console-components": {
-      "version": "0.2.31",
-      "resolved": "git+ssh://git@github.com/lakekeeper/console-components.git#c15a6d0347c2131e418240afd32f84730fbdb3e0",
+      "version": "0.3.0",
+      "resolved": "git+ssh://git@github.com/lakekeeper/console-components.git#5632980b9728029cda13bd8c47c91f2c7a06d8d0",
       "license": "Apache-2.0",
       "dependencies": {
         "@codemirror/commands": "^6.10.0",
diff --git a/package.json b/package.json
index b53c661..7f0911f 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "unlink": "npm unlink --no-save @lakekeeper/console-components 2>/dev/null; rm -rf node_modules package-lock.json && npm install"
   },
   "dependencies": {
-    "@lakekeeper/console-components": "github:lakekeeper/console-components#v0.2.31",
+    "@lakekeeper/console-components": "github:lakekeeper/console-components#v0.3.0",
     "@mdi/font": "7.4.47",
     "json-bigint": "^1.0.0",
     "oidc-client-ts": "^3.3.0",
diff --git a/src/components/Home.vue b/src/components/Home.vue
index f6ee877..f32cc82 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -30,87 +30,72 @@
         </v-col>
       </v-row>
 
-      <!-- Row 2: GitHub Button with Stats -->
-      <v-row class="github-row">
-        <v-col cols="12" class="text-center py-2">
-          <div class="d-flex align-center justify-center flex-wrap gap-2 mb-3">
-            <v-chip v-if="version" class="stat-chip mr-2" size="small" variant="flat">
-              <v-icon start size="small">mdi-tag-outline</v-icon>
-              {{ version }}
-            </v-chip>
-            <v-chip v-if="starCount > 0" class="stat-chip mr-2" size="small" variant="flat">
-              <v-icon start size="small">mdi-star-outline</v-icon>
-              {{ formatCount(starCount) }}
-            </v-chip>
-            <v-chip v-if="forksCount > 0" class="stat-chip" size="small" variant="flat">
-              <v-icon start size="small">mdi-source-fork</v-icon>
-              {{ formatCount(forksCount) }}
-            </v-chip>
-          </div>
-          <v-btn
-            class="github-btn"
+      <!-- Row 3: Community Actions -->
+      <v-row class="py-2" justify="center">
+        <v-col cols="12" sm="4">
+          <v-card
+            class="community-card"
+            variant="outlined"
             href="https://github.com/lakekeeper/lakekeeper"
-            prepend-icon="mdi-github"
             rel="noopener noreferrer"
-            target="_blank"
-            variant="elevated">
-            ⭐ us on GitHub
-          </v-btn>
-        </v-col>
-      </v-row>
-
-      <!-- Row 3: Quick Access Cards -->
-      <v-row class="quick-access-row py-3" justify="center">
-        <v-col cols="6" sm="3">
-          <v-card
-            class="feature-card text-center"
-            elevation="1"
-            @click="$router.push('/warehouse')">
-            <v-card-text class="pa-2">
-              <v-icon color="primary" size="28">mdi-warehouse</v-icon>
-              <div class="text-body-2 font-weight-bold mt-1">Warehouses</div>
-              <div class="text-caption text-medium-emphasis">Manage data warehouses</div>
-            </v-card-text>
-          </v-card>
-        </v-col>
-        <v-col cols="6" sm="3">
-          <v-card class="feature-card text-center" elevation="1" @click="routeToRoles">
-            <v-card-text class="pa-2">
-              <v-icon color="success" size="28">mdi-shield-account</v-icon>
-              <div class="text-body-2 font-weight-bold mt-1">Roles</div>
-              <div class="text-caption text-medium-emphasis">Configure access control</div>
+            target="_blank">
+            <v-card-text class="d-flex align-center pa-3">
+              <v-avatar color="grey-darken-3" size="36" class="mr-3">
+                <v-icon color="white" size="20">mdi-github</v-icon>
+              </v-avatar>
+              <div>
+                <div class="text-body-2 font-weight-bold">Star us on GitHub</div>
+                <div class="text-caption text-medium-emphasis">Show your support</div>
+              </div>
             </v-card-text>
           </v-card>
         </v-col>
-        <v-col cols="6" sm="3">
-          <v-card class="feature-card text-center" elevation="1" @click="$router.push('/loqe')">
-            <v-card-text class="pa-2">
-              <v-icon color="warning" size="28">mdi-console</v-icon>
-              <div class="d-flex align-center justify-center mt-1">
-                <span class="text-body-2 font-weight-bold">LoQE</span>
-                <v-chip size="x-small" color="info" variant="tonal" class="ml-1">Beta</v-chip>
+        <v-col cols="12" sm="4">
+          <v-card
+            class="community-card"
+            variant="outlined"
+            href="https://github.com/lakekeeper/console-components/blob/main/CONTRIBUTING.md"
+            rel="noopener noreferrer"
+            target="_blank">
+            <v-card-text class="d-flex align-center pa-3">
+              <v-avatar color="primary" size="36" class="mr-3">
+                <v-icon color="white" size="20">mdi-hand-heart</v-icon>
+              </v-avatar>
+              <div>
+                <div class="text-body-2 font-weight-bold">Contribute</div>
+                <div class="text-caption text-medium-emphasis">Help build Lakekeeper</div>
               </div>
-              <div class="text-caption text-medium-emphasis">Query your data lake</div>
             </v-card-text>
           </v-card>
         </v-col>
-        <v-col cols="6" sm="3">
+        <v-col cols="12" sm="4">
           <v-card
-            class="feature-card text-center"
-            elevation="1"
-            href="https://docs.lakekeeper.io"
+            class="community-card"
+            variant="outlined"
+            :href="`https://www.linkedin.com/feed/?shareActive=true&text=${encodeURIComponent('I\'m using Lakekeeper — an open-source Apache Iceberg REST Catalog for data lakehouse management! 🚀\n\nhttps://github.com/lakekeeper/lakekeeper')}`"
             rel="noopener noreferrer"
             target="_blank">
-            <v-card-text class="pa-2">
-              <v-icon color="info" size="28">mdi-book-open-page-variant</v-icon>
-              <div class="text-body-2 font-weight-bold mt-1">Documentation</div>
-              <div class="text-caption text-medium-emphasis">Learn how to use it</div>
+            <v-card-text class="d-flex align-center pa-3">
+              <v-avatar color="blue-darken-3" size="36" class="mr-3">
+                <v-icon color="white" size="20">mdi-linkedin</v-icon>
+              </v-avatar>
+              <div>
+                <div class="text-body-2 font-weight-bold">Share on LinkedIn</div>
+                <div class="text-caption text-medium-emphasis">Spread the word</div>
+              </div>
             </v-card-text>
           </v-card>
         </v-col>
       </v-row>
 
-      <!-- Row 4: Quick Links -->
+      <!-- Row 4: Dashboard Statistics -->
+      <v-row class="py-2">
+        <v-col cols="12">
+          <HomeStatistics />
+        </v-col>
+      </v-row>
+
+      <!-- Row 6: Quick Links -->
       <v-row class="links-row py-2">
         <v-col cols="12">
           <div class="quick-links-grid">
@@ -316,9 +301,14 @@
 </template>
 
 <script setup lang="ts">
-import { useFunctions, useUserStore, useVisualStore } from '@lakekeeper/console-components';
+import {
+  useFunctions,
+  useUserStore,
+  useVisualStore,
+  HomeStatistics,
+} from '@lakekeeper/console-components';
 import { inject, onMounted, onUnmounted, reactive, ref } from 'vue';
-import * as env from '@/app.config';
+// import * as env from '@/app.config';
 
 import router from '@/router';
 import { Type } from '@lakekeeper/console-components';
@@ -338,9 +328,6 @@ const user = reactive({
   'user-type': 'human',
 });
 
-const starCount = ref(0);
-const forksCount = ref(0);
-const version = ref('0');
 const loading = ref(true);
 
 // Tic-Tac-Toe Game state
@@ -349,25 +336,6 @@ const currentPlayer = ref<'X' | 'O'>('X');
 const gameOver = ref(false);
 const winner = ref<'X' | 'O' | 'draw' | null>(null);
 
-const formatCount = (count: number): string => {
-  if (count < 1000) {
-    return count.toString();
-  }
-
-  const thousands = count / 1000;
-
-  // Round to 1 decimal place
-  const rounded = Math.round(thousands * 10) / 10;
-
-  // If it's a whole number (like 1.0, 2.0), show without decimal
-  if (rounded % 1 === 0) {
-    return `${rounded.toFixed(0)}k`;
-  }
-
-  // Otherwise show with 1 decimal place
-  return `${rounded.toFixed(1)}k`;
-};
-
 const checkWinner = (): 'X' | 'O' | 'draw' | null => {
   const winPatterns = [
     [0, 1, 2],
@@ -479,7 +447,6 @@ const resetGame = () => {
 };
 
 onMounted(async () => {
-  fetchGitHub();
   await checkAccessStatus();
 
   loading.value = false;
@@ -500,44 +467,6 @@ const logout = () => {
   router.push('/login');
 };
 
-async function fetchGitHub() {
-  try {
-    const response = await fetch('https://api.github.com/repos/lakekeeper/lakekeeper');
-    const data = await response.json();
-    starCount.value = data.stargazers_count;
-    forksCount.value = data.forks_count;
-
-    const res = await fetch('https://api.github.com/repos/lakekeeper/lakekeeper/tags');
-
-    type Release = {
-      name: string;
-    };
-
-    const releases: Release[] = await res.json();
-
-    const getHighestVersion = (haystack: Release[]): string => {
-      const validReleases = haystack
-        .map((release) => release.name)
-        .filter((name) => /^v\d+\.\d+\.\d+$/.test(name)) // Exclude pre-release versions like "-rc"
-        .sort((a, b) => {
-          const versionA = a.slice(1).split('.').map(Number); // Convert version numbers to arrays of numbers
-          const versionB = b.slice(1).split('.').map(Number);
-          for (let i = 0; i < versionA.length; i++) {
-            if (versionA[i] > versionB[i]) return -1;
-            if (versionA[i] < versionB[i]) return 1;
-          }
-          return 0;
-        });
-
-      return validReleases[0]; // Always returns the highest version as a string
-    };
-
-    version.value = getHighestVersion(releases);
-  } catch (error) {
-    console.error('Error fetching GitHub star count:', error);
-  }
-}
-
 async function checkAccessStatus() {
   try {
     const data = await functions.loadProjectList();
@@ -563,20 +492,6 @@ async function checkAccessStatus() {
     console.error(error);
   }
 }
-
-function routeToRoles() {
-  if (env.enabledAuthentication && env.enabledPermissions) {
-    router.push('/roles');
-  } else {
-    visual.setSnackbarMsg({
-      function: 'routeToRoles',
-      text: 'Authorization is disabled',
-      ttl: 3000,
-      ts: Date.now(),
-      type: Type.INFO,
-    });
-  }
-}
 </script>
 
 <style scoped>
@@ -611,15 +526,6 @@ function routeToRoles() {
   }
 }
 
-.stats-row {
-  animation: fadeIn 1.2s ease-in 0.4s both;
-}
-
-.stat-chip {
-  background: rgb(var(--v-theme-surface-variant));
-  font-weight: 500;
-}
-
 .cta-buttons {
   animation: fadeIn 1.4s ease-in 0.6s both;
 }
@@ -633,6 +539,19 @@ function routeToRoles() {
   background-color: #f0f0f0 !important;
 }
 
+.community-card {
+  border-radius: 12px !important;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.community-card:hover {
+  transform: translateY(-3px);
+  box-shadow: 0 6px 20px rgba(var(--v-theme-primary), 0.25);
+  border-color: rgb(var(--v-theme-primary));
+  background: rgba(var(--v-theme-primary), 0.08);
+}
+
 .quick-access-section {
   margin-bottom: 20px;
 }
diff --git a/src/pages/warehouse/[id].namespace.[nsid].vue b/src/pages/warehouse/[id].namespace.[nsid].vue
index 5d2ca41..988f21a 100644
--- a/src/pages/warehouse/[id].namespace.[nsid].vue
+++ b/src/pages/warehouse/[id].namespace.[nsid].vue
@@ -84,6 +84,7 @@
                     v-if="tab === 'tables'"
                     :warehouse-id="params.id"
                     :namespace-path="params.nsid"
+                    :storage-layout="storageLayout"
                     :key="tableListKey" />
                 </div>
               </v-tabs-window-item>
@@ -92,7 +93,8 @@
                 <NamespaceViews
                   v-if="tab === 'views'"
                   :warehouse-id="params.id"
-                  :namespace-path="params.nsid" />
+                  :namespace-path="params.nsid"
+                  :storage-layout="storageLayout" />
               </v-tabs-window-item>
 
               <v-tabs-window-item value="deleted">
@@ -135,6 +137,7 @@ const namespaceId = ref('');
 const lastNamespaceRequest = ref(0);
 const tableListKey = ref(0);
 const storageType = ref<string | undefined>(undefined);
+const storageLayout = ref<string | undefined>(undefined);
 const warehouseName = ref<string | undefined>(undefined);
 const leftWidth = ref(300);
 const dividerHover = ref(false);
@@ -233,6 +236,8 @@ async function loadNamespaceMetadata() {
     if (warehouse['storage-profile']?.type) {
       storageType.value = warehouse['storage-profile'].type;
     }
+    storageLayout.value =
+      (warehouse['storage-profile'] as any)?.['storage-layout']?.type || 'default';
 
     const namespace = await functions.loadNamespaceMetadata(id, nsid);
     if (requestToken !== lastNamespaceRequest.value) {
@@ -248,6 +253,7 @@ async function loadNamespaceMetadata() {
     if (requestToken === lastNamespaceRequest.value) {
       namespaceId.value = '';
       storageType.value = undefined;
+      storageLayout.value = undefined;
     }
   }
 }
diff --git a/src/pages/warehouse/[id].vue b/src/pages/warehouse/[id].vue
index 6a46e90..6dc04a3 100644
--- a/src/pages/warehouse/[id].vue
+++ b/src/pages/warehouse/[id].vue
@@ -53,6 +53,13 @@
             <v-tab density="compact" value="details">Details</v-tab>
 
             <v-tab v-if="showTasksTab" density="compact" value="tasks">Tasks</v-tab>
+            <v-tab
+              v-if="showStatisticsTab"
+              density="compact"
+              value="statistics"
+              @click="loadStatistics">
+              Statistics
+            </v-tab>
             <v-tab v-if="showPermissionsTab" density="compact" value="permissions">
               permissions
             </v-tab>
@@ -79,6 +86,12 @@
                   :warehouse-id="params.id"
                   entity-type="warehouse" />
               </v-tabs-window-item>
+              <v-tabs-window-item value="statistics">
+                <WarehouseStatistics
+                  v-if="tab === 'statistics'"
+                  ref="warehouseStatisticsRef"
+                  :warehouse-id="params.id" />
+              </v-tabs-window-item>
             </v-tabs-window>
           </v-card>
         </div>
@@ -95,6 +108,7 @@ import {
   useFunctions,
   useWarehouseAuthorizerPermissions,
   useVisualStore,
+  WarehouseStatistics,
 } from '@lakekeeper/console-components';
 import { computed, ref, onMounted, watch } from 'vue';
 
@@ -180,9 +194,14 @@ const warehouseId = computed(() => params.value.id);
 
 // Use warehouse permissions composable
 // const permissions = useWarehousePermissions(warehouseId);
-const { showTasksTab } = useWarehousePermissions(warehouseId);
+const { showTasksTab, showStatisticsTab } = useWarehousePermissions(warehouseId);
 const { showPermissionsTab } = useWarehouseAuthorizerPermissions(warehouseId);
 const projectId = ref<string | undefined>(undefined);
+const warehouseStatisticsRef = ref<InstanceType<typeof WarehouseStatistics> | null>(null);
+
+function loadStatistics() {
+  warehouseStatisticsRef.value?.loadStatistics();
+}
 
 // Load warehouse data
 async function loadWarehouse() {