<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="UTF-8">
    <title>Pesan Baru dari Website</title>
</head>

<body
    style="font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color: #f3f4f6; padding: 20px; margin:0;">
    <div
        style="max-width:600px; margin:auto; background-color:#fff; border-radius:1rem; padding:2rem; box-shadow:0 4px 6px rgba(0,0,0,0.1);">
        <h2 style="font-size:1.875rem; font-weight:700; color:#1d4ed8; margin-bottom:1rem;">Pesan Baru dari Website</h2>

        <div style="margin-bottom:1rem;">
            <p style="font-weight:600; color:#374151;">Nama:</p>
            <p style="color:#111827;">{{ $contact->nama }}</p>
        </div>

        <div style="margin-bottom:1rem;">
            <p style="font-weight:600; color:#374151;">Email:</p>
            <p style="color:#111827;">{{ $contact->email }}</p>
        </div>

        <div style="margin-bottom:1rem;">
            <p style="font-weight:600; color:#374151;">Pesan:</p>
            <div
                style="background-color:#f9fafb; padding:0.75rem; border-radius:0.5rem; color:#111827; line-height:1.5;">
                {{ $contact->pesan }}
            </div>
        </div>

        <hr style="border-top:1px solid #e5e7eb; margin:2rem 0;">
        <p style="font-size:0.875rem; color:#6b7280;">Ini adalah pesan otomatis dari website. Jangan dibalas langsung.
        </p>
    </div>
</body>

</html>
