Ronin4dRentals

by andypotanin

HTML

<!doctype html>
<html lang="en" class="dark">
  <head>
    <title>Zero Trust Solutions: Empower Your Business with UDX Worker</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,container-queries"></script>
    <link
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
      rel="stylesheet"
    />
  </head>

  <body class="bg-gray-100 text-gray-800">
    <header class="bg-gray-900 text-white py-6 shadow-md">
      <div class="container mx-auto px-4 flex items-center justify-between">
        <!-- Logo -->
        <div class="text-2xl font-extrabold tracking-wide uppercase">
          Ronin4DRentals
        </div>
        <!-- Navigation -->
        <nav class="hidden md:flex space-x-8">
          <a
            href="#features"
            class="text-gray-400 hover:text-white font-medium transition duration-300"
            >Features</a
          >
          <a
            href="#pricing"
            class="text-gray-400 hover:text-white font-medium transition duration-300"
            >Pricing</a
          >
          <a
            href="#gallery"
            class="text-gray-400 hover:text-white font-medium transition duration-300"
            >Gallery</a
          >
          <a
            href="#faq"
            class="text-gray-400 hover:text-white font-medium transition duration-300"
            >FAQ</a
          >
          <a
            href="#contact"
            class="text-gray-400 hover:text-white font-medium transition duration-300"
            >Contact</a
          >
        </nav>
        <!-- CTA Button -->
        <a
          href="#rent"
          class="bg-blue-600 text-white px-6 py-2 rounded-md shadow-lg hover:bg-blue-700 transition duration-300 text-sm font-semibold"
        >
          Rent Now
        </a>
        <!-- Mobile Menu -->
        <div...