setMenuOpen(false)}
/>
)}
{compact && (
)}
);
}
function SiteFooter({ onJump, onSchedule }) {
const { isMobile, isTablet } = useBreakpoint();
const cols = isMobile ? '1fr' : isTablet ? '1fr 1fr' : '1.6fr 1fr 1fr 1fr';
const gap = isMobile ? 40 : isTablet ? 40 : 56;
const jump = (id) => () => onJump && onJump(id);
const schedule = () => onSchedule && onSchedule();
return (
);
}
function SocialChip({ children, onClick, href, external, ...rest }) {
const baseStyle = { width: 36, height: 36, borderRadius: 999, border: '1px solid rgba(247,249,250,0.2)', display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'pointer', color: 'rgba(247,249,250,0.85)', transition: 'background var(--dur-fast) var(--ease-standard)', textDecoration: 'none' };
const onEnter = e => e.currentTarget.style.background = 'rgba(247,249,250,0.08)';
const onLeave = e => e.currentTarget.style.background = 'transparent';
if (href) {
return (
{children}
);
}
return (
{children}
);
}
function FooterCol({ title, links }) {
return (
{title}
{links.map((l, i) => {
const item = typeof l === 'string' ? { label: l } : l;
const baseStyle = { fontSize: 14, color: 'rgba(247,249,250,0.82)', cursor: item.onClick || item.href ? 'pointer' : 'default', lineHeight: 1.4, textDecoration: 'none', transition: 'color var(--dur-fast) var(--ease-standard)' };
const onEnter = e => e.currentTarget.style.color = '#fff';
const onLeave = e => e.currentTarget.style.color = 'rgba(247,249,250,0.82)';
if (item.href) {
return (
-
{item.label}
);
}
return (
- {item.label}
);
})}
);
}
/* ============================================================
CONSULTATION MODAL
============================================================ */
const FORMSPREE_ENDPOINT = 'https://formspree.io/f/mqevrnln';
const SERVICES_OPTIONS = [
'Bookkeeping',
'Tax preparation',
'CFO/advisory services',
'Financial statements',
'Cleanup/catch-up work',
'Audit support',
];
const LEGAL_STRUCTURES = [
'LLC',
'S-Corp',
'C-Corp',
'Partnership',
'Sole proprietorship',
'Non-profit',
'Other',
];
const inputBase = {
width: '100%',
padding: '11px 13px',
fontFamily: 'var(--font-sans)',
fontSize: 14.5,
color: 'var(--fg-1)',
background: 'var(--mvg-white)',
border: '1px solid var(--border-default)',
borderRadius: 'var(--radius-md)',
outline: 'none',
transition: 'border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)',
boxSizing: 'border-box',
};
function FormField({ label, required, children, hint, full }) {
return (
);
}
function FormSection({ eyebrow, title, children }) {
return (
);
}
function ServiceCheckbox({ value, defaultChecked }) {
const [checked, setChecked] = useState(!!defaultChecked);
return (
);
}
function ConsultationModal({ isOpen, onClose, prefillService }) {
const { isMobile } = useBreakpoint();
const [status, setStatus] = useState('idle');
const [error, setError] = useState('');
const [closing, setClosing] = useState(false);
const [countdown, setCountdown] = useState(3);
const formRef = useRef(null);
const firstInputRef = useRef(null);
const closeRef = useRef(onClose);
closeRef.current = onClose;
const beginClose = () => {
setClosing(true);
setTimeout(() => { setClosing(false); closeRef.current(); }, 200);
};
useEffect(() => {
if (isOpen) {
setStatus('idle');
setError('');
setClosing(false);
setCountdown(3);
const t = setTimeout(() => { try { firstInputRef.current?.focus(); } catch {} }, 80);
return () => clearTimeout(t);
}
}, [isOpen]);
useEffect(() => {
if (!isOpen) return;
const onKey = (e) => { if (e.key === 'Escape') beginClose(); };
window.addEventListener('keydown', onKey);
const prev = document.body.style.overflow;
document.body.style.overflow = 'hidden';
return () => {
window.removeEventListener('keydown', onKey);
document.body.style.overflow = prev;
};
}, [isOpen]);
useEffect(() => {
if (status !== 'success') return;
setCountdown(3);
const tick = setInterval(() => setCountdown(c => Math.max(0, c - 1)), 1000);
const closer = setTimeout(() => beginClose(), 3000);
return () => { clearInterval(tick); clearTimeout(closer); };
}, [status]);
const handleSubmit = async (e) => {
e.preventDefault();
if (status === 'submitting' || status === 'success') return;
setStatus('submitting');
setError('');
try {
const data = new FormData(formRef.current);
const res = await fetch(FORMSPREE_ENDPOINT, {
method: 'POST',
body: data,
headers: { Accept: 'application/json' },
});
if (res.ok) {
setStatus('success');
} else {
const j = await res.json().catch(() => ({}));
setError((j?.errors || []).map(x => x.message).filter(Boolean).join(', ') || 'Submission failed. Please try again.');
setStatus('error');
}
} catch {
setError('Network error. Please try again or email hello@mountainviewgroupllc.com.');
setStatus('error');
}
};
if (!isOpen && !closing) return null;
const onBackdropClick = (e) => {
if (e.target === e.currentTarget) beginClose();
};
const focusStyle = (e) => {
e.currentTarget.style.borderColor = 'var(--mvg-evergreen)';
e.currentTarget.style.boxShadow = 'var(--shadow-focus)';
};
const blurStyle = (e) => {
e.currentTarget.style.borderColor = 'var(--border-default)';
e.currentTarget.style.boxShadow = 'none';
};
const inputProps = { onFocus: focusStyle, onBlur: blurStyle };
return (
{/* Header */}
Free Consultation
Let's talk about your accounting needs.
A few quick questions help us prepare for our conversation. Mike will follow up within one business day.
{/* Body */}
{status === 'success' ? (
Thanks — your request is in.
Mike will review your information and reach out within one business day to schedule your consultation.
Closing in {countdown}…
) : (
)}
);
}
Object.assign(window, { SiteNav, SiteFooter, ConsultationModal });
{!compact && (
)}