whatsapp contatti

apps/infoalloggi/src/components/footer.tsx

@@ -35,6 +35,15 @@ export const Footer = ({ className }: FooterProps) => {
 									{t.footer.Guida}
 								</Link>
 							</li>
+							<li>
+								<Link
+									aria-label="footerChiSiamo"
+									className="text-xs xs:text-sm"
+									href="/contatti"
+								>
+									{t.contatti}
+								</Link>
+							</li>
 
 							<li>
 								<Link

apps/infoalloggi/src/pages/contatti.tsx

@@ -19,6 +19,7 @@ import { Checkbox } from "~/components/ui/checkbox";
 import Input from "~/components/ui/input";
 import { PhoneInput } from "~/components/ui/phone-input";
 import { Textarea } from "~/components/ui/textarea";
+import { WhatsAppIcon2 } from "~/components/whatsapp-svg";
 import { useZodForm } from "~/lib/zodForm";
 import { useTranslation } from "~/providers/I18nProvider";
 import { api } from "~/utils/api";
@@ -78,7 +79,7 @@ const Contatto: NextPage = () => {
 					{t.contatti}
 				</Badge>
 
-				<div className="mx-auto max-w-7xl px-4 md:px-8">
+				<div className="mx-auto flex max-w-7xl flex-col gap-10 px-4 md:px-8">
 					<div className="mx-auto max-w-lg space-y-3 sm:text-center">
 						<p className="font-semibold text-4xl text-accent-foreground">
 							{t.contact_form.titolo}
@@ -93,7 +94,7 @@ const Contatto: NextPage = () => {
 							{t.contact_form.sottotitolo3}
 						</p>
 					</div>
-					<div className="mx-auto mt-12 max-w-xl">
+					<div className="mx-auto max-w-xl">
 						{hasSent ? (
 							<ContactSuccess />
 						) : (
@@ -228,6 +229,15 @@ const Contatto: NextPage = () => {
 							</Form>
 						)}
 					</div>
+					<div className="mx-auto flex items-center gap-2">
+						<span className="text-lg">Oppure contattaci via </span>
+						<Link href={`https://wa.me/3453944827`} target="_blank">
+							<Button className="text-lg" variant="success">
+								<WhatsAppIcon2 className="size-5 fill-white" />
+								WhatsApp
+							</Button>
+						</Link>
+					</div>
 				</div>
 			</main>
 		</>