From c6b649ef33ec29bcef6f9640892d755f965b23d9 Mon Sep 17 00:00:00 2001
From: oimwiodev <oimwiodev@outlook.com>
Date: Sat, 16 May 2026 22:56:13 +0100
Subject: [PATCH] Tighten mobile trust contact spacing

---
 CHANGELOG.md                  | 1 +
 components/ContactSection.tsx | 2 +-
 components/TrustSection.tsx   | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b6dbd49..9a737b2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,7 @@ All notable changes to the New Optic website will be documented in this file.
 - Corrected the French 2004 trust wording to use "depuis" without "autour de".
 - Tightened mobile sizing for the WhatsApp nav pill and hero trust badge.
 - Balanced mobile navbar controls so the language switcher, WhatsApp CTA, and menu do not bunch up on the right.
+- Reduced the mobile gap between the reputation section and contact panel.
 
 ## [1.0.0] - 2026-05-16
 
diff --git a/components/ContactSection.tsx b/components/ContactSection.tsx
index 31c3778..f2a1e99 100644
--- a/components/ContactSection.tsx
+++ b/components/ContactSection.tsx
@@ -7,7 +7,7 @@ import PhysicsButton from "./PhysicsButton";
 
 export default function ContactSection({ t, whatsappUrl }: { t: Messages; whatsappUrl: string }) {
   return (
-    <AnimatedSection id="contact" className="px-4 py-20 sm:px-6">
+    <AnimatedSection id="contact" className="px-4 pb-16 pt-6 sm:px-6 sm:py-20">
       <div className="mx-auto grid max-w-7xl gap-6 lg:grid-cols-[1.08fr_0.92fr]">
         <div className="rounded-[3rem] bg-white p-8 shadow-glass sm:p-12">
           <p className="mb-4 text-xs font-semibold uppercase tracking-[0.28em] text-optical/75">{t.contact.eyebrow}</p>
diff --git a/components/TrustSection.tsx b/components/TrustSection.tsx
index e2e6a02..c158463 100644
--- a/components/TrustSection.tsx
+++ b/components/TrustSection.tsx
@@ -5,7 +5,7 @@ import SectionHeader from "./SectionHeader";
 
 export default function TrustSection({ t }: { t: Messages }) {
   return (
-    <AnimatedSection id="trust" className="px-4 py-20 sm:px-6">
+    <AnimatedSection id="trust" className="px-4 pb-8 pt-16 sm:px-6 sm:py-20">
       <div className="mx-auto max-w-7xl overflow-hidden rounded-[3rem] bg-ink p-8 text-white shadow-glass sm:p-12 lg:p-16">
         <SectionHeader eyebrow={t.trust.eyebrow} title={t.trust.title} body={t.trust.body} tone="dark" />
         <motion.div className="mt-12 grid gap-4 md:grid-cols-3" initial={false} whileInView="show" viewport={{ once: true, amount: 0.08 }} variants={{ show: { transition: { staggerChildren: 0.12 } } }}>