shubraVeil/templates/emails/order-confirmation.html
2024-12-25 13:05:50 +02:00

41 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<title>تأكيد الطلب - ShubraVeil</title>
<style>
body { font-family: 'Tajawal', Arial, sans-serif; line-height: 1.6; color: #333; }
.container { max-width: 600px; margin: 0 auto; padding: 20px; }
.header { text-align: center; padding: 20px 0; }
.content { background: #f9f9f9; padding: 20px; border-radius: 5px; }
.footer { text-align: center; padding: 20px 0; color: #666; }
.button { display: inline-block; padding: 10px 20px; background: #0c814a; color: white; text-decoration: none; border-radius: 5px; }
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>شكراً لطلبك من ShubraVeil</h1>
</div>
<div class="content">
<h2>مرحباً {USER_NAME}،</h2>
<p>نشكرك على طلبك. تم استلام طلبك بنجاح وجاري تجهيزه.</p>
<h3>تفاصيل الطلب:</h3>
<p>رقم الطلب: {ORDER_ID}</p>
<p>إجمالي المبلغ: {ORDER_TOTAL} جنيه</p>
<p>يمكنك متابعة حالة طلبك من خلال حسابك على موقعنا.</p>
<div style="text-align: center; margin: 30px 0;">
<a href="{SITE_URL}/orders" class="button">متابعة طلبك</a>
</div>
</div>
<div class="footer">
<p>إذا كان لديك أي استفسار، يرجى التواصل معنا على البريد الإلكتروني: support@shubraveil.com</p>
<p>مع تحيات فريق ShubraVeil</p>
</div>
</div>
</body>
</html>