// SPACEWALKER v3 — root app
const { useEffect: useEffectA } = React;
function Cursor2() {
useEffectA(() => {
const dot = document.querySelector(".cursor-dot2");
const cross = document.querySelector(".cursor-cross");
if (!dot || !cross) return;
let mx = 0, my = 0, rx = 0, ry = 0;
const move = (e) => {
mx = e.clientX; my = e.clientY;
dot.style.transform = `translate(${mx}px, ${my}px) translate(-50%,-50%)`;
};
const animate = () => {
rx += (mx - rx) * 0.2; ry += (my - ry) * 0.2;
cross.style.transform = `translate(${rx}px, ${ry}px) translate(-50%,-50%)`;
requestAnimationFrame(animate);
};
const over = (e) => {
const t = e.target;
const isHot = t.closest && (t.closest("a") || t.closest("button") || t.closest(".pcard") || t.closest(".work-card") || t.closest(".fcard"));
if (isHot) { dot.classList.add("hover"); cross.classList.add("hover"); }
else { dot.classList.remove("hover"); cross.classList.remove("hover"); }
};
window.addEventListener("mousemove", move);
window.addEventListener("mouseover", over);
animate();
return () => {
window.removeEventListener("mousemove", move);
window.removeEventListener("mouseover", over);
};
}, []);
return (<>
);
}
function LangSwitch() {
const [, lang, setLang] = useLang();
const langs = ["en", "ar", "tr"];
return (
{langs.map(l => (
))}
);
}
function Navbar2() {
const [scrolled, setScrolled] = React.useState(false);
const [tr] = useLang();
useEffectA(() => {
const onScroll = () => setScrolled(window.scrollY > 60);
window.addEventListener("scroll", onScroll);
return () => window.removeEventListener("scroll", onScroll);
}, []);
return (
);
}
function App() {
return (
<>
);
}
ReactDOM.createRoot(document.getElementById("root")).render();