Adicione um link elegante para o Própolis Research Hub no seu website Energia da Terra. Escolha a opção que melhor se adequa ao seu site.
Use este código se seu site é feito em HTML/CSS ou WordPress:
<!-- Própolis Research Hub Link -->
<a href="https://propolis-research-hub.manus.space" target="_blank" rel="noopener noreferrer"
style="display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px;
background: linear-gradient(135deg, #5a7a6a 0%, #4a6a5a 100%);
color: white; text-decoration: none; border-radius: 8px;
font-weight: 600; transition: all 0.3s ease; cursor: pointer;"
onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 10px 20px rgba(90, 122, 106, 0.3)'"
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'">
<span>📚 Própolis Research Hub</span>
<span style="font-size: 12px;">→</span>
</a>Copie este código e cole no local desejado do seu site (geralmente na navegação ou rodapé).
Use este componente se seu site é feito com React:
import { ExternalLink } from 'lucide-react';
export default function PropolisLink() {
return (
<a
href="https://propolis-research-hub.manus.space"
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-green-600 to-green-700 hover:from-green-700 hover:to-green-800 text-white rounded-lg transition-all duration-300 hover:shadow-lg hover:-translate-y-1 font-semibold"
>
📚 Própolis Research Hub
<ExternalLink className="w-4 h-4" />
</a>
);
}Importe o componente onde deseja exibir o link.
A forma mais simples de adicionar um link:
<a href="https://propolis-research-hub.manus.space" target="_blank">
Própolis Research Hub
</a>