// DRONERA — Service Page (Hungarian, Premium GSAP) const { useState: useSPState, useEffect: useSPEffect, useRef: useSPRef } = React; const SERVICE_DATA = { energy: { accentColor: "#ED6D40", heroTitle: "ENERGETIKA", heroSubtitle: "Légi inspekció. Termográfia. Precizitás.", introLeft: "Napelem, területfelmérés & hőhidak keresése — fentről felügyelve.", introRight: "Az energiaszektor folyamatos felügyeletet igényel. A DRONERA termográfiai és vizuális inspekciós szolgáltatásai lehetővé teszik a műszaki hibák és hatékonyság csökkenés korai felismerését.", services: [ { title: "Napelem Felmérés", description: "Nagyfelbontású termográfiai felvételek a hotspotok és panelek hibáinak azonosítására. Műszaki hibák és hatékonyság csökkenés korai felismerése.", }, { title: "Telepítés Előtti Területfelmérés", description: "Pontos domborzat és akadályok felmérése ipari létesítmények telepítése előtt. A precíz adatokkal kevesebb a kivitelezési hiba.", }, { title: "Műszaki hibák és sérülések felismerése", description: "Repedések, kontakt hibák, panel problémák → még mielőtt komoly kiesést okoznának.", }, { title: "Hatékonyság csökkenés kimutatása", description: "Megmutatjuk, mennyi energiát veszítesz → és hol kell beavatkozni", }, ], timeline: ["Konzultáció", "Küldetéstervezés", "Repülés", "Adatelemzés", "Riport Átadás"], techTitle: "Felszerelés & Szenzorok", techItems: [ { name: "Hőkamera", detail: "Radiometrikus infravörös kamera ±0.05°C pontossággal és automatizált hőtérkép-generálással." }, { name: "RGB Kamera", detail: "Szabad szemmel látható tartományban rögzítő szenzor a felületi hibák részletes dokumentálására." }, { name: "DJI Matrice 4T", detail: "Kompakt, ipari drón platform beépített hőkamerával és magas optikai zoommal." }, { name: "Automatizált Feldolgozás", detail: "Felhőalapú adatfeldolgozás és zónatérkép-generálás akár 24 órán belül." }, ], }, agriculture: { accentColor: "#91B422", heroTitle: "MEZŐGAZDASÁG", heroSubtitle: "Ne az egész táblát kezeld – csak azt a részt, ami tényleg pénzt veszít", introLeft: "Kijuttatási terv, vegetációs elemzés és kárfelmérés — drónnal.", introRight: "A precíziós mezőgazdaság a jövő. A DRONERA multispektrális drónfelvételei valós idejű adatokat szolgáltatnak: NDVI-alapú növényegészségügyi elemzés, biztosítási szintű károk dokumentálása és differenciált kijuttatási tervek. Méréseket országosan végezzük.", services: [ { title: "NDVI Analízis", description: "Multispektrális vegetációs indextérképek a kultúra egészségének vizualizálására és a kezelési zónák lehatárolására — a repüléstől számított akár 24 órán belül. Előnyök: Kevesebb vegyszer, pontos diagnózis, magasabb hozam.", }, { title: "Kárfelmérés", description: "Jégeső, aszály, belvíz, vadkár és egyéb mezőgazdasági káresemények georeferált dokumentációja biztosítási és jogi célokra. Részletes, bizonyító erejű adatok.", }, { title: "Centiméter pontos területadatok (RTK)", description: "Nincs több becslés – pontos támogatás és tervezés.", }, { title: "Korai problémafelismerés", description: "Stressz, betegség, hiány láthatóvá válik, még mielőtt szemmel észrevehető lenne.", }, { title: "Zónaterv és heterogenitás elemzés ", description: "Nem kell egyformán kezelni az egész táblát – kevesebb input, nagyobb hozam.", }, { title: "Célzott gyom- és kárkezelés", description: "Csak ott avatkozol be, ahol szükséges – jelentős költségmegtakarítás.", }, { title: "Rejtett talajproblémák feltárása", description: "Szikesedés, vízproblémák időben kezelve nem veszélyeztetik a termést.", }, ], timeline: ["Konzultáció", "Területfelmérés", "Repülés", "Adatfeldolgozás", "Riport Átadás"], techTitle: "Felszerelés", techItems: [ { name: "DJI Mavic 3 Multispectral", detail: "Beépített multispektrális és RGB kamerával felszerelt drón, tökéletes választás precíziós mezőgazdasághoz." }, { name: "Permetező Drón", detail: "Hamarosan..." }, { name: "RTK GPS", detail: "Centiméteres pozicionálási pontosság a teljesen georeferált eredményekért." }, { name: "Automatizált Feldolgozás", detail: "Felhőalapú adatfeldolgozás és zónatérkép-generálás akár 24 órán belül." }, ], }, geodesy: { accentColor: "#4682B4", heroTitle: "GEODÉZIA", heroSubtitle: "Fotogrammetria. 3D Modellezés. Pontfelhő.", introLeft: "Centiméter-pontos felmérések — egyedi épületektől a teljes létesítményekig.", introRight: "A DRONERA geodéziai szolgáltatásai ötvözik a fotogrammetriai feldolgozást, a LiDAR technológiát és az RTK-alapú pontosságot, hogy kiszolgálják a legszigorúbb építési és tervezési munkafolyamatokat. Méréseket országosan végezzük.", services: [ { title: "Fotogrammetriai Felmérés", description: "Nagyfelbontású légifotók feldolgozása ortofotókká, digitális domborzatmodellekké (DEM/DSM) és 3D pontfelhőkké, terület- és épületfelmérésekhez.", }, { title: "3D Épületmodellezés", description: "Épületek, szerkezetek és infrastrukturális elemek teljes — felújítási, tervezési és dokumentációs célokra.", }, { title: "Térfogatszámítás", description: "Depóniák, külszíni fejtések, bányák és földmunkák gyors és pontos térfogatszámítása centiméteres precizitással, akár 24 órán belül.", }, { title: "Talajmunka és szintezés monitorozása", description: "Látod, hol kell még dolgozni – kevesebb felesleges gépidő.", }, { title: "Változáskövetés (progress tracking)", description: "Naprakész állapot minden fázisban – nincs vakon haladás.", }, { title: "Anyagmennyiség számítás", description: "Pontosan tudod, mennyi földet kell mozgatni – nincs alul- vagy túlkalkulálás.", }, { title: "Pontfelhő készítés (.las, .xyz)", description: "Mérnöki pontosságú adatok, kompatibilis tervező szoftverekkel.", }, ], timeline: ["Konzultáció", "Földi Előkészítés", "Repülés", "Feldolgozás", "Átadás"], techTitle: "Felszerelés & Szoftver", techItems: [ { name: "LiDAR Szenzor", detail: "Lézerszkenner alapú pontfelhő 100+ pont/m² sűrűséggel, teljes lombkorona áthatolási képességgel." }, { name: "DJI Matrice 4T", detail: "Kompakt, ipari drón platform beépített hőkamerával és magas optikai zoommal." }, { name: "RTK + Illesztőpontok", detail: "RTK drón földi illesztőpontokkal kombinálva 1–2 cm-es abszolút pontosságért." }, { name: "Agisoft Metashape", detail: "Iparági standard fotogrammetriai feldolgozás automatizált folyamatokkal." }, ], }, }; function ServicePage({ pageId, onNavigate }) { const data = SERVICE_DATA[pageId]; if (!data) return null; const { accentColor: ac, heroTitle, heroSubtitle, introLeft, introRight, services, timeline, techTitle, techItems } = data; const [scanY, setScanY] = useSPState(0); const containerRef = useSPRef(null); useSPEffect(() => { let raf; const start = performance.now(); const animate = (now) => { const t = ((now - start) / 4000) % 1; setScanY(t * 100); raf = requestAnimationFrame(animate); }; raf = requestAnimationFrame(animate); // GSAP ScrollTrigger if (window.gsap && window.ScrollTrigger && containerRef.current) { const q = gsap.utils.selector(containerRef); // Hero gsap.fromTo(q(".sp-hero-title"), { y: 50, opacity: 0 }, { y: 0, opacity: 1, duration: 1.2, ease: "power4.out", stagger: 0.15 }); // Intro gsap.fromTo(q(".sp-intro"), { y: 40, opacity: 0 }, { y: 0, opacity: 1, duration: 1, ease: "power3.out", scrollTrigger: { trigger: q(".sp-intro"), start: "top 80%" } }); // Offering Header gsap.fromTo(q(".sp-offering-header"), { y: 30, opacity: 0 }, { y: 0, opacity: 1, duration: 1, ease: "power3.out", scrollTrigger: { trigger: q(".sp-offering-header"), start: "top 85%" } }); // Services rows q(".sp-service-row").forEach(el => { gsap.fromTo(el, { x: -30, opacity: 0 }, { x: 0, opacity: 1, duration: 0.8, ease: "power3.out", scrollTrigger: { trigger: el, start: "top 90%" } }); }); // Timeline gsap.fromTo(q(".sp-tl-header"), { y: 30, opacity: 0 }, { y: 0, opacity: 1, duration: 0.8, ease: "power3.out", scrollTrigger: { trigger: q(".sp-tl-header"), start: "top 85%" } }); q(".sp-tl-item").forEach(el => { gsap.fromTo(el, { x: -20, opacity: 0 }, { x: 0, opacity: 1, duration: 0.6, ease: "power3.out", scrollTrigger: { trigger: el, start: "top 90%" } }); }); // Tech gsap.fromTo(q(".sp-tech-header"), { y: 30, opacity: 0 }, { y: 0, opacity: 1, duration: 0.8, ease: "power3.out", scrollTrigger: { trigger: q(".sp-tech-header"), start: "top 85%" } }); gsap.fromTo(q(".sp-tech-card"), { y: 30, opacity: 0 }, { y: 0, opacity: 1, duration: 0.8, stagger: 0.1, ease: "power3.out", scrollTrigger: { trigger: q(".sp-tech-card"), start: "top 85%" } }); } return () => cancelAnimationFrame(raf); }, [pageId]); return (
{/* ── Hero ── */}
{/* Dot grid */} {/* Scan line */}
{/* Corner bracket */}

{heroTitle}

{heroSubtitle}

N 47.4979° E 19.0402°
{/* ── Intro ── */}

{introLeft}

{introRight}

{/* ── Services list ── */}
Kínálatunk
Ezzel tudunk segíteni.
{services.map(c => ( ))}
{/* ── Timeline ── */}

Folyamat

A konzultációtól a kivitelezésig – elhivatott szakértelem, hatékony végrehajtás.

{timeline.map((step, i) => (
{String(i + 1).padStart(2, "0")}. {step}
))}
{/* ── Tech ── */}
Felszerelés

{techTitle}

{techItems.map(item => (

{item.name}

{item.detail}

))}
{/* ── CTA ── */}
); } function ServiceRow({ item, accentColor }) { const [hov, setHov] = useSPState(false); return (
setHov(true)} onMouseLeave={() => setHov(false)} style={{ display: "flex", gap: "clamp(28px,4vw,80px)", alignItems: "flex-start", padding: "clamp(28px,3vw,48px) 0 clamp(28px,3vw,48px) clamp(16px,2vw,32px)", borderBottom: "1px solid rgba(255,255,255,0.04)", borderLeft: `2px solid ${hov ? accentColor : "transparent"}`, transition: "border-color 0.4s cubic-bezier(0.22,1,0.36,1)", opacity: 0 }} >
{item.title}

{item.description}

); } function CtaBanner({ accentColor, onNavigate }) { const [btnHov, setBtnHov] = useSPState(false); const ref = useSPRef(null); useSPEffect(() => { if (window.gsap && window.ScrollTrigger && ref.current) { gsap.fromTo(ref.current.children, { y: 30, opacity: 0 }, { y: 0, opacity: 1, duration: 1, stagger: 0.15, ease: "power3.out", scrollTrigger: { trigger: ref.current, start: "top 80%" } }); } }, []); return (
Következő Lépés

Kérj személyre szabott ajánlatot.

); } Object.assign(window, { ServicePage, CtaBanner });