Summer Sale – Use code oxbow20 at checkout for a 20% discount.

oxbow ui

features

1 
<div class="max-w-7xl mx-auto">
  <div class="max-w-3xl">
    <p class="text-sm font-bold uppercase text-blue-600">Tagline</p>
    <h2
      class="text-2xl md:text-3xl lg:text-4xl mt-4 font-semibold text-zinc-900 lg:text-balance"
    >
      Transforming the banking experience for a digital future
    </h2>
    <p class="text-base mt-4 font-medium text-zinc-500">
      The fastest method for working together on staging and temporary
      environments.
    </p>
  </div>
  <div
    class="mt-12 gap-x-2 gap-y-14 lg:gap-12 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"
  >
    <div>
      <div>
        <h3 class="text-lg md:text-xl font-medium text-zinc-900">
          Innovative Design
        </h3>
        <p class="text-base mt-4 font-medium text-zinc-500">
          Our cutting-edge design offers a fresh, modern look that transforms
          your project into a standout experience.
        </p>
      </div>
      <ul
        role="list"
        class="mt-6 text-base font-medium space-y-1 text-zinc-900"
      >
        <li>
          <div class="flex items-center gap-4">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="icon icon-tabler-circle-check size-5 text-blue-600"
              slot="icon"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
              <path
                d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
                stroke-width="0"
                fill="currentColor"
              ></path>
            </svg>
            <span class="text-base"> Revolutionizing communication </span>
          </div>
        </li>
        <li>
          <div class="flex items-center gap-4">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="icon icon-tabler-circle-check size-5 text-blue-600"
              slot="icon"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
              <path
                d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
                stroke-width="0"
                fill="currentColor"
              ></path>
            </svg>
            <span class="text-base"> Enhancing productivity </span>
          </div>
        </li>
      </ul>
    </div>
    <div>
      <div>
        <h3 class="text-lg md:text-xl font-medium text-zinc-900">
          Powerful Functionality
        </h3>
        <p class="text-base mt-4 font-medium text-zinc-500">
          Equipped with advanced features and tools, our solution effortlessly
          manages complex tasks and workflows.
        </p>
      </div>
      <ul
        role="list"
        class="mt-6 text-base font-medium space-y-1 text-zinc-900"
      >
        <li>
          <div class="flex items-center gap-4">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="icon icon-tabler-circle-check size-5 text-blue-600"
              slot="icon"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
              <path
                d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
                stroke-width="0"
                fill="currentColor"
              ></path>
            </svg>
            <span class="text-base"> Unlocking innovative solutions </span>
          </div>
        </li>
        <li>
          <div class="flex items-center gap-4">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="icon icon-tabler-circle-check size-5 text-blue-600"
              slot="icon"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
              <path
                d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
                stroke-width="0"
                fill="currentColor"
              ></path>
            </svg>
            <span class="text-base"> Enabling interoperability </span>
          </div>
        </li>
      </ul>
    </div>
    <div>
      <div>
        <h3 class="text-lg md:text-xl font-medium text-zinc-900">
          Easy Integration
        </h3>
        <p class="text-base mt-4 font-medium text-zinc-500">
          Integrating with existing systems is smooth and hassle-free, thanks to
          our incredible flexible approach.
        </p>
      </div>
      <ul
        role="list"
        class="mt-6 text-base font-medium space-y-1 text-zinc-900"
      >
        <li>
          <div class="flex items-center gap-4">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="icon icon-tabler-circle-check size-5 text-blue-600"
              slot="icon"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
              <path
                d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
                stroke-width="0"
                fill="currentColor"
              ></path>
            </svg>
            <span class="text-base"> Streamlining operations </span>
          </div>
        </li>
        <li>
          <div class="flex items-center gap-4">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="icon icon-tabler-circle-check size-5 text-blue-600"
              slot="icon"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
              <path
                d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
                stroke-width="0"
                fill="currentColor"
              ></path>
            </svg>
            <span class="text-base"> Simplifying implementation </span>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <div class="w-full mt-12 -mb-12">
    <img
      src="/images/dashboardLight.svg"
      alt="#_"
      class="w-full shadow rounded-t-2xl"
    />
  </div>
</div>
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26