1 files changed, 19 insertions, 85 deletions
diff --git a/lib/mail/templates/vendor-invitation.hbs b/lib/mail/templates/vendor-invitation.hbs
index d85067f4..9b68c10c 100644
--- a/lib/mail/templates/vendor-invitation.hbs
+++ b/lib/mail/templates/vendor-invitation.hbs
@@ -1,86 +1,20 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Vendor Registration Invitation</title>
-  <style>
-    body {
-      font-family: Arial, sans-serif;
-      line-height: 1.6;
-      color: #333333;
-      margin: 0;
-      padding: 0;
-    }
-    .container {
-      max-width: 600px;
-      margin: 0 auto;
-      padding: 20px;
-    }
-    .header {
-      background-color: #2563EB;
-      padding: 20px;
-      text-align: center;
-      color: white;
-    }
-    .content {
-      padding: 20px;
-      background-color: #ffffff;
-    }
-    .footer {
-      padding: 20px;
-      text-align: center;
-      font-size: 12px;
-      color: #666666;
-      background-color: #f5f5f5;
-    }
-    .button {
-      display: inline-block;
-      background-color: #2563EB;
-      color: white;
-      padding: 12px 24px;
-      text-decoration: none;
-      border-radius: 4px;
-      margin: 20px 0;
-      font-weight: bold;
-    }
-    .highlight {
-      background-color: #f8f9fa;
-      padding: 15px;
-      border-left: 4px solid #2563EB;
-      margin: 20px 0;
-    }
-  </style>
-</head>
-<body>
-  <div class="container">
-    <div class="header">
-      <h1>{{t "email.vendor.invitation.title"}}</h1>
-    </div>
-    <div class="content">
-      <p>{{t "email.vendor.invitation.greeting"}} {{companyName}},</p>
-      
-      <p>{{t "email.vendor.invitation.message"}}</p>
-      
-      <div class="highlight">
-        <p>{{t "email.vendor.invitation.details"}}</p>
-      </div>
-      
-      <div style="text-align: center;">
-        <a href="{{registrationLink}}" class="button">{{t "email.vendor.invitation.register_now"}}</a>
-      </div>
-      
-      <p>{{t "email.vendor.invitation.expire_notice"}}</p>
-      
-      <p>{{t "email.vendor.invitation.footer"}}</p>
-      
-      <p>{{t "email.vendor.invitation.signature"}}<br>
-      EVCP {{t "email.vendor.invitation.team"}}</p>
-    </div>
-    <div class="footer">
-      <p>© {{currentYear}} EVCP. {{t "email.vendor.invitation.copyright"}}</p>
-      <p>{{t "email.vendor.invitation.no_reply"}}</p>
-    </div>
+{{#> layout title=(t "email.vendor.invitation.title")}}
+  <p>{{t "email.vendor.invitation.greeting"}} {{companyName}},</p>
+  
+  <p>{{t "email.vendor.invitation.message"}}</p>
+  
+  <div class="info-box">
+    <p>{{t "email.vendor.invitation.details"}}</p>
   </div>
-</body>
-</html>
-\ No newline at end of file
+  
+  <div class="button-container">
+    <a href="{{registrationLink}}" class="button">{{t "email.vendor.invitation.register_now"}}</a>
+  </div>
+  
+  <p>{{t "email.vendor.invitation.expire_notice"}}</p>
+  
+  <p>{{t "email.vendor.invitation.footer"}}</p>
+  
+  <p>{{t "email.vendor.invitation.signature"}}<br>
+  EVCP {{t "email.vendor.invitation.team"}}</p>
+{{/layout}}
+\ No newline at end of file