diff --git a/public/images/bento-01-integrations.png b/public/images/bento-01-integrations.png
new file mode 100644
index 00000000..c0fbea79
Binary files /dev/null and b/public/images/bento-01-integrations.png differ
diff --git a/public/images/bento-agent.jpg b/public/images/bento-agent.jpg
new file mode 100644
index 00000000..ff3013b6
Binary files /dev/null and b/public/images/bento-agent.jpg differ
diff --git a/public/images/bento-cloud.jpg b/public/images/bento-cloud.jpg
new file mode 100644
index 00000000..f7ed8f1a
Binary files /dev/null and b/public/images/bento-cloud.jpg differ
diff --git a/public/images/bento-compute.png b/public/images/bento-compute.png
new file mode 100644
index 00000000..7d40a4c8
Binary files /dev/null and b/public/images/bento-compute.png differ
diff --git a/public/images/bento-gpu.jpg b/public/images/bento-gpu.jpg
new file mode 100644
index 00000000..d7f02332
Binary files /dev/null and b/public/images/bento-gpu.jpg differ
diff --git a/public/images/bento-network.webp b/public/images/bento-network.webp
new file mode 100644
index 00000000..cb716aa4
Binary files /dev/null and b/public/images/bento-network.webp differ
diff --git a/public/images/bento-storage.png b/public/images/bento-storage.png
new file mode 100644
index 00000000..db4a7e01
Binary files /dev/null and b/public/images/bento-storage.png differ
diff --git a/src/images/bento-compute.png b/src/images/bento-compute.png
new file mode 100644
index 00000000..8344a8ee
Binary files /dev/null and b/src/images/bento-compute.png differ
diff --git a/src/images/bento-gpu.jpg b/src/images/bento-gpu.jpg
new file mode 100644
index 00000000..d7f02332
Binary files /dev/null and b/src/images/bento-gpu.jpg differ
diff --git a/src/images/bento-storage.png b/src/images/bento-storage.png
new file mode 100644
index 00000000..db4a7e01
Binary files /dev/null and b/src/images/bento-storage.png differ
diff --git a/src/pages/home/HomeTab.tsx b/src/pages/home/HomeTab.tsx
index 863bd5ff..5292f533 100644
--- a/src/pages/home/HomeTab.tsx
+++ b/src/pages/home/HomeTab.tsx
@@ -47,7 +47,7 @@ export function HomeTab() {
             <div className="relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] lg:rounded-tr-[calc(2rem+1px)]">
               <img
                 alt=""
-                src="https://tailwindcss.com/plus-assets/img/component-images/bento-01-releases.png"
+                src="/images/bento-agent.jpg"
                 className="h-50 object-cover object-left lg:object-right"
               />
               <div className="px-8 pt-4 pb-0">
@@ -64,11 +64,11 @@ export function HomeTab() {
           {/* ✅ ✅ MIDDLE ROW (half-height, equal spacing) */}
           <div className="relative lg:col-span-6">
             <div className="absolute inset-0 bg-white rounded-[calc(var(--radius-lg)+1px)]" />
-            <div className="relative flex flex-col items-center justify-center py-6 text-center rounded-[calc(var(--radius-lg)+1px)] shadow-sm">
+            <div className="relative flex flex-col items-center justify-center pb-4 text-center rounded-[calc(var(--radius-lg)+1px)] shadow-sm">
               <img
                 alt=""
-                src="https://tailwindcss.com/plus-assets/img/component-images/bento-01-releases.png"
-                className="h-50 object-cover object-left lg:object-right"
+                src="/images/bento-cloud.jpg"
+                className=" object-cover object-center lg:object-center"
               />
               <div className="px-8 pt-4 pb-0">
                 <h3 className="text-sm/4 font-semibold text-cyan-500">Agents</h3>
@@ -87,7 +87,7 @@ export function HomeTab() {
             <div className="relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] lg:rounded-bl-[calc(2rem+1px)]">
               <img
                 alt=""
-                src="https://tailwindcss.com/plus-assets/img/component-images/bento-01-speed.png"
+                src="/images/bento-compute.png"
                 className="h-50 object-cover object-left"
               />
               <div className="px-8 pt-4 pb-0">
@@ -106,8 +106,8 @@ export function HomeTab() {
             <div className="relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)]">
               <img
                 alt=""
-                src="https://tailwindcss.com/plus-assets/img/component-images/bento-01-integrations.png"
-                className="h-50 object-cover"
+                src="/images/bento-storage.png"
+                className="h-50 object-contain px-1"
               />
               <div className="px-8 pt-4 pb-0">
                 <h3 className="text-sm/4 font-semibold text-cyan-500">Storage</h3>
@@ -125,7 +125,7 @@ export function HomeTab() {
             <div className="relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] max-lg:rounded-b-[calc(2rem+1px)] lg:rounded-br-[calc(2rem+1px)]">
               <img
                 alt=""
-                src="https://tailwindcss.com/plus-assets/img/component-images/bento-01-network.png"
+                src="/images/bento-gpu.jpg"
                 className="h-50 object-cover"
               />
               <div className="px-8 pt-4 pb-0">