From fddb1ba9f4669731bd53f89c20ca9448a3ab0310 Mon Sep 17 00:00:00 2001
From: Marco Pedone <m.pedone98@gmail.com>
Date: Tue, 5 May 2026 15:07:38 +0200
Subject: [PATCH] feat: update layout and styling for Home page and
 TrovaCasaCTA component

Co-authored-by: Copilot <copilot@github.com>
---
 apps/infoalloggi/src/pages/index.tsx | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/apps/infoalloggi/src/pages/index.tsx b/apps/infoalloggi/src/pages/index.tsx
index b7b7f24..2000000 100644
--- a/apps/infoalloggi/src/pages/index.tsx
+++ b/apps/infoalloggi/src/pages/index.tsx
@@ -42,8 +42,8 @@ const Home: NextPage = () => {
 			<div className="mx-5 mt-0 mb-12 sm:mt-8">
 				<main className="mx-auto mb-4 max-w-8xl space-y-5 lg:mb-20">
 					<div className="flex flex-col items-center justify-center lg:flex-row lg:justify-around">
-						<div className="-mt-2 xs:mt-5 flex h-68 max-w-full items-center justify-center min-[22rem]:h-76 min-[25rem]:h-92 min-[27rem]:h-104">
-							<div className="flex scale-50 xxs:scale-[0.5] items-center justify-center drop-shadow-xl sm:scale-100 md:max-h-92 min-[22rem]:scale-[0.58] min-[25rem]:scale-[0.7]">
+						<div className="-mt-2 xs:mt-5 flex h-68 max-w-full items-center justify-center min-[22rem]:h-66 min-[25rem]:h-82 min-[27rem]:h-104">
+							<div className="flex scale-50 xxs:scale-[0.5] items-center justify-center drop-shadow-xl sm:scale-100 md:max-h-92 min-[22rem]:scale-[0.48] min-[25rem]:scale-[0.6]">
 								<HeroSvg />
 							</div>
 						</div>
@@ -75,14 +75,15 @@ export default Home;
 const TrovaCasaCTA = (props: { testi: LangDict }) => {
 	const { testi } = props;
 	return (
-		<div className="z-10 flex flex-col justify-center text-center sm:p-6 lg:max-w-lg">
-			<h1 className="font-bold text-[2.5rem] leading-none sm:text-6xl min-[26rem]:text-5xl">
-				{testi.index.titolo_1}
-				<span className="text-destructive"> {testi.index.titolo_2}</span>{" "}
-				{testi.index.titolo_3}
-			</h1>
-			<LogoSvg className="h-12 w-auto sm:h-16 md:h-20" />
-			<br />
+		<div className="z-10 flex flex-col justify-center gap-4 text-center sm:p-6 lg:max-w-lg">
+			<div className="flex flex-col items-center text-center">
+				<h1 className="font-bold text-[2.5rem] leading-none sm:text-6xl min-[26rem]:text-5xl">
+					{testi.index.titolo_1}
+					<span className="text-[#fb2c36]"> {testi.index.titolo_2}</span>{" "}
+					{testi.index.titolo_3}
+				</h1>
+				<LogoSvg className="h-12 w-auto sm:h-16 md:h-20" />
+			</div>
 
 			<div className="flex flex-col space-y-4 lg:justify-start">
 				<Link
@@ -107,6 +108,9 @@ const TrovaCasaCTA = (props: { testi: LangDict }) => {
 					</div> */}
 				</div>
 			</div>
+			<h1 className="font-bold text-xl sm:text-2xl">
+				Visita garantita o <u>ti rimborsiamo</u>!
+			</h1>
 		</div>
 	);
 };