const { useState, useEffect, useRef } = React;
function CtaSection({ onNavigate }) {
const [hover, setHover] = useState(false);
const ref = useRef(null);
useEffect(() => {
if (window.gsap && window.ScrollTrigger) {
gsap.fromTo(ref.current.children,
{ opacity: 0, y: 40 },
{
opacity: 1, y: 0, duration: 1, stagger: 0.15, ease: "power3.out",
scrollTrigger: { trigger: ref.current, start: "top 80%" }
}
);
}
}, []);
return (
Készen állsz a kezdésre?
Kérj személyre szabott ajánlatot.
);
}
function App() {
const [page, setPage] = useState(() => localStorage.getItem("dronera_en_page") || "home");
const navigate = (p) => {
setPage(p);
localStorage.setItem("dronera_en_page", p);
window.scrollTo({ top: 0 });
};
useEffect(() => {
const dot = document.getElementById("cursor-dot");
const ring = document.getElementById("cursor-ring");
if(!dot || !ring) return;
let rx = 0, ry = 0, animId, tx = window.innerWidth/2, ty = window.innerHeight/2;
const lerp = (a, b, t) => a + (b - a) * t;
const tick = () => {
rx = lerp(rx, tx, 0.14); ry = lerp(ry, ty, 0.14);
ring.style.transform = `translate(calc(${rx}px - 50%), calc(${ry}px - 50%))`;
dot.style.transform = `translate(calc(${tx}px - 50%), calc(${ty}px - 50%))`;
animId = requestAnimationFrame(tick);
};
animId = requestAnimationFrame(tick);
const onMove = (e) => { tx = e.clientX; ty = e.clientY; };
const onEnter = () => document.body.classList.add("cursor-hover");
const onLeave = () => document.body.classList.remove("cursor-hover");
window.addEventListener("mousemove", onMove, { passive:true });
const attachListeners = () => {
document.querySelectorAll("a,button,input,textarea,select,[data-cursor]").forEach(el => {
el.removeEventListener("mouseenter", onEnter); el.removeEventListener("mouseleave", onLeave);
el.addEventListener("mouseenter", onEnter); el.addEventListener("mouseleave", onLeave);
});
};
attachListeners();
const mo = new MutationObserver(() => attachListeners());
const root = document.getElementById("root");
if(root) mo.observe(root, { subtree:true, childList:true });
return () => { cancelAnimationFrame(animId); window.removeEventListener("mousemove", onMove); mo.disconnect(); };
}, []);
const isService = ["energy","agriculture","geodesy"].includes(page);
return (
<>
{page === "home" && (<>)}
{isService && }
{page === "contact" && }