diff --git a/public/images/bento-01-integrations.png b/public/images/bento-01-integrations.png
new file mode 100644
index 0000000..c0fbea7
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 0000000..ff3013b
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 0000000..f7ed8f1
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 0000000..7d40a4c
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 0000000..d7f0233
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 0000000..cb716aa
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 0000000..db4a7e0
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 0000000..8344a8e
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 0000000..d7f0233
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 0000000..db4a7e0
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 863bd5f..5292f53 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">