import type { NextPage } from "next";
import Head from "next/head";
import HowItWorks from "~/components/how-it-works";
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "~/components/ui/accordion";
import { Badge } from "~/components/ui/badge";
import { Button } from "~/components/ui/button";
import { useTranslation } from "~/providers/I18nProvider";
/**
* Pagina guida: /guida
*/
const Guida: NextPage = () => {
const { t } = useTranslation();
//todo translation
const features = [
{
title: "Esplora gli annunci",
description:
"In base a località, tipologia, prezzo, data di disponibilità e molte altre caratteristiche.",
colors: {
bg: "bg-orange-50 dark:bg-orange-500/10",
text: "text-orange-500 dark:text-orange-400",
border: "border-orange-100 dark:border-orange-500/20",
},
},
{
title: "Attiva il servizio",
description:
"Richiedi il servizio, ti invieremo un collegamento per completare la ricerca che abbiamo creato per te e acquistare il servizio.",
colors: {
bg: "bg-blue-50 dark:bg-blue-500/10",
text: "text-blue-600 dark:text-blue-400",
border: "border-blue-100 dark:border-blue-500/20",
},
},
{
title: "Visita le case",
description:
"Fissa appuntamenti direttamente con i proprietari per una visita. La trattativa è tra voi privati. Non c'è mediazione.",
colors: {
bg: "bg-purple-50 dark:bg-purple-500/10",
text: "text-purple-600 dark:text-purple-400",
border: "border-purple-100 dark:border-purple-500/20",
},
},
{
title: "Contratto di affitto",
description:
"Procederemo alla stesura del contratto di locazione in base agli accordi che hai trovato con il propritario.",
colors: {
bg: "bg-green-50 dark:bg-green-500/10",
text: "text-green-500 dark:text-green-400",
border: "border-green-100 dark:border-green-500/20",
},
},
];
return (
<>
{t.heads.guida_titolo}
{t.guida}
{/* */}
);
};
export default Guida;
const FAQSection = () => {
const { t } = useTranslation();
const handleScroll = (id: string) => {
document.getElementById(id)?.scrollIntoView({
behavior: "smooth",
});
window.history.replaceState({}, "", `${window.location.pathname}#${id}`);
};
if (!t.faq?.domande) {
return null; // Ensure translations are loaded before rendering
}
return (
{t.faq.titolo}
{t.faq.descrizione}
{t.faq.domande.map((item) => (
))}
{t.faq.domande.map((item) => (
{item.label}
{item.qas.map((f, i) => (
i
}`}
value={i.toString()}
>
{f.title}