main.js

import { html } from 'https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js'

const app = document.querySelector('#app')

new TweenMax.from(app, 1, { opacity: 0, y: 10, ease: Power3.easeOut })

app.innerHTML = html`
 <div class="px-4 py-12">
    <div class="container">
      <div class="flex flex-col items-center">
        <h1 class="font-bold text-2xl">Welcome to Clinic</h1>
        <p class="text-sm text-gray-500">Clinic is a leading medical facility, committed to providing high-quality healthcare services to patients.</p>
      </div>
    </div>
 </div>
`