---
bodyClass: bg-slate-50
preheader: Registeration Confirmation
---

<x-main>
  <div class="bg-slate-50 sm:px-4 font-inter">
    <table align="center" class="m-0 mx-auto">
      <tr>
        <td class="w-[552px] max-w-full">
          <x-spacer height="24px" />

          <table class="w-full">
            <tr>
              <td
                class="py-6 px-9 sm:p-6 bg-white [border:1px_solid_theme(colors.slate.200)] rounded-lg"
              >
                <a href="https://solian.app">
                  <img
                    src="https://solian.app/favicon.png"
                    src-production="https://solian.app/favicon.png"
                    width="70"
                    alt="Solar Network Logo"
                  />
                </a>

                <x-spacer height="24px" />

                <h1 class="m-0 mb-6 text-2xl/8 text-slate-900 font-semibold">
                  Hello there!
                </h1>

                <p class="m-0 mb-6 text-base/6 text-slate-600">
                  We're happy to have you joining our community! Please confirm
                  your registeration in order to activate your account to unlock
                  all the features available:
                </p>

                <x-button
                  href="{{ URL }}"
                  class="bg-slate-950 hover:bg-slate-800"
                >
                  Confirm
                </x-button>

                <x-spacer height="24px" />

                <p class="m-0 text-base/6 text-slate-600">
                  Thanks,
                  <br />
                  <span class="font-semibold">Solar Network Team</span>
                </p>

                <x-divider />

                <p class="m-0 text-xs/5 text-slate-600 mso-break-all">
                  If you're having trouble clicking the "Confirm" button, copy
                  and paste the following URL into your web browser:
                  <a href="{{ URL }}" class="text-slate-800 underline"
                    >{{ URL }}</a
                  >
                </p>
              </td>
            </tr>
          </table>

          <table class="w-full">
            <tr>
              <td class="py-6 px-9 sm:px-6">
                <p class="m-0 text-xs text-slate-500">
                  &copy; {{ new Date().getFullYear() }} Solsynth LLC. All rights
                  reserved.
                </p>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </div>
</x-main>