// Agentic Title — Homepage shell parts (self-contained; no bundle dependency)
// ============================================================
// ROUTING DESTINATIONS — where CTA / form submissions are sent.
// DEFAULT: closings@agentictitletx.com (Thai's team's monitored inbox).
// The site owner (build team) controls these values; Thai's team just
// receives what comes through. To re-point anything (e.g. to a CRM
// intake address or a different inbox), change the addresses here —
// this is the ONE place order/contact/notify routing is defined.
// ============================================================
window.AT_ROUTING = window.AT_ROUTING || {
orderEmail: 'closings@agentictitletx.com',
contactEmail: 'closings@agentictitletx.com',
notifyEmail: 'closings@agentictitletx.com',
};
window.ATMailto = function (email, subject, body) {
let u = 'mailto:' + email;
const q = [];
if (subject) q.push('subject=' + encodeURIComponent(subject));
if (body) q.push('body=' + encodeURIComponent(body));
if (q.length) u += '?' + q.join('&');
return u;
};
// "New Conversation": clear the thread AND return the visitor to Home, so the
// button always visibly does something (not a no-op on an empty Home thread).
window.ATNewConversation = function () {
window.dispatchEvent(new CustomEvent('at-new-conversation'));
if (window.__goToPage) {
window.__goToPage('Home');
} else if (window.location.pathname !== '/') {
window.location.href = '/';
return;
}
const t = document.querySelector('.at-thread');
if (t) t.scrollTop = 0;
};
// Sends a form straight to an inbox — no email app needed on the visitor's device.
// Uses FormSubmit (formsubmit.co). The FIRST submission to a new address triggers a
// one-time activation email to that inbox; someone must click it before mail flows.
// Until then, forms show a fallback with the email + phone instead of failing silently.
window.ATSubmit = async function (to, subject, fields) {
try {
const res = await fetch('https://formsubmit.co/ajax/' + to, {
method: 'POST',
headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
body: JSON.stringify(Object.assign({ _subject: subject, _template: 'table', _captcha: 'false' }, fields)),
});
const data = await res.json().catch(() => ({}));
return { ok: res.ok && String(data.success) === 'true' };
} catch (e) {
return { ok: false };
}
};
window.ATOpenOrder = function () {
window.dispatchEvent(new CustomEvent('at-open-order'));
};
// ---- Mobile layer (≤900px): one stylesheet shared by every page ----
(function injectMobileCSS() {
if (document.getElementById('at-mobile-css')) return;
const css = `
.at-mobile-bar, .at-drawer-backdrop { display: none; }
@media (max-width: 900px) {
html, body { overflow: hidden; }
#root > div { flex-direction: column !important; }
.at-mobile-bar { display: flex !important; }
.at-topbar { display: none !important; }
.at-watermark { display: none !important; }
.at-home-sidebar { display: none !important; }
.at-home-sidebar.at-drawer-open { display: flex !important; position: fixed !important; top: 0; left: 0; bottom: 0; width: min(86vw, 320px) !important; height: auto !important; z-index: 1001; overflow-y: auto; box-shadow: 0 0 40px rgba(0,0,0,0.35); }
.at-drawer-backdrop.at-open { display: block !important; }
.at-thread { padding: 22px 0 196px !important; overflow-x: hidden; }
.at-thread > div { padding: 0 16px !important; gap: 26px !important; }
.at-thread section { min-width: 0; }
.at-thread section > div { min-width: 0; }
.at-thread section[style*="padding-left: 62px"] { padding-left: 0 !important; }
.at-thread [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
.at-thread [style*="padding: 2"], .at-thread [style*="padding: 3"], .at-thread [style*="padding: 4"] { padding: 20px 18px !important; }
.at-thread h1 { overflow-wrap: anywhere; }
.at-thread img { max-width: 100%; }
.at-bottom { padding: 0 12px 10px !important; }
.at-chips { flex-wrap: nowrap !important; overflow-x: auto; margin: 0 -12px 10px !important; padding: 2px 12px !important; gap: 8px !important; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.at-chips::-webkit-scrollbar { display: none; }
.at-chips > button { flex: none !important; white-space: nowrap; padding: 9px 14px !important; font-size: 12px !important; }
.at-composer { padding: 6px 6px 6px 14px !important; gap: 8px !important; }
.at-composer img { display: none !important; }
.at-order-grid { grid-template-columns: 1fr !important; }
.at-composer input { font-size: 16px !important; padding: 11px 0 !important; min-width: 0; }
.at-composer button { padding: 12px 16px !important; font-size: 12px !important; flex: none; }
.at-bottom > div > div:last-child { font-size: 9px !important; letter-spacing: 0.08em !important; margin-top: 8px !important; line-height: 1.6; }
}`;
const el = document.createElement('style');
el.id = 'at-mobile-css';
el.textContent = css;
document.head.appendChild(el);
})();
// ---- Brand monogram: architectural orange blocks ----
function Monogram({ s = 30 }) {
const u = s / 30;
return (
{/* left vertical bar */}
{/* top-right wide bar */}
{/* mid-right bar */}
);
}
// ---- Tiny icon set for the nav (16px, 1.7 stroke) ----
const NavSvg = (children) => ({ size = 17 }) => (
);
const HomeI = NavSvg(<>);
const AboutI = NavSvg(<>);
const ServicesI = NavSvg(<>);
const HowI = NavSvg(<>);
const TeamI = NavSvg(<>);
const AreasI = NavSvg(<>);
const ContactI = NavSvg(<>);
const PlusI = NavSvg(<>);
const ArrowI = NavSvg(<>);
const NAV = [
{ label: 'Home', I: HomeI, active: true },
{ label: 'Services', I: ServicesI },
{ label: 'How It Works', I: HowI },
{ label: 'Team', I: TeamI },
{ label: 'Service Areas', I: AreasI },
{ label: 'FAQ', I: '?' },
{ label: 'Contact', I: ContactI },
];
function SidebarPanel({ active, setActive, mobileOpen = false, setMobileOpen = () => {} }) {
const ROUTES = { Home: '/', Services: '/services', 'How It Works': '/how-it-works', Team: '/team', 'Service Areas': '/service-areas', FAQ: '/faq', Contact: '/contact' };
const navGo = (label) => { setMobileOpen(false); if (ROUTES[label] && active !== label) window.location.href = ROUTES[label]; else setActive(label); };
const [collapsed, setCollapsed] = React.useState(() => { try { return localStorage.getItem('at-sidebar-collapsed') === '1'; } catch (e) { return false; } });
const setCol = (v) => { setCollapsed(v); try { localStorage.setItem('at-sidebar-collapsed', v ? '1' : '0'); } catch (e) {} };
if (collapsed && !mobileOpen) {
return (
);
}
return (
);
}
const atFieldStyle = { width: '100%', boxSizing: 'border-box', border: '1px solid var(--border-default)', background: 'var(--surface-raised)', borderRadius: 'var(--radius-sm)', padding: '12px 14px', fontFamily: 'var(--font-serif)', fontSize: 16, color: 'var(--text-primary)', outline: 'none' };
const atLabelStyle = { display: 'block', fontFamily: 'var(--font-mono)', fontSize: 10.5, letterSpacing: '0.12em', textTransform: 'uppercase', color: 'var(--text-secondary)', marginBottom: 6 };
function OrderModal() {
const [open, setOpen] = React.useState(false);
const [status, setStatus] = React.useState('idle'); // idle | sending | sent | error
const [copied, setCopied] = React.useState(false);
const firstRef = React.useRef(null);
React.useEffect(() => {
const onOpen = () => { setStatus('idle'); setCopied(false); setOpen(true); };
const onKey = (e) => { if (e.key === 'Escape') setOpen(false); };
window.addEventListener('at-open-order', onOpen);
window.addEventListener('keydown', onKey);
return () => { window.removeEventListener('at-open-order', onOpen); window.removeEventListener('keydown', onKey); };
}, []);
React.useEffect(() => { if (open && status === 'idle' && firstRef.current) firstRef.current.focus(); }, [open, status]);
if (!open) return null;
const email = window.AT_ROUTING.orderEmail;
const submit = async (e) => {
e.preventDefault();
const f = e.currentTarget;
const v = (n) => ((f.elements[n] && f.elements[n].value) || '').trim();
setStatus('sending');
const r = await window.ATSubmit(email, 'New Order Request — ' + (v('property') || 'Agentic Title'), {
'Name': v('name'), 'Email': v('email'), 'Phone': v('phone'), 'I am a': v('role'),
'Property address': v('property'), 'Buyer(s)': v('buyer'), 'Seller(s)': v('seller'),
'Lender': v('lender'), 'Notes': v('notes'), _replyto: v('email'),
});
setStatus(r.ok ? 'sent' : 'error');
};
const copy = () => { try { navigator.clipboard.writeText(email); setCopied(true); } catch (err) {} };
const btn = { cursor: 'pointer', border: 'none', background: 'var(--at-hermes)', color: '#1c0d04', borderRadius: 'var(--radius-md)', padding: '15px 26px', fontFamily: 'var(--font-mono)', fontWeight: 500, fontSize: 12.5, letterSpacing: '0.12em', textTransform: 'uppercase' };
const ghost = { ...btn, background: 'transparent', color: 'var(--text-primary)', border: '1px solid var(--border-strong)' };
return (
{ if (e.target === e.currentTarget) setOpen(false); }} style={{
position: 'fixed', inset: 0, zIndex: 2000, background: 'rgba(14,13,12,0.5)',
display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 12,
}}>
Open an Order
{status === 'sent' ? 'Order request received.' : 'Tell us about the transaction.'}
{status === 'sent' && (
Thank you — your order request is with our team, and we'll be in touch during business hours (Mon–Fri, 9am–5pm CT).
If you have the executed contract, please email it to {email} so we can match it to your order.
)}
{status === 'error' && (
We couldn't send that just now. You can reach our team directly:
Call us
)}
{(status === 'idle' || status === 'sending') && (
)}
setMobileOpen(false)} style={{
position: 'fixed', inset: 0, background: 'rgba(14,13,12,0.45)', zIndex: 1000,
}}>
);
}
function TopBar({ title = 'ASK ATHENA', subtitle = 'Title Intelligence, Built In' }) {
return (
);
}
Object.assign(window, { Monogram, Sidebar, TopBar, HomeNavIcons: { ArrowI } });