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

24
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"> <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"> <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="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="-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.58] min-[25rem]:scale-[0.7]"> <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 /> <HeroSvg />
</div> </div>
</div> </div>
@ -75,14 +75,15 @@ export default Home;
const TrovaCasaCTA = (props: { testi: LangDict }) => { const TrovaCasaCTA = (props: { testi: LangDict }) => {
const { testi } = props; const { testi } = props;
return ( 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">
<h1 className="font-bold text-[2.5rem] leading-none sm:text-6xl min-[26rem]:text-5xl"> <div className="flex flex-col items-center text-center">
{testi.index.titolo_1} <h1 className="font-bold text-[2.5rem] leading-none sm:text-6xl min-[26rem]:text-5xl">
<span className="text-destructive"> {testi.index.titolo_2}</span>{" "} {testi.index.titolo_1}
{testi.index.titolo_3} <span className="text-[#fb2c36]"> {testi.index.titolo_2}</span>{" "}
</h1> {testi.index.titolo_3}
<LogoSvg className="h-12 w-auto sm:h-16 md:h-20" /> </h1>
<br /> <LogoSvg className="h-12 w-auto sm:h-16 md:h-20" />
</div>
<div className="flex flex-col space-y-4 lg:justify-start"> <div className="flex flex-col space-y-4 lg:justify-start">
<Link <Link
@ -107,6 +108,9 @@ const TrovaCasaCTA = (props: { testi: LangDict }) => {
</div> */} </div> */}
</div> </div>
</div> </div>
<h1 className="font-bold text-xl sm:text-2xl">
Visita garantita o <u>ti rimborsiamo</u>!
</h1>
</div> </div>
); );
}; };