json response

{"imgs":["respons1","respons1","respons1","respons1","respons1"],"titles":["respos2","respos3","respos4","respos5","respos6","respos7"],"links":["link1","link2","link1","link2","link1","link2","link1","link2"]}

How i Map it

const html = data.map(user =>{
        return `
                <div class="card" style="width:400px">
                    <div class="card-body">
                      <h4 class="card-title">${user.titles}</h4>
                      <a href="${user.links}" class="btn btn-primary">See Profile</a>
                    </div>
                </div>`;
    }).join('');
    document.querySelector("#row").insertAdjacentHTML("afterbegin", html);

Please help , i want to map this json code but i am not able to make it render , i will be really gald if you help me.