📱 fix responsive issue on contact button

Author: jcailly

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"

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>

tailwind.config.ts

@@ -10,6 +10,9 @@ export default {
 	],
 	theme: {
 		extend: {
+			screens: {
+				'xs': '480px'
+			},
 			fontFamily: {
 				sans: ["var(--font-figtree)"],
 			},