Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

feat: update layout and styling for Home page and TrovaCasaCTA component

Browse source 
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
Marco Pedone 2026-05-05 15:07:38 +02:00
parent 3939d78039
commit fddb1ba9f4
1 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
apps/infoalloggi/src/pages/index.tsx
View file

@ -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">
<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-destructive"> {testi.index.titolo_2}</span>{" "}
<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" />
<br />
</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>
);
};