/* Tefi — small inline icon set + shared hooks */
const Icon = {
ArrowUpRight: ({ size = 16, color = 'currentColor', strokeWidth = 1.5 }) => (
),
Instagram: ({ size = 16 }) => (
),
MapPin: ({ size = 14 }) => (
),
Phone: ({ size = 14 }) => (
),
Clock: ({ size = 14 }) => (
),
Mail: ({ size = 14 }) => (
),
WhatsApp: ({ size = 14 }) => (
),
X: ({ size = 18 }) => (
),
ChevronLeft: ({ size = 18 }) => (
),
ChevronRight: ({ size = 18 }) => (
),
Check: ({ size = 16 }) => (
),
};
/* A real handwritten "— Tefi" mark, signed in Caveat.
Wrapped so it can be tinted via currentColor and sized via font-size. */
const SignatureMark = ({ size = 'clamp(2.2rem, 5vw, 3.4rem)', label = 'Tefi' }) => (
{label}
);
window.SignatureMark = SignatureMark;
function useReveal() {
React.useEffect(() => {
const els = document.querySelectorAll('.reveal');
const obs = new IntersectionObserver(
(entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
const delay = parseInt(e.target.dataset.delay || '0');
setTimeout(() => e.target.classList.add('is-visible'), delay);
obs.unobserve(e.target);
}
});
},
{ threshold: 0.12, rootMargin: '0px 0px -60px 0px' }
);
els.forEach((el) => obs.observe(el));
return () => obs.disconnect();
}, []);
}
function useParallax(ref, speed = 0.3) {
React.useEffect(() => {
let ticking = false;
const handle = () => {
if (!ticking) {
requestAnimationFrame(() => {
if (ref.current) {
const y = window.scrollY;
ref.current.style.transform = `translate3d(0, ${y * speed}px, 0)`;
}
ticking = false;
});
ticking = true;
}
};
window.addEventListener('scroll', handle, { passive: true });
return () => window.removeEventListener('scroll', handle);
}, [ref, speed]);
}
window.Icon = Icon;
window.useReveal = useReveal;
window.useParallax = useParallax;