Files
portal-api/resources/views/emails/customer/welcome.blade.php
T
2026-06-22 08:43:32 +07:00

68 lines
3.3 KiB
PHP

<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chào mừng đến với {{ $appName }}</title>
<style>
* { box-sizing: border-box; }
body { font-family: 'Segoe UI', Arial, sans-serif; background: #f0f4f8; margin: 0; padding: 0; }
.wrapper { max-width: 620px; margin: 30px auto; }
.card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.header { background: linear-gradient(135deg, #16a34a 0%, #15803d 100%); padding: 36px 40px; text-align: center; }
.header .icon { font-size: 48px; margin-bottom: 12px; }
.header h1 { color: #fff; margin: 0 0 6px; font-size: 24px; font-weight: 700; }
.header p { color: #bbf7d0; margin: 0; font-size: 14px; }
.body { padding: 36px 40px; color: #374151; line-height: 1.6; }
.footer { text-align: center; padding: 20px 40px; border-top: 1px solid #f3f4f6; font-size: 12px; color: #9ca3af; }
.feature-list { margin: 0 0 18px 18px; padding: 0; color: #374151; line-height: 1.8; }
.cta-wrap { text-align: center; margin: 28px 0; }
.cta-btn { display: inline-block; background-color: #16a34a; color: #ffffff !important; text-decoration: none; padding: 14px 28px; border-radius: 8px; font-size: 15px; font-weight: 600; }
</style>
</head>
<body>
<div class="wrapper">
<div class="card">
<div class="header">
<div class="icon">🎉</div>
<h1>Chào mừng bạn đến với {{ $appName }}</h1>
<p>Tài khoản của bạn đã được tạo thành công</p>
</div>
<div class="body">
<p style="margin:0 0 12px 0;">
Xin chào <strong>{{ $fullName }}</strong>,
</p>
<p style="margin:0 0 18px 0;">
Chào mừng bạn đến với <strong>{{ $appName }}</strong>!
Tài khoản của bạn đã được khởi tạo thành công và sẵn sàng sử dụng.
</p>
<p style="margin:0 0 12px 0;">
Tại <span>{{ $appName }}</span>, bạn có thể:
</p>
<ul class="feature-list">
<li>Khám phá và đăng ký các dịch vụ Cloud VPS, Hosting, Tên miền</li>
<li>Đặt hàng nhanh chóng, thanh toán an toàn</li>
<li>Theo dõi lịch sử đơn hàng và quản lý dịch vụ dễ dàng</li>
<li>Nhận ưu đãi và khuyến mãi độc quyền dành cho khách hàng</li>
</ul>
<div class="cta-wrap">
<a href="{{ $loginUrl }}" class="cta-btn">Đăng nhập ngay</a>
</div>
<p style="margin:0;color:#6b7280;">
Cảm ơn bạn đã tin tưởng và đồng hành cùng <span>{{ $appName }}</span>.
Chúc bạn có những trải nghiệm tuyệt vời!
</p>
</div>
<div class="footer">
Email này được gửi tự động. Vui lòng không trả lời email này.<br>
Cần hỗ trợ? Liên hệ <strong>{{ $supportEmail }}</strong> hoặc <strong>{{ $supportPhone }}</strong>
</div>
</div>
</div>
</body>
</html>