JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" viewBox="0 0 1920 1280" enable-background="new 0 0 1920 1280" xml:space="preserve" class="project-svg">
    <defs>
        <style type="text/css">
            ._cover {}

            ._path {
                fill: transparent;
                transition: .6s ease;
            }

            ._xlink {
                cursor: pointer;
            }

            ._xlink [data-apartments="0"] {
                cursor: not-allowed;
            }

            ._xlink:hover ._path {
                fill: rgba(0, 255, 0, .2);
            }

            ._xlink[data-apartments="0"]:hover ._path {
                fill: rgba(255, 0, 0, .2);
            }

        </style>
    </defs>
    <image class="_cover" overflow="visible" width="1920" height="1280" xlink:href="http://viva.ge//images/projects/viva-dighomi/1.jpg"></image>
    <a class="_xlink" data-floor="1" data-apartments="1" xlink:href="/viva-dighomi/floor/1">
        <path class="_path" d="M387.25,893.333L1014,1048l362.667-55.334v80.67 L1014,1142L387.25,946.5V893.333z"></path>
    </a>
    <a class="_xlink" data-floor="2" data-apartments="1" xlink:href="/viva-dighomi/floor/2">
        <path class="_path" d="M387.25,837.666L1013.334,952l363.333-40v80.666 L1014,1048L387.25,893.333V837.666z"></path>
    </a>
    <a class="_xlink" data-floor="3" data-apartments="1" xlink:href="/viva-dighomi/floor/3">
        <path class="_path" d="M387.25,780.666L1013,852.5l363.667-25V873H1389v38 l-12.333,1l-363.333,40L387.25,837.666l-19.083-3.833V808.5l19.083,3.333V780.666z"></path>
    </a>
    <a class="_xlink" data-floor="4" data-apartments="1" xlink:href="/viva-dighomi/floor/4">
        <path class="_path" d="M387.25,724.5L1014.5,756l362.167-11.5V790H1389 v36.5l-12.333,1L1013,852.5l-625.75-71.834l-19.083-1.166v-26.75L387.25,753V724.5z"></path>
    </a>
    <a class="_xlink" data-floor="5" data-apartments="1"...