<html>
<head>
<style>
    body {
        padding:10px;
        background-color:#f2f9ff!important;
        color:#bbb!important;
        background:#f2f9ff!important;
    }

    .svg-button {
        fill:none;
        fill-rule:evenodd;
        cursor:pointer;
        stroke: rgb(5, 255, 251);
        stroke-width: 2px;
        stroke-linejoin: round;
        stroke-miterlimit:10;
    }


    .buttons-hover a {
        border-bottom: none!important;
    }
    

    @media screen and (min-width: 600px) {
        .buttons-hover:hover .svg-button {
            fill: #006969;
        }
    }


    li {
        margin-bottom:7px;
    }
</style>
</head>
<body style="font-family: Arial, Helvetica, Sans-Serif;background-color:#f2f9ff!important;color:#bbb!important;font-size: 15px;">                
    <div style="text-align:center;max-width:700px;margin:0 auto;padding:10px;color:#999!important;">
        <div style="height:10px;"></div>

        <div title="Logo" style="min-height:40px;width:120px;margin: 0 auto;position:relative;">
            <a href="https://coliving.app" target="_blank" >
                <img src="https://coliving.app/img/coliving-app-logo-symbol.png" style="width:100%;" alt="Logo" title="Logo">
            </a>
        </div>

            <div style="height:10px;"></div>
            <div style="font-size:24px;font-weight:bold;color:#555;">Coliving App</div>


        <div style="height:10px;"></div>

        <div style="text-align:left;margin:15px;padding:20px;padding-top:30px;padding-bottom:30px;border:1px solid #999;background:#fff;border-radius:5px;color:#222!important;">
            Hello,
            <div style="height:15px;"></div>
            We are thrilled to invite you to claim your coliving space profile on Coliving App!
            <div style="height:15px;"></div>
            We have created a preliminary profile for <a href="https://coliving.app/space/{{$uid}}" target="_blank" style="color:#00a5ff;text-decoration:underline;"><b>{{ $name }}</b></a> using publicly available information to help potential guests discover your space.
            <div style="height:30px;"></div>
            <b>Why Claim Your Profile?</b>
            <ul>
                <li>
                    Increase your space's visibility to a broader audience.
                </li>
                <li>
                    Personalize your profile with photos, descriptions, and a unique username.
                </li>
                <li>
                    Manage inquiries through our platform. It's 100% free!
                </li>
            </ul>
            <div style="height:15px;"></div>
            <b>How to Claim Your Profile?</b>
            <div style="height:15px;"></div>
            Claiming your profile is easy and only takes a few minutes:
            <ol>
                <li>
                    Create a free account at <a href="https://coliving.app" target="_blank" style="color:#00a5ff;text-decoration:underline;font-weight:bold;">https://coliving.app</a>.
                </li>
                <li>
                    Visit your space <a href="https://coliving.app/space/{{$uid}}" target="_blank" style="color:#00a5ff;text-decoration:underline;font-weight:bold;">profile</a> and click the "Claim" button.
                </li>
                <li>
                    Start managing and personalizing your profile!
                </li>
            </ol>
            <div style="height:15px;"></div>
            For instant verification, sign up using the email address to which you received this invitation.
            
            <div style="height:15px;"></div>
            We look forward to seeing how Coliving App helps your business grow!

            <div style="height:15px;"></div>
            Best regards,
            <br>
            The Coliving App Team
        </div>

        <div style="height:10px;"></div>

        Coliving App © 2025
        
        <div style="height:20px;"></div>

    </div>
</body>
</html>