infoalloggi-monorepo/apps/infoalloggi/src/pages/index.tsx

import { Telescope } from "lucide-react";
import type { NextPage } from "next";
import Head from "next/head";
import Link from "next/link";
import { AccordionComp } from "~/components/accordionComp";
import { AnniversaryBanner } from "~/components/banners";
import { CodiceBox } from "~/components/codiceRicerca";
import { ComeFunziona } from "~/components/expand_guida";
import { PricingChoice } from "~/components/prezzi";
import { HeroSvg, LogoSvg } from "~/components/svgs";
import { Button } from "~/components/ui/button";
import { env } from "~/env";
import type { LangDict } from "~/i18n/locales";
import { useTranslation } from "~/providers/I18nProvider";

/**
 * Pagina principale: /
 */
const Home: NextPage = () => {
	const { t } = useTranslation();
	const description =
		"Infoalloggi.it - Trova il tuo alloggio ideale in modo semplice e veloce. Annunci di case, appartamenti e stanze in affitto per studenti, lavoratori e famiglie. Scopri ora gli annunci!";
	return (
		<main>
			<Head>
				<meta content={description} property="description" />
				<meta content={env.NEXT_PUBLIC_BASE_URL} property="og:url" />
				<meta content="website" property="og:type" />
				<meta content="Infoalloggi.it" property="og:title" />
				<meta content={description} property="og:description" />
				<meta
					content={`${env.NEXT_PUBLIC_BASE_URL}/og.jpg`}
					property="og:image"
				/>
				<meta content="1200" property="og:image:width" />
				<meta content="630" property="og:image:height" />
				<meta
					content={`${env.NEXT_PUBLIC_BASE_URL}/Infoalloggi.png`}
					property="og:logo"
				/>
				<meta content="Infoalloggi.it" property="og:site_name" />
			</Head>
			<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-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>

						<TrovaCasaCTA testi={t} />
					</div>
				</main>

				<div className="flex w-full flex-col gap-y-4 md:gap-y-6">
					{/* <FrequentSearches /> */}
					<div className="mx-auto w-full max-w-5xl">
						<ComeFunziona />
					</div>
					<AnniversaryBanner />
					<AccordionComp
						className="w-full max-w-5xl"
						texts={t.index.accordion_minifaq}
					/>

					<PricingChoice />
				</div>
			</div>
		</main>
	);
};

export default Home;

const TrovaCasaCTA = (props: { testi: LangDict }) => {
	const { testi } = props;
	return (
		<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 href="/annunci">
					<Button
						className="w-full font-semibold text-xl"
						size="xl"
						variant="destructive"
					>
						{testi.index.CTA_Annunci} <Telescope className="ml-2 size-6" />
					</Button>
				</Link>

				<div className="relative mx-auto flex w-full items-center justify-center gap-2 py-1 [&:has(#searchOptionsBox)]:[&_#animationDiv]:invisible">
					<CodiceBox
						className="rounded-md placeholder:text-center"
						inputId="index-search"
						key={"codiceBox"}
						optionBoxClassName="left-0"
					/>
				</div>
			</div>
			{/* <Link href="/prezzi#garanzia-visite">
				<Button
					className="w-full font-semibold text-xl"
					size="lg"
					variant="outline"
				>
					<span>
						Visita garantita o <u>ti rimborsiamo</u>!
					</span>{" "}
					<ExternalLink />
				</Button>
			</Link> */}
		</div>
	);
};
refactor: remove unused annunci data fetching and components; update ricerca logic - Deleted the `annunci.ts` file which contained the database fetching logic. - Removed the `TestAppPage` component that relied on the deleted data fetching. - Eliminated the `AnnunciList` component that was dependent on the removed data. - Updated `annunci_map.tsx` to handle optional `selectComune` parameter. - Refactored `annunci_tutorial.tsx` to use `buildRicercaUrl` for navigation. - Adjusted `annuncio_card.tsx` for consistent styling and layout changes. - Modified `codiceRicerca.tsx` to fix z-index issue. - Enhanced `failed-loading.tsx` and `500Auth.tsx` for responsive design. - Updated `annunci.tsx` to include loading state for map and annunci list. - Refined filter handling in `Filters` component to use a single `setAllParams` method. - Introduced `FrequentSearches` component for better user navigation. - Updated `RicercaProvider` to streamline state management and URL building. - Adjusted server-side logic in `annunci.controller.ts` to ensure valid data. 2026-01-20 18:38:17 +01:00			`import { Telescope } from "lucide-react";`
init 2025-08-04 17:45:44 +02:00			`import type { NextPage } from "next";`
Refactor code structure for improved readability and maintainability 2025-10-07 18:07:57 +02:00			`import Head from "next/head";`
init 2025-08-04 17:45:44 +02:00			`import Link from "next/link";`
			`import { AccordionComp } from "~/components/accordionComp";`
feat: add AnniversaryBanner component with visibility animation and update Home page layout 2026-03-24 12:03:31 +01:00			`import { AnniversaryBanner } from "~/components/banners";`
eslint migration biome 2025-08-28 18:27:07 +02:00			`import { CodiceBox } from "~/components/codiceRicerca";`
feat: update dependencies and improve UI components; add ComeFunziona component for service explanation 2026-01-12 16:00:53 +01:00			`import { ComeFunziona } from "~/components/expand_guida";`
init 2025-08-04 17:45:44 +02:00			`import { PricingChoice } from "~/components/prezzi";`
eslint migration biome 2025-08-28 18:27:07 +02:00			`import { HeroSvg, LogoSvg } from "~/components/svgs";`
minor change e commented garanzia possible change 2026-05-12 16:13:34 +02:00			`import { Button } from "~/components/ui/button";`
feat: update environment variable handling and dependencies - Added @t3-oss/env-nextjs for improved environment variable management. - Updated zod to version 4.1.12 for enhanced validation capabilities. - Upgraded jiti to version 2.6.1 for better module loading. - Refactored environment variable imports from env.mjs to env.ts. - Removed deprecated env.mjs file and replaced it with a new env.ts file using @t3-oss/env-nextjs. - Adjusted various components and API routes to utilize the new environment variable structure. - Updated next.config.js to support the new environment variable management. - Modified Docker configuration to align with new BASE_URL handling. 2025-10-20 16:22:20 +02:00			`import { env } from "~/env";`
eslint migration biome 2025-08-28 18:27:07 +02:00			`import type { LangDict } from "~/i18n/locales";`
			`import { useTranslation } from "~/providers/I18nProvider";`
init 2025-08-04 17:45:44 +02:00
Add documentation comments for admin and user-facing pages - Added descriptive comments for various admin management pages including announcements, banners, blacklist, chats, and more. - Documented user-facing pages such as chat, communications, dashboard, and profile. - Included comments for authentication-related pages like password reset and invite acceptance. - Enhanced clarity on the purpose and routing of each page in the application. 2026-03-09 17:33:02 +01:00			`/**`
			`* Pagina principale: /`
			`*/`
init 2025-08-04 17:45:44 +02:00			`const Home: NextPage = () => {`
eslint migration biome 2025-08-28 18:27:07 +02:00			`const { t } = useTranslation();`
Refactor code structure for improved readability and maintainability 2025-10-07 18:07:57 +02:00			`const description =`
			`"Infoalloggi.it - Trova il tuo alloggio ideale in modo semplice e veloce. Annunci di case, appartamenti e stanze in affitto per studenti, lavoratori e famiglie. Scopri ora gli annunci!";`
eslint migration biome 2025-08-28 18:27:07 +02:00			`return (`
Refactor code structure for improved readability and maintainability 2025-10-07 18:07:57 +02:00			`<main>`
			`<Head>`
			`<meta content={description} property="description" />`
			`<meta content={env.NEXT_PUBLIC_BASE_URL} property="og:url" />`
			`<meta content="website" property="og:type" />`
			`<meta content="Infoalloggi.it" property="og:title" />`
			`<meta content={description} property="og:description" />`
			`<meta`
			content={`${env.NEXT_PUBLIC_BASE_URL}/og.jpg`}
			`property="og:image"`
			`/>`
			`<meta content="1200" property="og:image:width" />`
			`<meta content="630" property="og:image:height" />`
			`<meta`
			content={`${env.NEXT_PUBLIC_BASE_URL}/Infoalloggi.png`}
			`property="og:logo"`
			`/>`
			`<meta content="Infoalloggi.it" property="og:site_name" />`
			`</Head>`
refactor: remove unused annunci data fetching and components; update ricerca logic - Deleted the `annunci.ts` file which contained the database fetching logic. - Removed the `TestAppPage` component that relied on the deleted data fetching. - Eliminated the `AnnunciList` component that was dependent on the removed data. - Updated `annunci_map.tsx` to handle optional `selectComune` parameter. - Refactored `annunci_tutorial.tsx` to use `buildRicercaUrl` for navigation. - Adjusted `annuncio_card.tsx` for consistent styling and layout changes. - Modified `codiceRicerca.tsx` to fix z-index issue. - Enhanced `failed-loading.tsx` and `500Auth.tsx` for responsive design. - Updated `annunci.tsx` to include loading state for map and annunci list. - Refined filter handling in `Filters` component to use a single `setAllParams` method. - Introduced `FrequentSearches` component for better user navigation. - Updated `RicercaProvider` to streamline state management and URL building. - Adjusted server-side logic in `annunci.controller.ts` to ensure valid data. 2026-01-20 18:38:17 +01:00			`<div className="mx-5 mt-0 mb-12 sm:mt-8">`
feat: implement lazy loading for CardAnnuncio component; add skeleton loading state and enhance InputNumber component with height prop 2025-11-12 15:52:04 +01:00			`<main className="mx-auto mb-4 max-w-8xl space-y-5 lg:mb-20">`
Refactor code structure for improved readability and maintainability 2025-10-07 18:07:57 +02:00			`<div className="flex flex-col items-center justify-center lg:flex-row lg:justify-around">`
feat: update layout and styling for Home page and TrovaCasaCTA component Co-authored-by: Copilot <copilot@github.com> 2026-05-05 15:07:38 +02:00			`<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]">`
Refactor code structure for improved readability and maintainability 2025-10-07 18:07:57 +02:00			`<HeroSvg />`
			`</div>`
eslint migration biome 2025-08-28 18:27:07 +02:00			`</div>`
init 2025-08-04 17:45:44 +02:00
Refactor code structure for improved readability and maintainability 2025-10-07 18:07:57 +02:00			`<TrovaCasaCTA testi={t} />`
			`</div>`
			`</main>`
feat: add AnniversaryBanner component with visibility animation and update Home page layout 2026-03-24 12:03:31 +01:00
			`<div className="flex w-full flex-col gap-y-4 md:gap-y-6">`
			`{/* <FrequentSearches /> */}`
			`<div className="mx-auto w-full max-w-5xl">`
feat: update dependencies and improve UI components; add ComeFunziona component for service explanation 2026-01-12 16:00:53 +01:00			`<ComeFunziona />`
			`</div>`
minor change e commented garanzia possible change 2026-05-12 16:13:34 +02:00			`<AnniversaryBanner />`
Refactor code structure for improved readability and maintainability 2025-10-07 18:07:57 +02:00			`<AccordionComp`
feat: add AnniversaryBanner component with visibility animation and update Home page layout 2026-03-24 12:03:31 +01:00			`className="w-full max-w-5xl"`
Refactor code structure for improved readability and maintainability 2025-10-07 18:07:57 +02:00			`texts={t.index.accordion_minifaq}`
			`/>`
init 2025-08-04 17:45:44 +02:00
Refactor code structure for improved readability and maintainability 2025-10-07 18:07:57 +02:00			`<PricingChoice />`
			`</div>`
eslint migration biome 2025-08-28 18:27:07 +02:00			`</div>`
Refactor code structure for improved readability and maintainability 2025-10-07 18:07:57 +02:00			`</main>`
eslint migration biome 2025-08-28 18:27:07 +02:00			`);`
init 2025-08-04 17:45:44 +02:00			`};`

			`export default Home;`

			`const TrovaCasaCTA = (props: { testi: LangDict }) => {`
eslint migration biome 2025-08-28 18:27:07 +02:00			`const { testi } = props;`
			`return (`
feat: update layout and styling for Home page and TrovaCasaCTA component Co-authored-by: Copilot <copilot@github.com> 2026-05-05 15:07:38 +02:00			`<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>`
init 2025-08-04 17:45:44 +02:00
eslint migration biome 2025-08-28 18:27:07 +02:00			`<div className="flex flex-col space-y-4 lg:justify-start">`
minor change e commented garanzia possible change 2026-05-12 16:13:34 +02:00			`<Link href="/annunci">`
			`<Button`
			`className="w-full font-semibold text-xl"`
			`size="xl"`
			`variant="destructive"`
			`>`
			`{testi.index.CTA_Annunci} <Telescope className="ml-2 size-6" />`
			`</Button>`
eslint migration biome 2025-08-28 18:27:07 +02:00			`</Link>`
init 2025-08-04 17:45:44 +02:00
feat: Update UI components and styles across multiple pages - Enhanced the CardInfos component in [cod].tsx with improved styling and added TrafficCone icon for status indication. - Increased dialog content width in prezziario.tsx and testi-stringhe.tsx for better layout. - Replaced static badge elements with the Badge component in chi-siamo.tsx, contatti.tsx, guida.tsx, prezzi.tsx, and proprietari.tsx for consistent styling. - Updated button components to use the Button component in contatti.tsx and proprietari.tsx for improved accessibility and styling. - Modified the TrovaCasaCTA and FrequentSearches components in index.tsx for better visual consistency and updated color usage. - Refactored global CSS variables for improved color management and added new color variables for better theme support. - Implemented dynamic loading for the KabanExample component in test.tsx to enhance performance. 2025-11-14 17:21:21 +01:00			`<div className="relative mx-auto flex w-full items-center justify-center gap-2 py-1 [&:has(#searchOptionsBox)]:[&_#animationDiv]:invisible">`
eslint migration biome 2025-08-28 18:27:07 +02:00			`<CodiceBox`
sort classes rule and fix 2025-10-10 16:18:43 +02:00			`className="rounded-md placeholder:text-center"`
fix: add inputId prop to CodiceBox in multiple components for improved accessibility 2025-10-20 11:56:54 +02:00			`inputId="index-search"`
formatt 2025-08-29 16:18:32 +02:00			`key={"codiceBox"}`
feat: enhance CodiceBox and TrovaCasaCTA with additional props and styling improvements 2025-08-29 09:58:44 +02:00			`optionBoxClassName="left-0"`
eslint migration biome 2025-08-28 18:27:07 +02:00			`/>`
			`</div>`
			`</div>`
minor change e commented garanzia possible change 2026-05-12 16:13:34 +02:00			`{/* <Link href="/prezzi#garanzia-visite">`
			`<Button`
			`className="w-full font-semibold text-xl"`
			`size="lg"`
			`variant="outline"`
			`>`
			`<span>`
			`Visita garantita o <u>ti rimborsiamo</u>!`
			`</span>{" "}`
			`<ExternalLink />`
			`</Button>`
			`</Link> */}`
eslint migration biome 2025-08-28 18:27:07 +02:00			`</div>`
			`);`
init 2025-08-04 17:45:44 +02:00			`};`