<div
        class="min-h-screen bg-gray-100 py-6 flex flex-col justify-center items-center sm:py-12"
    >
        <div
            class="flex rounded-lg bg-gradient-to-r from-light-blue-500 to-purple-600 flex-col p-7 w-80"
            id="widget"
        >
            <div class="text-2xl text-purple-100 font-semibold">A-Team</div>
            <div class="text-purple-200 text-xm my-2">
                300 members - 11 new this week
            </div>
            <div class="flex mt-8 justify-between">
                <div class="flex items-center">
                    <div class="flex -space-x-2">
                        <img
                            class="inline-block h-10 w-10 rounded-full ring-2 ring-white"
                            src="https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=facearea&amp;facepad=2&amp;w=256&amp;h=256&amp;q=80"
                            alt=""
                        />
                        <img
                            class="inline-block h-10 w-10 rounded-full ring-2 ring-white"
                            src="https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&amp;auto=format&amp;fit=facearea&amp;facepad=2&amp;w=256&amp;h=256&amp;q=80"
                            alt=""
                        />
                        <img
                            class="inline-block h-10 w-10 rounded-full ring-2 ring-white"
                            src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=facearea&amp;facepad=2.25&amp;w=256&amp;h=256&amp;q=80"
                            alt=""
                        />
                    </div>
                    <div
                        class="text-xs ml-4 rounded-full text-purple-100 px-3 p-1 bg-white bg-opacity-10"
                    >
                        + 287
                    </div>
                </div>
                <div class="bg-white rounded-full text-purple-600">
                    <svg
                        xmlns="http://www.w3.org/2000/svg"
                        class="h-10 w-10 p-2"
                        viewBox="0 0 24 24"
                        stroke-width="1.5"
                        stroke="currentColor"
                        fill="none"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                    >
                        <path
                            stroke="none"
                            d="M0 0h24v24H0z"
                            fill="none"
                        ></path>
                        <line x1="12" y1="5" x2="12" y2="19"></line>
                        <line x1="5" y1="12" x2="19" y2="12"></line>
                    </svg>
                </div>
            </div>
        </div>
    </div>