About me

<div className="sm:hidden md:block mt-6 min-w-0 flex-1"> <h1 className="text-2xl font-bold text-gray-900 truncate">{profile.name}</h1> </div> <div className="mt-6 flex flex-col justify-stretch space-y-3 sm:flex-row sm:space-y-0 sm:space-x-4"> <button type="button" className="inline-flex justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500" > <TicketIcon className="-ml-1 mr-2 h-5 w-5 text-gray-400" aria-hidden="true" /> 15 <span className='ml-1'>Codes</span> </button> <button type="button" className="inline-flex justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500" > <EyeIcon className="-ml-1 mr-2 h-5 w-5 text-gray-400" aria-hidden="true" /> 15 <span className='ml-1' >Views</span> </button> <button type="button" className="inline-flex justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500" > <ChatBubbleLeftRightIcon className="-ml-1 mr-2 h-5 w-5 text-gray-400" aria-hidden="true" /> 15 <span className='ml-1' >Reviews</span> </button> </div> </div> </div> {profile.text && ( <div class="sm:text-center lg:text-left"> <h2 class="my-6 text-xl tracking-tight font-extrabold text-gray-900 sm:text-3xl md:text-4xl"> About me </h2>