Animated Banner - Copy this React, Tailwind Component to your project

i-want-a-animated-banner-want-entry-for-the-left-mi-name-and-the-orther-full-stack-for-the-righ-<section-class="text-center-py-16-relative-z-10-px-4-sm:px-8-md:px-16-">-<!---Contenedor-de-la-sección--->-<div-class="flex-flex-col-md:flex-row-items-center-justify-center-gap-8">-<div-class="flex-justify-around-mb-8-w-full">-<!---Contenido-principal--->-<div-class="relative">-<!---Nombre-con-efecto-de-rebote--->-<h1-class="text-[15vh]-font-bold-grad-mb-2-animate-bounce-slow-text-transparent-bg-clip-text-bg-gradient-to-r-from-blue-400-via-purple-500-to-pink-500">-Hi!-I-am-Jhonathan-R-</h1>-<!---Subtítulo-con-efectos-futuristas--->-<p-class="text-white-mb-8-text-[5vh]">-Full-Stack-Developer-</p>-<!---Descripción-con-texto-gris--->-<p-class="text-gray-300-max-w-md-mx-auto">"Desarrollador-apasionado-por-transformar-ideas-en-experiencias-interactivas-y-funcionales."</p>-<!---Efecto-de-humo--->-<span-class="absolute-top-0-left-0-w-full-h-full-bg-[url('https://www.transparenttextures.com/patterns/white-smoke.png')]-opacity-20-animate-smoke"></span>-</div>-</div>-</div>-</section>