From d8ce04252a7f08bf58250778bb2acaf07767ece4 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Thu, 6 Nov 2025 20:50:44 +0100
Subject: [PATCH] fix: adjust spacing in bento card grid layout

- Increased gap between cards from 4 to 6 for better visual separation
- Added bottom padding to card content area for improved spacing
---
 src/pages/home/HomeTab.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/home/HomeTab.tsx b/src/pages/home/HomeTab.tsx
index 2f2137f..298cf92 100644
--- a/src/pages/home/HomeTab.tsx
+++ b/src/pages/home/HomeTab.tsx
@@ -95,7 +95,7 @@ export function HomeTab() {
           Each component can be used on its own or combined into a fully sovereign cloud.
         </P>
 
-        <div className="mt-8 grid grid-cols-1 gap-4 sm:mt-10 lg:grid-cols-6 lg:grid-rows-3 pb-12">
+        <div className="mt-8 grid grid-cols-1 gap-6 sm:mt-10 lg:grid-cols-6 lg:grid-rows-3 pb-12">
           {bentoCards.map((card) => (
             <Link to={card.link} key={card.id} className={`relative ${card.colSpan} ${card.rowSpan} transition-transform duration-300 hover:scale-102 cursor-pointer`}>
               <div className={`absolute inset-0 rounded-md bg-white ${card.rounded}`} />
@@ -105,7 +105,7 @@ export function HomeTab() {
                   src={card.image}
                   className="h-50 object-cover object-center"
                 />
-                <div className="px-8 pt-4 pb-0">
+                <div className="px-8 pt-4 pb-6">
                   <h3 className="text-sm/4 font-semibold text-cyan-500">{card.eyebrow}</h3>
                   <p className="mt-2 text-lg font-medium lg:text-xl tracking-tight text-gray-950">{card.title}</p>
                   <p className="mt-1 max-w-lg text-sm/6 text-gray-600">