From 81630f64b7bdf6ca8c729f29eeb1ddf0b21769ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Cailly?= <jeremy.cailly@hotmail.fr>
Date: Mon, 23 Jun 2025 09:03:05 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=B1=20fix=20responsive=20issue=20on=20?=
 =?UTF-8?q?contact=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/agency/[city]/page.tsx                 |  2 +-
 .../marketing/agency/contact-cta.tsx           | 18 +++++++++---------
 tailwind.config.ts                             |  3 +++
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/app/agency/[city]/page.tsx b/src/app/agency/[city]/page.tsx
index 7b07db1ce..8c871c5ab 100644
--- a/src/app/agency/[city]/page.tsx
+++ b/src/app/agency/[city]/page.tsx
@@ -72,7 +72,7 @@ export default async function CityPage({ params }: AgencyPageProps) {
   ];
   
   return (
-    <main className="min-h-screen pt-32 pb-16">
+    <main className="min-h-screen pt-32 pb-16 w-full">
       
       <LocalBusinessSchema 
         type="ProfessionalService"
diff --git a/src/components/marketing/agency/contact-cta.tsx b/src/components/marketing/agency/contact-cta.tsx
index 1644b7a74..8b3a926ae 100644
--- a/src/components/marketing/agency/contact-cta.tsx
+++ b/src/components/marketing/agency/contact-cta.tsx
@@ -46,17 +46,17 @@ const ContactCTA: React.FC<ContactCTAProps> = ({ agency }) => {
         </div>
         
         <div className="flex flex-wrap gap-4">
-          <Link href={Routes.contact}>
-            <Button size="lg">
+          <Button asChild size="lg" className="text-md xs:text-lg">
+            <Link href={Routes.contact}>
               Discuter de votre projet
               <ArrowRight className="ml-2 w-5 h-5" />
-            </Button>
-          </Link>
-          <Link href={Routes.services}>
-            <Button variant="outline" size="lg">
-              Découvrir nos services
-            </Button>
-          </Link>
+            </Link>
+          </Button>
+          <Button asChild variant="outline" size="lg">
+            <Link href={Routes.services}>
+              Découvrir nos services  
+            </Link>
+          </Button>
         </div>
       </div>
     </div>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 45cdf1039..8353e57e0 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -10,6 +10,9 @@ export default {
 	],
 	theme: {
 		extend: {
+			screens: {
+				'xs': '480px'
+			},
 			fontFamily: {
 				sans: ["var(--font-figtree)"],
 			},