@component('mail::layout')
    <div class="card">
        @component('mail::header', ['image' => AssetS3('/assets/image/invited.png')])
            <h2 style="text-align: center;">{{ $title }}</h2>
        @endcomponent

        <div class="card-body">
            <p>{{ $title }}</p>
            
            <table>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Name</span> 
                        <span style="color: #202124">{{ $name }}</span>
                    </td>
                </tr>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Email</span> 
                        <span style="color: #202124 !important">{{ $email }}</span>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">Phone Number</span> 
                        <span style="color: #202124">{{ $phone_number }}</span>
                    </td>
                <tr>
                    <td style="text-align: left;">
                        <span style="color: #85898c">How we can help?:</span> <br>
                        <span style="color: #202124">{{ $description }}</span>
                    </td>
                </tr>
            </table>
        </div>                  
    </div>
@endcomponent