/* global React */
const IgIcon = () => (
);
const FbIcon = () => (
);
const WaIcon = () => (
);
function Footer() {
const { t, lang } = window.useT();
const copy = lang === "es"
? "© 2026 Victoria Skincare Curaçao · Realizado por"
: "© 2026 Victoria Skincare Curaçao · Made by";
const rights = lang === "es"
? "· Todos los derechos reservados"
: "· All rights reserved";
return (
);
}
function MobileCTA() {
const { t } = window.useT();
const [visible, setVisible] = React.useState(false);
const [bookVisible, setBookVisible] = React.useState(false);
const timerRef = React.useRef(null);
// Hide when a real Book CTA is visible in the viewport
React.useEffect(() => {
const targets = document.querySelectorAll(
'.vsc-hero-cta, .vsc-page-hero .actions, .vsc-cta'
);
if (!targets.length) return;
const visibleSet = new Set();
const observer = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (e.isIntersecting) visibleSet.add(e.target);
else visibleSet.delete(e.target);
});
setBookVisible(visibleSet.size > 0);
}, { threshold: 0.15 });
targets.forEach(el => observer.observe(el));
return () => observer.disconnect();
}, []);
// Show after scroll > 120px, auto-hide after 10 s
React.useEffect(() => {
function onScroll() {
if (window.scrollY > 120) {
setVisible(true);
clearTimeout(timerRef.current);
timerRef.current = setTimeout(() => setVisible(false), 10000);
}
}
window.addEventListener('scroll', onScroll, { passive: true });
return () => {
window.removeEventListener('scroll', onScroll);
clearTimeout(timerRef.current);
};
}, []);
const show = visible && !bookVisible;
return (
{t("common.tagline_mobile")}
{t("common.book_short")}
);
}
window.Footer = Footer;
window.MobileCTA = MobileCTA;