import type { Metadata } from "next";
import { PortalFooter, PortalHeader } from "../PortalChrome";
import "../portal.css";
import ContactForm from "./ContactForm";

export const metadata: Metadata = {
  title: "Contacto | Documenta",
  description: "Conversemos sobre servicios documentales, integraciones y atención de trámites.",
  alternates: { canonical: "https://documenta.cl/contacto" },
};

export default function PortalContactPage() {
  return <div className="portal-site"><PortalHeader /><main className="portal-contact-page"><div className="portal-container">
    <header className="portal-contact-hero"><div><span className="portal-eyebrow">CONTACTO</span><h1>Conversemos.</h1><p>Te orientamos sobre trámites, incorporación de entidades e integraciones para empresas.</p></div><div className="portal-contact-card"><h2>Canales de atención</h2><a href="mailto:contacto@documenta.cl">contacto@documenta.cl</a><a href="tel:+562264691551">+56 2 2646 91551</a><address>Huerfanos 1160 OF 909<br />Santiago Centro, Chile</address><a className="portal-whatsapp" href="https://wa.me/56937396768?text=Hola%20Documenta%2C%20necesito%20orientaci%C3%B3n" target="_blank" rel="noreferrer">Hablar por WhatsApp</a></div></header>
    <ContactForm />
  </div></main><PortalFooter /></div>;
}