From 2afaa5958b5e6f15f05e9cb6426d5f1f8f585d8e Mon Sep 17 00:00:00 2001
From: Mackie <iwan.mackie@gmail.com>
Date: Fri, 5 Jun 2026 16:50:54 +0800
Subject: [PATCH] wrappers

---
 src/blocks/AboutProfile/Component.tsx | 2 +-
 src/blocks/BentoRow/Component.tsx     | 2 +-
 src/blocks/Contact/Component.tsx      | 2 +-
 src/blocks/KanbanColor/Component.tsx  | 2 +-
 src/blocks/Showcase/Component.tsx     | 2 +-
 src/blocks/Skills/Component.tsx       | 2 +-
 src/blocks/ToolStack/Component.tsx    | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/blocks/AboutProfile/Component.tsx b/src/blocks/AboutProfile/Component.tsx
index efeda2e..a3cc99c 100644
--- a/src/blocks/AboutProfile/Component.tsx
+++ b/src/blocks/AboutProfile/Component.tsx
@@ -46,7 +46,7 @@ export function AboutProfileBlock({
 
   return (
     // Standardized vertical padding and alignment
-    <section className="w-full max-w-5xl mx-auto py-20 md:py-28">
+    <section className="w-full max-w-5xl mx-auto py-12 md:py-28">
       {(heading || subheading) && (
         <div className="text-center mb-16">
           {heading && (
diff --git a/src/blocks/BentoRow/Component.tsx b/src/blocks/BentoRow/Component.tsx
index 52d117a..aa88f35 100644
--- a/src/blocks/BentoRow/Component.tsx
+++ b/src/blocks/BentoRow/Component.tsx
@@ -19,7 +19,7 @@ export function BentoRowBlock(props: BentoRowBlockProps) {
 
   return (
     // Standardized vertical padding and container constraints
-    <section className="w-full max-w-5xl mx-auto py-20 md:py-28">
+    <section className="w-full max-w-5xl mx-auto py-12 md:py-28">
       <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
         {/* About Section */}
         <div className="bg-muted/50 border border-foreground/10 rounded-2xl p-8 flex flex-col justify-between gap-8">
diff --git a/src/blocks/Contact/Component.tsx b/src/blocks/Contact/Component.tsx
index 996017a..971a314 100644
--- a/src/blocks/Contact/Component.tsx
+++ b/src/blocks/Contact/Component.tsx
@@ -19,7 +19,7 @@ export function ContactBlock(props: ContactBlockProps) {
   const { heading, subtext, email, links } = props
 
   return (
-    <section className="w-full max-w-5xl mx-auto px-6 py-16">
+    <section className="w-full max-w-5xl mx-auto px-6 py-12">
       <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
         <div className="bg-muted/50 border border-foreground/8 rounded-xl p-6 flex flex-col justify-between gap-6">
           <div>
diff --git a/src/blocks/KanbanColor/Component.tsx b/src/blocks/KanbanColor/Component.tsx
index 1c07f7e..674fa37 100644
--- a/src/blocks/KanbanColor/Component.tsx
+++ b/src/blocks/KanbanColor/Component.tsx
@@ -19,7 +19,7 @@ export function KanbanColorBlock({ columns }: Props) {
 
   return (
     // Standardized vertical padding to match other page sections
-    <section className="w-full max-w-5xl mx-auto py-20 md:py-28">
+    <section className="w-full max-w-5xl mx-auto py-12 md:py-28">
       <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
         {columns.map((col, i) => {
           const { border, dot } = colorMap[col.color ?? 'gray'] ?? colorMap.gray
diff --git a/src/blocks/Showcase/Component.tsx b/src/blocks/Showcase/Component.tsx
index 68647eb..0fc5ba2 100644
--- a/src/blocks/Showcase/Component.tsx
+++ b/src/blocks/Showcase/Component.tsx
@@ -71,7 +71,7 @@ export function ShowcaseBlock(props: ShowcaseBlockProps): React.ReactElement | n
   if (!Array.isArray(items) || items.length === 0) return null
 
   return (
-    <section className="w-full max-w-5xl mx-auto px-6 py-16">
+    <section className="w-full max-w-5xl mx-auto px-6 py-12">
       {(heading || subheading) && (
         <div className="mb-8">
           {heading && <h2 className="text-2xl font-medium text-foreground mb-2">{heading}</h2>}
diff --git a/src/blocks/Skills/Component.tsx b/src/blocks/Skills/Component.tsx
index cf7be32..639884b 100644
--- a/src/blocks/Skills/Component.tsx
+++ b/src/blocks/Skills/Component.tsx
@@ -14,7 +14,7 @@ type SkillsBlockProps = {
 
 export function SkillsBlock({ heading, keySkills, categories }: SkillsBlockProps) {
   return (
-    <section className="w-full max-w-5xl mx-auto px-6 py-16">
+    <section className="w-full max-w-5xl mx-auto px-6 py-12">
       {heading && (
         <p className="text-center text-xs tracking-widest uppercase text-foreground/30 mb-6">
           {heading}
diff --git a/src/blocks/ToolStack/Component.tsx b/src/blocks/ToolStack/Component.tsx
index f472356..9a4487d 100644
--- a/src/blocks/ToolStack/Component.tsx
+++ b/src/blocks/ToolStack/Component.tsx
@@ -10,7 +10,7 @@ export function ToolStackBlock({ heading, tools }: ToolStackBlockProps) {
 
   return (
     // Standardized vertical spacing to match other page sections
-    <section className="w-full max-w-5xl mx-auto py-20 md:py-28">
+    <section className="w-full max-w-5xl mx-auto py-12 md:py-28">
       <div className="bg-muted/50 border border-foreground/10 rounded-2xl p-8">
         {heading && (
           <p className="text-[10px] font-bold tracking-[0.2em] uppercase text-foreground/30 mb-6">