- oppure
+ {/* oppureAccedi se hai un account
-
+ */}
)}
diff --git a/apps/infoalloggi/src/components/annuncio-interactions/contatto_modal.tsx b/apps/infoalloggi/src/components/annuncio-interactions/contatto_modal.tsx
index 1db2633..350f330 100644
--- a/apps/infoalloggi/src/components/annuncio-interactions/contatto_modal.tsx
+++ b/apps/infoalloggi/src/components/annuncio-interactions/contatto_modal.tsx
@@ -1,4 +1,4 @@
-import { MessageCircleQuestion } from "lucide-react";
+import { MessageCirclePlus } from "lucide-react";
import {
Credenza,
CredenzaBody,
@@ -19,7 +19,7 @@ export const ContattoAnnuncio = () => {
diff --git a/apps/infoalloggi/src/components/expand_guida.tsx b/apps/infoalloggi/src/components/expand_guida.tsx
new file mode 100644
index 0000000..22c7ddf
--- /dev/null
+++ b/apps/infoalloggi/src/components/expand_guida.tsx
@@ -0,0 +1,92 @@
+import { HelpCircle } from "lucide-react";
+import Link from "next/link";
+import {
+ ExpandableScreen,
+ ExpandableScreenContent,
+ ExpandableScreenTrigger,
+} from "./expandable_screen";
+import { Button } from "./ui/button";
+import { Separator } from "./ui/separator";
+
+const texts: {
+ title: string;
+ parts: (string | { href: string; text: string })[];
+}[] = [
+ {
+ title: "Costo del servizio",
+ parts: [
+ "Il costo del servizio è personalizzato in base alla tipologia e parametri della tua ricerca.",
+ "Per contattare i proprietari ti chiederemo un acconto di 35€ sul totale.",
+ "Potrai contattare tutti i proprietari degli immobili che desideri durante la durata del servizio.",
+ { href: "/prezzi", text: "Scopri i prezzi" },
+ ],
+ },
+ {
+ title: "Come procedere",
+ parts: [
+ "Contattaci per un immobile, prepareremo per te degli annunci compatibili alle tue esigenze e ti invieremo un invito via email per accedere alla piattaforma.",
+ "Una volta effettuato l'accesso, potrai acquistare il servizio e visualizzare i contatti dei proprietari degli immobili.",
+ {
+ href: "/annunci",
+ text: "Vai agli annunci",
+ },
+ ],
+ },
+ {
+ title: "Nulla di fatto",
+ parts: [
+ "Se non trovi un immobile che soddisfi le tue esigenze, avrai 14 giorni di tempo per interrompere il servizio senza necessità di ulteriori pagamenti.",
+ ],
+ },
+];
+
+export const ComeFunziona = () => {
+ return (
+
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/apps/infoalloggi/src/i18n/en.ts b/apps/infoalloggi/src/i18n/en.ts
index 709aeae..9631296 100644
--- a/apps/infoalloggi/src/i18n/en.ts
+++ b/apps/infoalloggi/src/i18n/en.ts
@@ -92,7 +92,7 @@ const Faqs: Record = {
},
perche_devo_pagare: {
description:
- "Payment is required to unlock the owner's contacts and schedule an appointment for the visit. The price varies depending on the type of search and allows you to visit 10 properties.",
+ "Payment is required to unlock the owner's contacts and schedule an appointment for the visit. The price varies depending on the type of search and allows you to visit the properties.",
title: "Why do I have to pay to visit a property?",
},
perche_pagare_consulenza: {
@@ -147,7 +147,7 @@ const Faqs: Record = {
},
quanto_costa: {
description:
- "The cost of the service varies depending on the type of search and the length of stay. For more information on prices, visit the dedicated page. The service lasts 60 days from the date of purchase, during which you can visit up to 10 properties.",
+ "The cost of the service varies depending on the type of search and the length of stay. For more information on prices, visit the dedicated page. The service lasts 60 days from the date of purchase, during which you can contact the owners directly.",
title: "How much does the service cost? And how long does it last?",
},
se_non_trovo: {
diff --git a/apps/infoalloggi/src/i18n/it.ts b/apps/infoalloggi/src/i18n/it.ts
index 967c86b..334684f 100644
--- a/apps/infoalloggi/src/i18n/it.ts
+++ b/apps/infoalloggi/src/i18n/it.ts
@@ -94,7 +94,7 @@ const Faqs: Record = {
},
perche_devo_pagare: {
description:
- "Il pagamento è necessario per sbloccare i contatti del proprietario e fissare un appuntamento per la visita. Il prezzo varia in base alla tipologia di ricerca e ti permette di visitare 10 immobili.",
+ "Il pagamento è necessario per sbloccare i contatti del proprietario e fissare un appuntamento per la visita. Il prezzo varia in base alla tipologia di ricerca e ti permette di visitare gli immobili.",
title: "Perchè devo pagare per visitare un immobile?",
},
perche_pagare_consulenza: {
@@ -150,7 +150,7 @@ const Faqs: Record = {
},
quanto_costa: {
description:
- "Il costo del servizio varia in base alla tipologia di ricerca e alla durata della permanenza. Per maggiori informazioni sui prezzi, visita la pagina dedicata. Il servizio ha una durata di 60 giorni dalla data di acquisto, durante i quali potrai visitare fino a 10 immobili.",
+ "Il costo del servizio varia in base alla tipologia di ricerca e alla durata della permanenza. Per maggiori informazioni sui prezzi, visita la pagina dedicata. Il servizio ha una durata di 60 giorni dalla data di acquisto, durante i quali potrai contattare direttamente i proprietari.",
title: "Quanto mi costa il servizio? E quanto dura?",
},
se_non_trovo: {
diff --git a/apps/infoalloggi/src/pages/annuncio/[cod].tsx b/apps/infoalloggi/src/pages/annuncio/[cod].tsx
index 99368b4..2dc9d9a 100644
--- a/apps/infoalloggi/src/pages/annuncio/[cod].tsx
+++ b/apps/infoalloggi/src/pages/annuncio/[cod].tsx
@@ -23,6 +23,7 @@ import { CarouselAnnuncio } from "~/components/annuncio_card";
import { AnnuncioInteractions } from "~/components/annuncio-interactions/annuncio_interactions";
import { TouchProvider } from "~/components/custom_ui/HybridTooltip";
import Input from "~/components/custom_ui/input";
+import { ComeFunziona } from "~/components/expand_guida";
import FailedAnnuncioLoading from "~/components/failed-loading";
import { IconMatrix, type IconType } from "~/components/IconComponents";
import InformationBubble from "~/components/InformationBubble";
@@ -190,6 +191,7 @@ const AnnuncioView = ({ cod, flag }: Omit) => {
session={session}
/>
)}
+
{data.tipo &&
(data.tipo === "Transitorio" || data.tipo === "Stabile") && (
<>
diff --git a/apps/infoalloggi/src/pages/index.tsx b/apps/infoalloggi/src/pages/index.tsx
index 095c93a..1dd6eff 100644
--- a/apps/infoalloggi/src/pages/index.tsx
+++ b/apps/infoalloggi/src/pages/index.tsx
@@ -4,6 +4,7 @@ import Head from "next/head";
import Link from "next/link";
import { AccordionComp } from "~/components/accordionComp";
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";
@@ -49,6 +50,9 @@ const Home: NextPage = () => {