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

feat: update AnniversaryBanner component to display static values and improve styling

Browse source
This commit is contained in:
Marco Pedone 2026-03-24 15:46:42 +01:00
parent 3d6c8452cc
commit 9014d8c092
2 changed files with 11 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
apps/infoalloggi/src/components/banners.tsx
View file

@ -120,10 +120,6 @@ export const BannerFactory = (bannerData: Banners) => {
export function AnniversaryBanner() { export function AnniversaryBanner() {
const [isVisible, setIsVisible] = useState(false); const [isVisible, setIsVisible] = useState(false);
const bannerRef = useRef<HTMLDivElement>(null); const bannerRef = useRef<HTMLDivElement>(null);
const fundingDate = new Date("2000-08-01");
const currentDate = new Date();
const yearsOfExperience =
currentDate.getFullYear() - fundingDate.getFullYear();
useEffect(() => { useEffect(() => {
const observer = new IntersectionObserver( const observer = new IntersectionObserver(
@ -149,11 +145,11 @@ export function AnniversaryBanner() {
> >
{/* Decorative background "25" */} {/* Decorative background "25" */}
<div <div
className={`absolute top-1/2 -right-8 -translate-y-1/2 font-bold text-[8rem] text-primary/10 leading-none transition-all duration-1000 md:text-[12rem] ${ className={`absolute top-1/2 -right-8 -translate-y-1/2 font-bold text-[8rem] text-primary/20 leading-none transition-all duration-1000 md:text-[12rem] ${
isVisible ? "translate-x-0 opacity-100" : "translate-x-16 opacity-0" isVisible ? "translate-x-0 opacity-100" : "translate-x-16 opacity-0"
}`} }`}
> >
{yearsOfExperience} 25
</div> </div>
{/* Main content - horizontal layout */} {/* Main content - horizontal layout */}
@ -172,7 +168,7 @@ export function AnniversaryBanner() {
</div> </div>
<div className="flex items-baseline gap-2"> <div className="flex items-baseline gap-2">
<span className="font-bold text-5xl leading-none tracking-tight md:text-6xl lg:text-7xl"> <span className="font-bold text-5xl leading-none tracking-tight md:text-6xl lg:text-7xl">
{yearsOfExperience} 25
</span> </span>
<span className="font-light text-sm uppercase tracking-[0.2em] md:text-base"> <span className="font-light text-sm uppercase tracking-[0.2em] md:text-base">
Anni Anni
@ -200,22 +196,22 @@ export function AnniversaryBanner() {
isVisible ? "translate-x-0 opacity-100" : "translate-x-8 opacity-0" isVisible ? "translate-x-0 opacity-100" : "translate-x-8 opacity-0"
}`} }`}
> >
<Stat label="Clienti" value="7500+" /> <Stat label="Clienti" value="12.5K+" />
<Stat label="Affitti" value="10K+" /> <Stat label="Contratti" value="10K+" />
</div> </div>
</div> </div>
{/* Accent lines */} {/* Accent lines */}
<div {/* <div
className={`absolute bottom-0 left-0 h-1 bg-primary transition-all delay-700 duration-1000 ${ className={`absolute bottom-0 left-0 h-1 bg-primary transition-all delay-700 duration-1000 ${
isVisible ? "w-24 md:w-32" : "w-0" isVisible ? "w-24 md:w-32" : "w-0"
}`} }`}
/> /> */}
<div {/* <div
className={`absolute top-0 right-0 h-1 bg-primary transition-all delay-700 duration-1000 ${ className={`absolute top-0 right-0 h-1 bg-primary transition-all delay-700 duration-1000 ${
isVisible ? "w-24 md:w-32" : "w-0" isVisible ? "w-24 md:w-32" : "w-0"
}`} }`}
/> /> */}
</div> </div>
); );
} }

2
apps/infoalloggi/src/utils/config.ts Normal file
View file

@ -0,0 +1,2 @@
export const DEFAULT_SERVIZIO_DURATION_DAYS = 60;
export const DEFAULT_SERVIZIO_INTERRUZIONE_DURATION_DAYS = 14;