);
const MonoLabel = ({ children, color }) => (
{children}
);
// ---------- Nav ----------
const Nav = ({ onCta }) => {
const [scrolled, setScrolled] = useState(false);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 40);
window.addEventListener("scroll", onScroll, { passive: true });
return () => window.removeEventListener("scroll", onScroll);
}, []);
const links = [["serviços","services"],["trabalho","work"],["consultoria","consultoria"],["2026","stats"],["contacto","contact"]];
return (
);
};
// ---------- Hero ----------
// Animated purple orb + particles
const HeroVisual = () => {
const canvasRef = useRef(null);
useEffect(() => {
const canvas = canvasRef.current; if (!canvas) return;
const ctx = canvas.getContext("2d");
let w, h, raf;
const resize = () => {
const r = canvas.getBoundingClientRect();
canvas.width = r.width * devicePixelRatio;
canvas.height = r.height * devicePixelRatio;
w = r.width; h = r.height;
ctx.setTransform(devicePixelRatio,0,0,devicePixelRatio,0,0);
};
resize();
window.addEventListener("resize", resize);
const particles = Array.from({length: 60}, () => ({
x: Math.random()*1, y: Math.random()*1,
vx: (Math.random()-0.5)*0.0004, vy: (Math.random()-0.5)*0.0004,
r: Math.random()*1.6+0.4,
}));
let t = 0;
const draw = () => {
t += 0.005;
ctx.clearRect(0,0,w,h);
// orb glow
const cx = w*0.55, cy = h*0.5;
const grad = ctx.createRadialGradient(cx, cy, 0, cx, cy, Math.min(w,h)*0.55);
grad.addColorStop(0, "rgba(138, 58, 208, 0.55)");
grad.addColorStop(0.4, "rgba(92, 30, 160, 0.25)");
grad.addColorStop(1, "rgba(10, 4, 21, 0)");
ctx.fillStyle = grad;
ctx.fillRect(0,0,w,h);
// concentric rings
for (let i=0; i<6; i++) {
const r = 40 + i*28 + Math.sin(t+i)*4;
ctx.beginPath();
ctx.arc(cx, cy, r, 0, Math.PI*2);
ctx.strokeStyle = `rgba(198, 240, 60, ${0.22 - i*0.03})`;
ctx.lineWidth = 0.6;
ctx.stroke();
}
// rotating dashed ring
ctx.save();
ctx.translate(cx, cy); ctx.rotate(t*2);
ctx.beginPath();
ctx.arc(0,0, 110, 0, Math.PI*2);
ctx.setLineDash([4, 10]);
ctx.strokeStyle = "rgba(198,240,60,0.6)";
ctx.lineWidth = 1;
ctx.stroke();
ctx.restore();
ctx.save();
ctx.translate(cx, cy); ctx.rotate(-t*1.3);
ctx.beginPath();
ctx.arc(0,0, 170, 0, Math.PI*2);
ctx.setLineDash([2, 18]);
ctx.strokeStyle = "rgba(138,58,208,0.7)";
ctx.lineWidth = 1;
ctx.stroke();
ctx.restore();
// particles
particles.forEach(p => {
p.x += p.vx; p.y += p.vy;
if (p.x < 0 || p.x > 1) p.vx *= -1;
if (p.y < 0 || p.y > 1) p.vy *= -1;
ctx.beginPath();
ctx.arc(p.x*w, p.y*h, p.r, 0, Math.PI*2);
ctx.fillStyle = `rgba(198,240,60,${0.2 + p.r*0.2})`;
ctx.fill();
});
raf = requestAnimationFrame(draw);
};
draw();
return () => { cancelAnimationFrame(raf); window.removeEventListener("resize", resize); };
}, []);
return (
Produção audiovisual, captação aérea com drone e gestão de presença digital para empresas locais e mediadores imobiliários em Portugal. Um estúdio. Três operações: Produção · Distribuição · Visibilidade.
{s.detail}
O mercado separa videomaker, marketing e drone em silos. Nós juntamos os três — produção, distribuição e visibilidade — num só estúdio.
Um processo claro, executado mês a mês. Começa com um diagnóstico gratuito e evolui até um sistema recorrente de aquisição — sem projeto único, sem surpresas.
{phases[active].d}
Respondemos em 24h úteis. Entretanto, pode adiantar por WhatsApp.