v1.0
"

add background <section class="bg-white dark:bg-gray-800"> <div class="max-w-screen-xl px-4 py-16 mx-auto lg:h-screen lg:items-center lg:flex"> <div class="max-w-3xl mx-auto text-center"> <h1 class="text-4xl font-extrabold text-gray-900 dark:text-white sm:text-5xl"> Welcome to HonorQR </h1> <p class="mt-4 text-lg text-gray-600 dark:text-gray-400"> Streamline your digital identity with HonorQR. Generate custom QR codes, track activities, and enhance your online presence effortlessly. </p> <div class="mt-8"> <a href="#features" class="inline-block px-8 py-3 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700"> Features </a> </div> </div> </div> </section>

"

Dependencies:

  1. 1. Run "npm i @material-tailwind/react @material-tailwind/html"
  2. 2. Copy the code below and paste it in your project and run it.