feat: add favicon, OG images, social cards, and analytics
Deploy / Build & Push (Prod) (push) Successful in 18s
Deploy / Deploy Staging (push) Successful in 5s
Deploy / Deploy Prod (push) Successful in 6s

- Add favicon.png (orange B logo)
- Add og-image.png (1200x630 social card)
- Add og:image and twitter:image meta tags to all pages
- Add Plausible analytics script (privacy-friendly)
- Update Dockerfile to copy static assets

Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
2026-05-23 13:31:53 -03:00
parent 22df131b57
commit dbddcc40a2
7 changed files with 36 additions and 0 deletions
+4
View File
@@ -16,6 +16,10 @@ RUN addgroup -g 1000 -S nginx-user && \
adduser -u 1000 -S nginx-user -G nginx-user
COPY --from=builder /build/output.css /usr/share/nginx/html/output.css
COPY favicon.png /usr/share/nginx/html/favicon.png
COPY og-image.png /usr/share/nginx/html/og-image.png
COPY robots.txt /usr/share/nginx/html/robots.txt
COPY sitemap.xml /usr/share/nginx/html/sitemap.xml
COPY index.html /tmp/index.html
COPY index.pt-br.html /tmp/index.pt-br.html
COPY vs.html /tmp/vs.html
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 468 B

+8
View File
@@ -8,6 +8,7 @@
<title>Batida — Manage Incidents. Keep Your Cool.</title>
<meta name="description" content="Intelligent alternative to PagerDuty. Incident management platform for DevOps teams that need to respond fast, coordinate without chaos, and learn from every problem.">
<link rel="canonical" href="https://batida.io/">
<link rel="icon" type="image/png" href="/favicon.png">
<!-- Open Graph -->
<meta property="og:type" content="website">
@@ -15,11 +16,15 @@
<meta property="og:title" content="Batida — Manage Incidents. Keep Your Cool.">
<meta property="og:description" content="Intelligent alternative to PagerDuty. Incident management platform for DevOps teams. Start free.">
<meta property="og:site_name" content="Batida">
<meta property="og:image" content="https://batida.io/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Batida — Manage Incidents. Keep Your Cool.">
<meta name="twitter:description" content="Intelligent alternative to PagerDuty. Incident management platform for DevOps teams.">
<meta name="twitter:image" content="https://batida.io/og-image.png">
<!-- Sitemap -->
<link rel="sitemap" type="application/xml" href="/sitemap.xml">
@@ -489,6 +494,9 @@
font-size: clamp(1.5rem, 4vw, 3rem);
}
</style>
<!-- Analytics: Plausible (privacy-friendly, GDPR compliant) -->
<script defer data-domain="batida.io" src="https://plausible.io/js/script.js"></script>
</head>
<body class="antialiased">
+8
View File
@@ -8,6 +8,7 @@
<title>Batida — Gerencie Incidentes. Mantenha a Calma.</title>
<meta name="description" content="Plataforma moderna de incident management. Alternativa inteligente ao PagerDuty. Setup em minutos. Comece grátis.">
<link rel="canonical" href="https://batida.io/pt-br">
<link rel="icon" type="image/png" href="/favicon.png">
<!-- Open Graph -->
<meta property="og:type" content="website">
@@ -15,11 +16,15 @@
<meta property="og:title" content="Batida — Gerencie Incidentes. Mantenha a Calma.">
<meta property="og:description" content="Plataforma moderna de incident management. Alternativa inteligente ao PagerDuty. Setup em minutos. Comece grátis.">
<meta property="og:site_name" content="Batida">
<meta property="og:image" content="https://batida.io/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Batida — Gerencie Incidentes. Mantenha a Calma.">
<meta name="twitter:description" content="Plataforma moderna de incident management. Alternativa inteligente ao PagerDuty.">
<meta name="twitter:image" content="https://batida.io/og-image.png">
<!-- Sitemap -->
<link rel="sitemap" type="application/xml" href="/sitemap.xml">
@@ -489,6 +494,9 @@
font-size: clamp(1.5rem, 4vw, 3rem);
}
</style>
<!-- Analytics: Plausible (privacy-friendly, GDPR compliant) -->
<script defer data-domain="batida.io" src="https://plausible.io/js/script.js"></script>
</head>
<body class="antialiased">
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

+8
View File
@@ -8,16 +8,21 @@
<title>Batida vs PagerDuty vs Grafana OnCall — Feature Comparison</title>
<meta name="description" content="Compare Batida with PagerDuty and Grafana OnCall. See pricing, features, LGPD compliance, and why Brazilian teams choose Batida.">
<link rel="canonical" href="https://batida.io/vs">
<link rel="icon" type="image/png" href="/favicon.png">
<meta property="og:type" content="website">
<meta property="og:url" content="https://batida.io/vs">
<meta property="og:title" content="Batida vs PagerDuty vs Grafana OnCall — Feature Comparison">
<meta property="og:description" content="Compare incident management platforms. See why Batida is the best choice for Brazilian DevOps teams.">
<meta property="og:site_name" content="Batida">
<meta property="og:image" content="https://batida.io/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Batida vs PagerDuty vs Grafana OnCall">
<meta name="twitter:description" content="Compare incident management platforms for Brazilian teams.">
<meta name="twitter:image" content="https://batida.io/og-image.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -70,6 +75,9 @@
.compare-table .partial { color: #F59E0B; }
.compare-table .batida-col { color: #F97316; font-weight: 600; }
</style>
<!-- Analytics: Plausible (privacy-friendly, GDPR compliant) -->
<script defer data-domain="batida.io" src="https://plausible.io/js/script.js"></script>
</head>
<body class="antialiased">
+8
View File
@@ -8,16 +8,21 @@
<title>Batida vs PagerDuty vs Grafana OnCall — Comparação de Recursos</title>
<meta name="description" content="Compare o Batida com PagerDuty e Grafana OnCall. Veja preços, recursos, conformidade LGPD e por que equipes brasileiras escolhem o Batida.">
<link rel="canonical" href="https://batida.io/vs/pt-br">
<link rel="icon" type="image/png" href="/favicon.png">
<meta property="og:type" content="website">
<meta property="og:url" content="https://batida.io/vs/pt-br">
<meta property="og:title" content="Batida vs PagerDuty vs Grafana OnCall — Comparação">
<meta property="og:description" content="Compare plataformas de gerenciamento de incidentes. Veja por que o Batida é a melhor escolha para equipes DevOps brasileiras.">
<meta property="og:site_name" content="Batida">
<meta property="og:image" content="https://batida.io/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Batida vs PagerDuty vs Grafana OnCall">
<meta name="twitter:description" content="Compare plataformas de gerenciamento de incidentes para equipes brasileiras.">
<meta name="twitter:image" content="https://batida.io/og-image.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -70,6 +75,9 @@
.compare-table .partial { color: #F59E0B; }
.compare-table .batida-col { color: #F97316; font-weight: 600; }
</style>
<!-- Analytics: Plausible (privacy-friendly, GDPR compliant) -->
<script defer data-domain="batida.io" src="https://plausible.io/js/script.js"></script>
</head>
<body class="antialiased">