[HFX-2026] Homepage redesign, organizer photos, contact page update

Author: Seif ELBayomi

assets/events/2026-halifax/halifax-background.png

@@ -4,13 +4,60 @@ Type = "event"
 Description = "Contact information for DevOpsDays Halifax 2026"
 +++
 
-<div style="display: flex; gap: 1em; margin-bottom: 1.5em;">
-  <a href="mailto:halifax@devopsdays.org?subject=DevOpsDays Halifax 2026" class="btn jssocials-share-link event-cta-button" style="color: #EEF3C7; background-color: #48BD86; border: none; border-radius: 0.5em; font-weight: bold; padding: 1em 2em; max-width: 200px; text-align: center; text-decoration: none; display: inline-flex; align-items: center;" aria-pressed="true">Email Us</a>
-  <a href="https://www.linkedin.com/company/devopsdays-halifax" target="_blank" rel="noopener" class="btn jssocials-share-link event-cta-button" style="color: #EEF3C7; background-color: #48BD86; border: none; border-radius: 0.5em; font-weight: bold; padding: 1em 2em; max-width: 200px; text-align: center; text-decoration: none; display: inline-flex; align-items: center;" aria-pressed="true"><i class="fa-brands fa-linkedin" style="margin-right: 0.5em;"></i>LinkedIn</a>
+<style type="text/css">
+.hfx26-contact-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.85em;
+  margin: 0 0 2em;
+}
+.hfx26-contact-actions a.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.85em 1.75em;
+  border-radius: 10px;
+  font-weight: 600;
+  font-size: 1em;
+  text-decoration: none;
+  border: 1px solid #2A3152;
+  background: #151A2F;
+  color: #F5F7FF;
+  transition: border-color 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
+}
+.hfx26-contact-actions a.btn:hover {
+  border-color: #6FE7FF;
+  color: #6FE7FF;
+  text-decoration: none;
+  transform: translateY(-1px);
+}
+.hfx26-contact-actions a.btn-primary {
+  background: linear-gradient(135deg, #7C5CFF, #D946EF);
+  color: #F5F7FF;
+  border: none;
+  box-shadow: 0 4px 18px rgba(124, 92, 255, 0.4);
+}
+.hfx26-contact-actions a.btn-primary:hover {
+  box-shadow: 0 6px 24px rgba(124, 92, 255, 0.55);
+  color: #F5F7FF;
+  transform: translateY(-2px);
+}
+.hfx26-contact-actions a.btn i {
+  margin-right: 0.5em;
+}
+@media (max-width: 760px) {
+  .hfx26-contact-actions { flex-direction: column; }
+  .hfx26-contact-actions a.btn { width: 100%; }
+}
+</style>
+
+<div class="hfx26-contact-actions">
+  <a href="mailto:halifax@devopsdays.org?subject=DevOpsDays Halifax 2026" class="btn btn-primary">Email Us</a>
+  <a href="https://www.linkedin.com/company/devopsdays-halifax" target="_blank" rel="noopener" class="btn"><i class="fa-brands fa-linkedin"></i>LinkedIn</a>
 </div>
 
-**Our local team**
+## Our local team
 
 {{< list_organizers >}}
 
-{{< list_core >}}
+{{< list_core >}}