2025-08-04 17:45:44 +02:00
|
|
|
import { ArrowRight } from "lucide-react";
|
|
|
|
|
import type { NextPage } from "next";
|
|
|
|
|
import Head from "next/head";
|
|
|
|
|
import Image from "next/image";
|
|
|
|
|
import Link from "next/link";
|
|
|
|
|
import { AccordionComp } from "~/components/accordionComp";
|
|
|
|
|
import { Card, CardContent } from "~/components/ui/card";
|
|
|
|
|
import { useTranslation } from "~/providers/I18nProvider";
|
|
|
|
|
|
|
|
|
|
const Proprietari: NextPage = () => {
|
2025-08-28 18:27:07 +02:00
|
|
|
const { t } = useTranslation();
|
2025-08-04 17:45:44 +02:00
|
|
|
|
2025-08-28 18:27:07 +02:00
|
|
|
return (
|
|
|
|
|
<>
|
|
|
|
|
<Head>
|
|
|
|
|
<title>{t.proprietari.head}</title>
|
2025-08-29 16:18:32 +02:00
|
|
|
<meta content={t.proprietari.description} name="description" />
|
2025-08-28 18:27:07 +02:00
|
|
|
</Head>
|
2025-09-01 17:31:19 +02:00
|
|
|
<main className="mx-auto w-full max-w-7xl space-y-5 px-2 py-5 md:px-8">
|
2025-10-10 16:18:43 +02:00
|
|
|
<div className="inline-block rounded-md bg-primary/10 px-3 py-1 text-primary text-sm">
|
2025-08-28 18:27:07 +02:00
|
|
|
{t.proprietari.titolo}
|
|
|
|
|
</div>
|
|
|
|
|
<div className="mx-auto w-full space-y-5 sm:space-y-14">
|
|
|
|
|
<section className="relative mx-auto flex max-w-6xl flex-col-reverse items-center justify-between gap-8 px-4 py-4 sm:flex-row sm:gap-20 md:px-8">
|
|
|
|
|
<div className="max-w-lg flex-1 py-5 sm:mx-auto sm:text-center md:max-w-max md:text-left">
|
2025-10-10 16:18:43 +02:00
|
|
|
<h3 className="font-semibold text-3xl text-gray-800 md:text-4xl">
|
2025-08-28 18:27:07 +02:00
|
|
|
{t.proprietari.cta1.title1}{" "}
|
|
|
|
|
<span className="text-indigo-600">
|
|
|
|
|
{t.proprietari.cta1.title2}
|
|
|
|
|
</span>
|
|
|
|
|
</h3>
|
2025-10-10 16:18:43 +02:00
|
|
|
<p className="mt-3 text-gray-500 leading-relaxed">
|
2025-08-28 18:27:07 +02:00
|
|
|
{t.proprietari.cta1.desc}
|
|
|
|
|
</p>
|
|
|
|
|
<Link
|
|
|
|
|
className="mt-5 inline-flex items-center rounded-full bg-indigo-50 px-4 py-2 font-medium text-indigo-600"
|
|
|
|
|
href="/contatti"
|
|
|
|
|
>
|
|
|
|
|
{t.proprietari.contattaci}
|
|
|
|
|
<ArrowRight className="ml-1 h-5 w-5 duration-150" />
|
|
|
|
|
</Link>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="mx-auto mt-5 flex-1 sm:w-9/12 md:mt-0 md:w-auto">
|
|
|
|
|
<Image
|
|
|
|
|
alt=""
|
|
|
|
|
className="w-full rounded-md object-cover"
|
|
|
|
|
height={1050}
|
2025-08-29 16:18:32 +02:00
|
|
|
src="/rent_0.webp"
|
|
|
|
|
width={1400}
|
2025-08-28 18:27:07 +02:00
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
2025-08-04 17:45:44 +02:00
|
|
|
|
2025-08-28 18:27:07 +02:00
|
|
|
<Card className="mx-auto w-full max-w-4xl py-3">
|
|
|
|
|
<CardContent>
|
|
|
|
|
<AccordionComp
|
|
|
|
|
className="w-full max-w-full"
|
|
|
|
|
texts={t.proprietari.faq}
|
|
|
|
|
/>
|
|
|
|
|
</CardContent>
|
|
|
|
|
</Card>
|
2025-08-04 17:45:44 +02:00
|
|
|
|
2025-08-28 18:27:07 +02:00
|
|
|
<section className="relative mx-auto flex max-w-6xl flex-col items-center justify-between gap-8 px-4 py-4 sm:flex-row sm:gap-20 md:px-8">
|
|
|
|
|
<div className="mx-auto mt-5 flex-1 sm:w-9/12 md:mt-0 md:w-auto">
|
|
|
|
|
<Image
|
|
|
|
|
alt=""
|
|
|
|
|
className="w-full rounded-md object-cover"
|
|
|
|
|
height={1050}
|
2025-08-29 16:18:32 +02:00
|
|
|
src="/rent_2.webp"
|
|
|
|
|
width={1400}
|
2025-08-28 18:27:07 +02:00
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="max-w-lg flex-1 py-5 sm:mx-auto sm:text-center md:max-w-max md:text-left">
|
2025-10-10 16:18:43 +02:00
|
|
|
<h3 className="font-semibold text-3xl text-gray-800 md:text-4xl">
|
2025-08-28 18:27:07 +02:00
|
|
|
{t.proprietari.cta2.title1}{" "}
|
|
|
|
|
<span className="text-indigo-600">
|
|
|
|
|
{t.proprietari.cta2.title2}
|
|
|
|
|
</span>
|
|
|
|
|
{t.proprietari.cta2.title3}
|
|
|
|
|
</h3>
|
2025-10-10 16:18:43 +02:00
|
|
|
<p className="mt-3 text-gray-500 leading-relaxed">
|
2025-08-28 18:27:07 +02:00
|
|
|
{t.proprietari.cta2.desc}
|
|
|
|
|
</p>
|
|
|
|
|
<Link
|
|
|
|
|
className="mt-5 inline-flex items-center rounded-full bg-indigo-50 px-4 py-2 font-medium text-indigo-600"
|
|
|
|
|
href="/contatti"
|
|
|
|
|
>
|
|
|
|
|
{t.proprietari.contattaci}
|
|
|
|
|
<ArrowRight className="ml-1 h-5 w-5 duration-150" />
|
|
|
|
|
</Link>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
</>
|
|
|
|
|
);
|
2025-08-04 17:45:44 +02:00
|
|
|
};
|
|
|
|
|
export default Proprietari;
|
