/* global React, useState, useEffect, useRef, useReveal, fireConfetti */
function Hero() {
const ref = useRef(null);
const [time, setTime] = useState(new Date());
useEffect(() => {
const t = setInterval(() => setTime(new Date()), 60_000);
return () => clearInterval(t);
}, []);
useEffect(() => {
let raf;
const onScroll = () => {
cancelAnimationFrame(raf);
raf = requestAnimationFrame(() => {
const y = window.scrollY;
const blobs = document.querySelectorAll(".hero-blob");
blobs.forEach((b, i) => {
const factor = (i + 1) * 0.15;
b.style.transform = `translate3d(0, ${y * factor}px, 0)`;
});
});
};
window.addEventListener("scroll", onScroll, { passive: true });
return () => window.removeEventListener("scroll", onScroll);
}, []);
const hours = time.getHours();
const isWeekend = [0, 6].includes(time.getDay());
const onlineStart = isWeekend ? 10 : 14;
const isOnline = hours >= onlineStart && hours < 21;
return (
{isOnline ? <>Heute per Video erreichbar : <>Heute Abend per Video erreichbar}
Technik. einfach
gelöst.
Ihr iPhone spinnt, eine App macht Probleme, ein Konto ist gesperrt?
Hilfe per Video-Chat — schnell, geduldig, von überall.
);
}
function MetaItem({ k, v }) {
return (
);
}
function ArrowIcon() {
return (
);
}
function BentoGrid() {
const ref = useReveal();
return (
);
}
function BentoCard({ children, className = "" }) {
return (
{ e.currentTarget.style.transform = "translateY(-3px)"; e.currentTarget.style.borderColor = "var(--line-strong)"; }}
onMouseLeave={(e) => { e.currentTarget.style.transform = "translateY(0)"; e.currentTarget.style.borderColor = "var(--line)"; }}
>
{children}
);
}
function BentoBig() {
return (
{ e.currentTarget.style.transform = "translateY(-3px)"; }}
onMouseLeave={(e) => { e.currentTarget.style.transform = "translateY(0)"; }}
>
So funktioniert's
Bildschirm teilen.
Problem weg.
Keine Hotline, keine Wartezeit, kein Fachchinesisch. Sie teilen Ihren Bildschirm — ich führe Sie Schritt für Schritt zur Lösung.
14:32
●●● 📶
Hallo Paul, mein iPhone lädt nicht mehr 😩
Kein Stress — in wenigen Minuten schauen wir das an.
Vielen Dank!! 🙏
);
}
function Bubble({ side, color, white, delay, children }) {
return (
{children}
);
}
function WlanCard() {
return (
WLAN & Internet
Endlich Empfang im ganzen Haus.
);
}
function WlanAnim() {
return (
);
}
function AndroidCard() {
return (
iPhone & Android
Egal welches Gerät.
{["iOS", "Android", "Win", "Mac"].map((p, i) => (
{p}
))}
);
}
function PasswordCard() {
const [unlocked, setUnlocked] = useState(false);
useEffect(() => {
const t = setInterval(() => setUnlocked((u) => !u), 2800);
return () => clearInterval(t);
}, []);
return (
Passwörter
Wieder reinkommen.
{unlocked ? "🔓" : "🔒"}
);
}
function FotosCard() {
return (
Fotos & Speicher
Wieder Platz auf dem Handy.
);
}
function VorOrtCard() {
return (
Per Video
Von überall. Live. Mit Bildschirm teilen.
FaceTime · Jitsi
Vor Ort am Bodensee
);
}
function VideoCallVisual() {
return (
);
}
function Eyebrow({ children }) {
return {children}
;
}
function Title({ children }) {
return {children}
;
}
Object.assign(window, { Hero });