Add logo image and update branding across header, footer, and emails

- Replace text logo with logo-spanglish.png in Header and Footer - Update email templates to use logo image instead of styled text - Add new HeroSection and EventHighlight components - Update homepage layout and event detail pages - Adjust Tailwind config and global styles
2026-01-30 22:45:43 +00:00
parent 47ba754f05
commit d3c69f2936
18 changed files with 461 additions and 351 deletions
--- a/backend/src/lib/emailTemplates.ts
+++ b/backend/src/lib/emailTemplates.ts
@@ -88,13 +88,9 @@ export const baseEmailWrapper = `
      padding: 24px;
      text-align: center;
    }
-    .header h1 {
-      margin: 0;
-      color: #fff;
-      font-size: 24px;
-    }
-    .header h1 span {
-      color: #f4d03f;
+    .header img {
+      max-height: 40px;
+      width: auto;
    }
    .content {
      padding: 32px 24px;
@@ -191,7 +187,7 @@ export const baseEmailWrapper = `
 <body>
  <div class="container">
    <div class="header">
-      <h1>Span<span>glish</span></h1>
+      <img src="{{siteUrl}}/images/logo-spanglish.png" alt="Spanglish" />
    </div>
    <div class="content">
      {{content}}