JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.6/animate.min.css">
<div class="text1 animated  zoomIn">Welcome to our site</div>
<div class="animated text2 bounceIn">Company Name</div>

CSS

body { padding-top:30px;}
.text2 {
    display: none;
}
div {
    font-size:30px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
}

JavaScript

function fade() {
        $('.text1').fadeIn().delay(2000).fadeOut();
        $('.text2').delay(2000).fadeIn();
}
    fade();