From ddb580b3f1071a15efa7a232861d70fab042137b Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Wed, 13 May 2026 15:51:00 +0200
Subject: [PATCH] small fixes

---
 .../src/components/how-it-works.tsx           |  2 +-
 apps/infoalloggi/src/pages/contatti.tsx       | 27 ++++++++++---------
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/apps/infoalloggi/src/components/how-it-works.tsx b/apps/infoalloggi/src/components/how-it-works.tsx
index b49c8b7..ec2c456 100644
--- a/apps/infoalloggi/src/components/how-it-works.tsx
+++ b/apps/infoalloggi/src/components/how-it-works.tsx
@@ -131,7 +131,7 @@ export default function HowItWorks({ className }: { className?: string }) {
 				<div className="pointer-events-none absolute inset-y-0 left-0 hidden w-1/2 bg-linear-to-r from-background md:block"></div>
 				<div className="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 bg-linear-to-l from-background md:block"></div>
 
-				<div className="relative z-10 mx-auto max-w-6xl">
+				<div className="relative z-5 mx-auto max-w-6xl">
 					<div className="relative mx-auto flex h-auto w-full max-w-[1400px] flex-col space-y-4 sm:space-y-8 md:block md:h-[920px] md:space-y-0">
 						{features.length > 1 && (
 							<svg
diff --git a/apps/infoalloggi/src/pages/contatti.tsx b/apps/infoalloggi/src/pages/contatti.tsx
index 73b5aba..dc50bf8 100644
--- a/apps/infoalloggi/src/pages/contatti.tsx
+++ b/apps/infoalloggi/src/pages/contatti.tsx
@@ -79,9 +79,9 @@ const Contatto: NextPage = () => {
 					{t.contatti}
 				</Badge>
 
-				<div className="mx-auto flex max-w-7xl flex-col gap-10 px-4 md:px-8">
-					<div className="mx-auto max-w-lg space-y-3 sm:text-center">
-						<p className="font-semibold text-4xl text-accent-foreground">
+				<div className="flex max-w-7xl flex-col items-center justify-center gap-8 px-4 pt-2 md:px-8">
+					<div className="max-w-xl space-y-3">
+						<p className="font-semibold text-4xl text-accent-foreground sm:text-center">
 							{t.contact_form.titolo}
 						</p>
 						<p>
@@ -93,8 +93,18 @@ const Contatto: NextPage = () => {
 							</Link>{" "}
 							{t.contact_form.sottotitolo3}
 						</p>
+						<div className="flex items-center gap-2">
+							<span className="">Puoi contattarci anche su </span>
+							<Link href={`https://wa.me/3453944827`} target="_blank">
+								<Button className="" size="sm" variant="success">
+									<WhatsAppIcon2 className="size-5 fill-white" />
+									WhatsApp
+								</Button>
+							</Link>
+						</div>
 					</div>
-					<div className="mx-auto max-w-xl">
+
+					<div className="w-full max-w-2xl">
 						{hasSent ? (
 							<ContactSuccess />
 						) : (
@@ -229,15 +239,6 @@ const Contatto: NextPage = () => {
 							</Form>
 						)}
 					</div>
-					<div className="mx-auto flex items-center gap-2">
-						<span className="text-lg">Oppure contattaci via </span>
-						<Link href={`https://wa.me/3453944827`} target="_blank">
-							<Button className="text-lg" variant="success">
-								<WhatsAppIcon2 className="size-5 fill-white" />
-								WhatsApp
-							</Button>
-						</Link>
-					</div>
 				</div>
 			</main>
 		</>