/* Morales Schmidt LLC — sitio público * * Implementation of the Claude Design canvas `Sitio Morales Schmidt.dc.html` * (project "Website design planning"). The canvas is kept alongside this file * for reference; it runs on the dc-runtime in support.js. This file is the real * thing: plain React over the design-system bundle, no canvas runtime. * * Everything visual comes from the design system — components off * window.MoralesSchmidtDesignSystem_9a693b, colour/type/space from its tokens. * No raw hex, no font-family literals. */ const DS = window.MoralesSchmidtDesignSystem_9a693b; const { Button, Icon, Card, Tag, Alert, Field, Input, Select, Textarea, SectionHeading, PracticeAreaCard, Quote, Stat, } = DS; const { useState, useCallback, useEffect } = React; /* ── Configuration ──────────────────────────────────────────────────────── Overridable by query string: ?cols=4 ?lang=en The canvas also carried a second home hero ("B · Editorial") behind a homeDirection prop and a floating A/B switcher. The firm chose the navy direction, so both are gone — HeroNavy is now simply the hero. */ const Q = new URLSearchParams(location.search); const clamp = (n, lo, hi) => Math.min(hi, Math.max(lo, n)); const CONFIG = { servicesColumns: clamp(parseInt(Q.get("cols"), 10) || 3, 2, 4), initialLang: Q.get("lang") === "en" ? "en" : "es", }; /* ── Content ────────────────────────────────────────────────────────────── Firm copy from moralesschmidt.com, as carried by the canvas. Service descriptions are one-line summaries written for the layout — the live site lists service names only. */ /* Servicios page — filterable, each card links to Contacto. */ const AREAS = [ { icon: "shield", title: "Derecho penal", cat: "Penal", description: "Representación en procedimientos criminales estatales y federales." }, { icon: "users", title: "Derecho de familia", cat: "Familia", description: "Divorcios, custodia, pensiones alimentarias y otros asuntos ante los tribunales de Puerto Rico." }, { icon: "landmark", title: "Sucesiones", cat: "Familia", description: "Declaratorias de herederos, particiones y trámites sucesorales." }, { icon: "file-text", title: "Daños y perjuicios", cat: "Civil", description: "Reclamaciones por daños en la esfera civil, estatal y federal." }, { icon: "briefcase", title: "Contratos", cat: "Empresarial", description: "Redacción, interpretación y ejecución de contratos, incluyendo construcción." }, { icon: "building-2", title: "Laboral", cat: "Empresarial", description: "Controversias laborales y asesoría a patronos y empleados." }, { icon: "stamp", title: "Notaría", cat: "Notarial", description: "Escrituras, poderes, testamentos y declaraciones juradas." }, ]; /* Inicio grid — shorter descriptions, cards link through to Servicios. Deliberately a separate list: the canvas authors these two grids apart. */ const HOME_AREAS = [ { icon: "shield", title: "Derecho penal", description: "Representación en procedimientos criminales estatales y federales." }, { icon: "users", title: "Derecho de familia", description: "Divorcios, custodia, pensiones alimentarias y otros asuntos de familia." }, { icon: "landmark", title: "Sucesiones", description: "Declaratorias de herederos, particiones y trámites sucesorales." }, { icon: "file-text", title: "Daños y perjuicios", description: "Reclamaciones por daños en la esfera civil." }, { icon: "briefcase", title: "Contratos", description: "Redacción, interpretación y ejecución de contratos, incluyendo construcción." }, { icon: "building-2", title: "Laboral", description: "Controversias laborales y asesoría a patronos y empleados." }, { icon: "stamp", title: "Notaría", description: "Escrituras, poderes, testamentos y declaraciones juradas." }, ]; const FILTERS = ["Todos", "Penal", "Civil", "Familia", "Empresarial", "Notarial"]; const NAV = ["Inicio", "Servicios", "El bufete", "Contacto"]; const SUBJECTS = ["Consulta general", "Derecho penal", "Derecho de familia", "Sucesiones", "Daños y perjuicios", "Contratos", "Laboral", "Notaría"]; const OFFICE = { address: "Urb. Santa Cruz 47, Esteban Padilla, Suite 1, Bayamón, PR 00961", addressShort: "Urb. Santa Cruz 47, Esteban Padilla, Suite 1, Bayamón", hours: "Lunes a viernes, 9:00 am a 6:00 pm", phone: "+1-787-993-2109", tel: "+17879932109", fax: "+1-787-946-1767", email: "lcdo.manuelmorales@delgado-morales.com", }; /* English is an equal-quality translation, not a machine pass (see the design system readme). Dictionary carried over from the canvas. */ const EN = { "Inicio": "Home", "Servicios": "Services", "El bufete": "The firm", "Contacto": "Contact", "Filtrar": "Filter", "Todos": "All", "Penal": "Criminal", "Civil": "Civil", "Familia": "Family", "Empresarial": "Business", "Notarial": "Notarial", "Lunes a viernes, 9:00 am a 6:00 pm": "Monday to Friday, 9:00 am to 6:00 pm", "Asesoría personalizada": "Personal consultation", "Desde 2012 · Estatal y federal": "Since 2012 · State and federal", "Bufete de Abogados y Notaría a su servicio": "A law office and notary at your service", "Asesoría legal, estatal y federal en toda la Isla, desde nuestra oficina en Bayamón.": "State and federal legal advice across the Island, from our office in Bayamón.", "También por WhatsApp, de lunes a viernes.": "Also on WhatsApp, Monday to Friday.", "Contáctenos": "Contact us", "Urb. Santa Cruz 47, Esteban Padilla, Suite 1, Bayamón, PR 00961": "Urb. Santa Cruz 47, Esteban Padilla, Suite 1, Bayamón, PR 00961", "Enviar consulta": "Send an inquiry", "Respuesta desde la oficina de Bayamón.": "Answered from the Bayamón office.", "Áreas de práctica": "Practice areas", "Oficina · toda la Isla": "Office · island-wide", "En funciones desde": "In practice since", "Foros": "Forums", "Ver servicios": "View services", "Retrato · pendiente": "Portrait · pending", "La atención y confianza que requiere": "The attention and confidence you require", "El Lcdo. Morales Schmidt es el titular de este Bufete de abogados y Notaría en Bayamón. Desde 2012 su grupo de abogados brinda asesoría legal, estatal y federal en toda la Isla.": "Lcdo. Morales Schmidt is the principal of this law office and notary in Bayamón. Since 2012 his group of attorneys has provided state and federal legal advice across the Island.", "Conozca nuestros servicios y pónganse en contacto con nuestro personal.": "Review our services and get in touch with our staff.", "Titular del bufete": "Principal attorney", "Juris doctor de la Pontificia Universidad Católica de Puerto Rico, Summa Cum Laude, y estudiante de más alto promedio de su clase graduanda. Antes de estudiar derecho obtuvo un bachillerato en ingeniería aeroespacial de la Universidad Texas A&M.": "Juris doctor from the Pontifical Catholic University of Puerto Rico, Summa Cum Laude, and highest-ranked student of his graduating class. Before studying law he earned a bachelor's degree in aerospace engineering from Texas A&M University.", "Conocer su trayectoria": "Read his background", "Selección de servicios legales y notariales": "A selection of legal and notarial services", "Una alternativa profesional para asuntos criminales, civiles, laborales y notariales.": "A professional alternative for criminal, civil, employment and notarial matters.", "Representación en procedimientos criminales estatales y federales.": "Representation in state and federal criminal proceedings.", "Divorcios, custodia, pensiones alimentarias y otros asuntos de familia.": "Divorce, custody, child support and other family matters.", "Divorcios, custodia, pensiones alimentarias y otros asuntos ante los tribunales de Puerto Rico.": "Divorce, custody, child support and other matters before the courts of Puerto Rico.", "Declaratorias de herederos, particiones y trámites sucesorales.": "Declarations of heirs, partitions and estate proceedings.", "Reclamaciones por daños en la esfera civil.": "Civil damages claims.", "Reclamaciones por daños en la esfera civil, estatal y federal.": "Civil damages claims, state and federal.", "Redacción, interpretación y ejecución de contratos, incluyendo construcción.": "Drafting, interpretation and enforcement of contracts, including construction.", "Controversias laborales y asesoría a patronos y empleados.": "Employment disputes and advice for employers and employees.", "Escrituras, poderes, testamentos y declaraciones juradas.": "Deeds, powers of attorney, wills and sworn statements.", "Derecho penal": "Criminal law", "Derecho de familia": "Family law", "Sucesiones": "Estates", "Daños y perjuicios": "Damages", "Contratos": "Contracts", "Laboral": "Employment", "Notaría": "Notary", "¿No encuentra su asunto?": "Don't see your matter?", "Escríbanos y le indicamos si podemos atenderle o a quién referirle.": "Write to us and we will tell you whether we can help or whom to refer you to.", "Leemos sus dudas y comentarios": "We read your questions and comments", "Llame, escriba por WhatsApp o envíe el formulario. Le responderemos desde la oficina de Bayamón.": "Call, message on WhatsApp or send the form. We will reply from the Bayamón office.", "Escribir al bufete": "Write to the firm", "Asuntos criminales, civiles, de familia, laborales y notariales, ante los tribunales estatales y federales de Puerto Rico.": "Criminal, civil, family, employment and notarial matters before the state and federal courts of Puerto Rico.", "Construcción y permisos": "Construction and permitting", "Contratos de construcción, permisos y reclamaciones de obra": "Construction contracts, permits and construction claims", "Antes de estudiar derecho, el Lcdo. Morales Schmidt obtuvo un bachillerato en ingeniería aeroespacial de la Universidad Texas A&M. Esa formación técnica se aplica a la redacción y ejecución de contratos de obra, trámites de permisos y controversias entre dueños, contratistas y subcontratistas.": "Before studying law, Lcdo. Morales Schmidt earned a bachelor's degree in aerospace engineering from Texas A&M University. That technical background applies to drafting and enforcing construction contracts, permit filings and disputes among owners, contractors and subcontractors.", "Explíquenos su situación y le indicamos el próximo paso y el costo antes de comenzar.": "Explain your situation and we will set out the next step and the cost before starting.", "+1-787-993-2109 · lunes a viernes, 9:00 am a 6:00 pm": "+1-787-993-2109 · Monday to Friday, 9:00 am to 6:00 pm", "La información de esta página es general y no constituye asesoría legal.": "The information on this page is general and does not constitute legal advice.", "Una alternativa profesional": "A professional alternative", "Bufete de abogados y notaría en Bayamón, en funciones desde 2012.": "Law office and notary in Bayamón, in practice since 2012.", "Tribunales estatales y federales": "State and federal courts", "Servicios en toda la Isla": "Service across the Island", "Es juris doctor de la Pontificia Universidad Católica de Puerto Rico, Summa Cum Laude, y fue el estudiante de más alto promedio de su clase graduanda. Antes de estudiar derecho obtuvo un bachillerato en ingeniería aeroespacial de la Universidad Texas A&M, formación que aplica hoy a los asuntos de construcción y permisos.": "He is a juris doctor from the Pontifical Catholic University of Puerto Rico, Summa Cum Laude, and was the highest-ranked student of his graduating class. Before studying law he earned a bachelor's degree in aerospace engineering from Texas A&M University, training he applies today to construction and permitting matters.", "No prometemos resultados. Prometemos que usted va a entender su caso en cada etapa.": "We do not promise outcomes. We promise that you will understand your case at every stage.", "Cómo trabajamos": "How we work", "Lo que puede esperar del bufete": "What you can expect from the firm", "Un solo punto de contacto": "A single point of contact", "Usted sabe con quién habla y a quién llamar durante todo el trámite.": "You know who you are speaking with and whom to call throughout the matter.", "Estimado por escrito": "A written estimate", "Antes de comenzar recibirá el alcance del trabajo y el costo, por escrito.": "Before starting you receive the scope of work and the cost, in writing.", "Lenguaje llano": "Plain language", "Le explicamos el procedimiento en palabras corrientes y guardamos el vocabulario técnico para los documentos.": "We explain the procedure in everyday words and save the technical vocabulary for the documents.", "Escriba su consulta y le responderemos desde la oficina de Bayamón.": "Write your inquiry and we will reply from the Bayamón office.", "Nombre": "Name", "Correo electrónico": "Email", "Teléfono": "Phone", "Asunto": "Subject", "Mensaje": "Message", "Nombre y apellidos": "Full name", "Escriba aquí su consulta": "Write your inquiry here", "Describa brevemente su situación. No incluya información confidencial en este formulario.": "Briefly describe your situation. Do not include confidential information in this form.", "Enviar este formulario no crea una relación abogado-cliente.": "Sending this form does not create an attorney-client relationship.", "Enviar": "Send", "Enviando…": "Sending…", "Recibimos su consulta": "We received your inquiry", "No pudimos enviar su consulta.": "We could not send your inquiry.", "Inténtelo de nuevo en un momento o llámenos al +1-787-993-2109.": "Try again in a moment, or call us at +1-787-993-2109.", "Le responderemos durante el horario de oficina, de lunes a viernes.": "We will reply during office hours, Monday to Friday.", "Formato de correo inválido.": "Invalid email format.", "La oficina": "The office", "+1-787-993-2109 · WhatsApp": "+1-787-993-2109 · WhatsApp", "Llamar al bufete": "Call the firm", "Escribir por WhatsApp": "Message on WhatsApp", "Mapa · Bayamón": "Map · Bayamón", "Bufete de abogados y notaría en Bayamón. Asesoría legal, estatal y federal en toda la Isla.": "Law office and notary in Bayamón. State and federal legal advice across the Island.", "Bufete": "Firm", "Oficina": "Office", "© 2026 Lcdo. Morales Schmidt. Todos los derechos reservados.": "© 2026 Lcdo. Morales Schmidt. All rights reserved.", "Este sitio es informativo y no constituye asesoría legal.": "This site is informational and does not constitute legal advice.", /* Added here, not in the canvas. The first three the canvas left untranslated, so they showed as Spanish inside an otherwise English page. The last two are new copy — see the required-field validation below. Both need firm sign-off. */ "Consulta general": "General inquiry", "Estatal y federal": "State and federal", "nombre@correo.com": "name@email.com", "Escriba su nombre.": "Enter your name.", "Escriba su mensaje.": "Enter your message.", }; /* ── Shared bits ──────────────────────────────────────────────────────────*/ const EYEBROW = { font: "var(--text-eyebrow)", letterSpacing: "var(--ls-eyebrow)", textTransform: "uppercase" }; function IconLine({ icon, color = "var(--gold-400)", children, style }) { return ( {children} ); } /* Placeholder for artwork the firm has not supplied. The design system is explicit that no photography exists yet and that stock must not stand in. */ function PhotoSlot({ caption, monogramWidth = 140, style }) { return (
{caption}
); } /* ── Chrome ───────────────────────────────────────────────────────────────*/ function SiteHeader({ page, go, lang, setLang, t }) { const langBtn = (code, label) => ( ); return (
{OFFICE.addressShort} {t(OFFICE.hours)}
{langBtn("es", "ES")} {langBtn("en", "EN")}
{OFFICE.phone}
Morales Schmidt LLC
); } function SiteFooter({ go, t }) { const link = (label, target) => ( {t(label)} ); const colHead = (label) => ( {t(label)} ); /* Literal px appears throughout this file wherever the canvas authored a value the 4px token scale has no step for — it jumps 56 → 72 → 96, so 64, 80, 48, 44, 26, 10 and 6 have no token. The approved design wins over rounding. */ return ( ); } /* ── Inicio ───────────────────────────────────────────────────────────────*/ /* Navy hero with the monogram watermark and a floating consultation card (the design system's one sanctioned use of blur). */ function HeroNavy({ go, t }) { return (
{t("Desde 2012 · Estatal y federal")}

{t("Bufete de Abogados y Notaría a su servicio")}

{t("Asesoría legal, estatal y federal en toda la Isla, desde nuestra oficina en Bayamón.")}

{t("También por WhatsApp, de lunes a viernes.")}
{t("Contáctenos")}
  • {t(OFFICE.address)}
  • {t(OFFICE.hours)}
  • {OFFICE.phone} · Fax {OFFICE.fax}
{t("Respuesta desde la oficina de Bayamón.")}
); } function HomeScreen({ go, t }) { return (

{t("El Lcdo. Morales Schmidt es el titular de este Bufete de abogados y Notaría en Bayamón. Desde 2012 su grupo de abogados brinda asesoría legal, estatal y federal en toda la Isla.")}

{t("Conozca nuestros servicios y pónganse en contacto con nuestro personal.")}

{t("Titular del bufete")}

Manuel L. Morales Schmidt

{t("Juris doctor de la Pontificia Universidad Católica de Puerto Rico, Summa Cum Laude, y estudiante de más alto promedio de su clase graduanda. Antes de estudiar derecho obtuvo un bachillerato en ingeniería aeroespacial de la Universidad Texas A&M.")}

{HOME_AREAS.map((a) => ( ))}

{t("¿No encuentra su asunto?")}

{t("Escríbanos y le indicamos si podemos atenderle o a quién referirle.")}

{t("Leemos sus dudas y comentarios")}

{t("Llame, escriba por WhatsApp o envíe el formulario. Le responderemos desde la oficina de Bayamón.")}

); } /* ── Servicios ────────────────────────────────────────────────────────────*/ function ServicesScreen({ filter, setFilter, columns, go, t }) { const list = filter === "Todos" ? AREAS : AREAS.filter((a) => a.cat === filter); return (
{/* as="h1" — SectionHeading defaults to h2, which would leave this screen without a top-level heading. Purely semantic: the size still comes from --text-h2. */}
{t("Filtrar")} {FILTERS.map((label) => { const selected = filter === label; const choose = () => setFilter(label); return ( { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); choose(); } }} role="button" tabIndex={0} aria-pressed={selected} style={{ cursor: "pointer", userSelect: "none" }} >{t(label)} ); })}
{list.map((a) => ( ))}
{t("Construcción y permisos")}

{t("Contratos de construcción, permisos y reclamaciones de obra")}

{t("Antes de estudiar derecho, el Lcdo. Morales Schmidt obtuvo un bachillerato en ingeniería aeroespacial de la Universidad Texas A&M. Esa formación técnica se aplica a la redacción y ejecución de contratos de obra, trámites de permisos y controversias entre dueños, contratistas y subcontratistas.")}

{t("Asesoría personalizada")}

{t("Explíquenos su situación y le indicamos el próximo paso y el costo antes de comenzar.")}

{t("+1-787-993-2109 · lunes a viernes, 9:00 am a 6:00 pm")}

{t("La información de esta página es general y no constituye asesoría legal.")}

); } /* ── El bufete ────────────────────────────────────────────────────────────*/ function FirmScreen({ t }) { const credentials = ["Tribunales estatales y federales", "Notaría", "Servicios en toda la Isla"]; const principles = [ ["Un solo punto de contacto", "Usted sabe con quién habla y a quién llamar durante todo el trámite."], ["Estimado por escrito", "Antes de comenzar recibirá el alcance del trabajo y el costo, por escrito."], ["Lenguaje llano", "Le explicamos el procedimiento en palabras corrientes y guardamos el vocabulario técnico para los documentos."], ]; return (
    {credentials.map((c) => (
  • {t(c)}
    • ))}
{t("Titular del bufete")}

Manuel L. Morales Schmidt

{t("El Lcdo. Morales Schmidt es el titular de este Bufete de abogados y Notaría en Bayamón. Desde 2012 su grupo de abogados brinda asesoría legal, estatal y federal en toda la Isla.")}

{t("Es juris doctor de la Pontificia Universidad Católica de Puerto Rico, Summa Cum Laude, y fue el estudiante de más alto promedio de su clase graduanda. Antes de estudiar derecho obtuvo un bachillerato en ingeniería aeroespacial de la Universidad Texas A&M, formación que aplica hoy a los asuntos de construcción y permisos.")}

{principles.map(([title, body]) => (

{t(title)}

{t(body)}

 ))}
); } /* ── Contacto ─────────────────────────────────────────────────────────────*/ const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; function ContactScreen({ t, lang }) { const [form, setForm] = useState({ name: "", email: "", phone: "", subject: "Consulta general", message: "" }); const [errors, setErrors] = useState({}); const [sent, setSent] = useState(false); const [sending, setSending] = useState(false); const [sendError, setSendError] = useState(""); /* Honeypot + fill-time are the two spam screens. Both are checked again on the server; these are only what the browser contributes. */ const [trap, setTrap] = useState(""); const openedAt = React.useRef(Date.now()); /* Clearing the field's error as it is corrected keeps the red state from lingering after the problem is fixed. */ const on = (k) => (e) => { const { value } = e.target; setForm((f) => ({ ...f, [k]: value })); setErrors((prev) => (prev[k] ? { ...prev, [k]: "" } : prev)); }; /* The canvas validated the email only, but marks name and message required too. Enforcing all three keeps the asterisks honest. Error strings are in the firm's register — usted, plain, no exclamation. The server re-checks all of this; nothing here is a security control. */ const submit = async (e) => { e.preventDefault(); if (sending) return; const next = {}; if (!form.name.trim()) next.name = "Escriba su nombre."; if (!EMAIL_RE.test(form.email)) next.email = "Formato de correo inválido."; if (!form.message.trim()) next.message = "Escriba su mensaje."; setErrors(next); if (Object.keys(next).length) { const first = document.getElementById("ms-" + ["name", "email", "message"].find((k) => next[k])); if (first) first.focus(); return; } setSending(true); setSendError(""); try { const res = await fetch("/api/contact", { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ ...form, lang, empresa: trap, elapsedMs: Date.now() - openedAt.current, }), }); const data = await res.json().catch(() => ({})); if (res.status === 422 && Array.isArray(data.fields)) { /* The server disagreed with the browser. Surface it on the fields rather than as a generic failure. */ const msg = { name: "Escriba su nombre.", email: "Formato de correo inválido.", message: "Escriba su mensaje." }; setErrors(Object.fromEntries(data.fields.map((f) => [f, msg[f]]))); return; } if (!res.ok || !data.ok) throw new Error(data.error || `http_${res.status}`); setSent(true); } catch (err) { /* Never show the success state on a failed send: the enquirer would believe they had contacted a lawyer when nobody had. */ console.error("contact submit failed:", err); setSendError("No pudimos enviar su consulta."); } finally { setSending(false); } }; return (
{sent ? ( {t("Le responderemos durante el horario de oficina, de lunes a viernes.")} ) : (