refactor: standardize vertical spacing across feature sections

- Reduced py-10 to py-8 for consistent spacing in feature grids and carousels
- Restructured HomeHosting and HomeTab sections with full-width border layout pattern
- Replaced HomeTab card grid with bento-style component showcase layout
This commit is contained in:
2025-11-06 19:46:09 +01:00
parent 7ee6da68fe
commit ae3e78f75a
12 changed files with 194 additions and 122 deletions

View File

@@ -59,7 +59,7 @@ export default function FeaturesSectionDemo() {
},
];
return (
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 relative z-10 py-10 max-w-7xl mx-auto">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 relative z-10 py-8 max-w-7xl mx-auto">
{features.map((feature, index) => (
<Feature key={feature.title} {...feature} index={index} />
))}
@@ -81,7 +81,7 @@ const Feature = ({
return (
<div
className={cn(
"flex flex-col lg:border-r py-10 relative group/feature dark:border-neutral-800",
"flex flex-col lg:border-r py-8 relative group/feature dark:border-neutral-800",
(index === 0 || index === 4) && "lg:border-l dark:border-neutral-800",
index < 4 && "lg:border-b dark:border-neutral-800"
)}