return ( <div> <div class="py-5 text-center container"> <div class="row py-lg-5"> <div class="col-lg-6 col-md-8 mx-auto"> <h1 class="fw-light">NEAR ATLAS</h1> <p class="lead text-muted"> Your Very Own Atlas To Find Everything About NEAR. <b /> Map Your Journey With Us. </p> <p></p> </div> </div> </div> <div class="album py-5 bg-light"> <div class="container"> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-2 g-3"> <div class="col"> <div class="card shadow-sm"> <Widget src="y3k.near/widget/NEAR-ATLAS-MonthlyActiveAcounts" props={{}} /> <div class="card-body"> <p class="card-text">MonthlyActiveAcounts</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <button type="button" class="btn btn-sm btn-outline-secondary" > - </button> <button type="button" class="btn btn-sm btn-outline-secondary" > - </button> </div> <small class="text-muted">time: 00s</small> </div> </div> </div> </div> <div class="col"> <div class="card shadow-sm"> <Widget src="y3k.near/widget/NEAR.ATLAS.NewMonthlyActiveAcounts" props={{}} /> <div class="card-body"> <p class="card-text">NewMonthlyActiveAcounts</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <button type="button" class="btn btn-sm btn-outline-secondary" > - </button> <button type="button" class="btn btn-sm btn-outline-secondary" > - </button> </div> <small class="text-muted">time: 00s</small> </div> </div> </div> </div> <div class="col"> <div class="card shadow-sm"> <Widget src="y3k.near/widget/NEAR.ATLAS.NEAR_SOCIAL_DATA" props={{}} /> <div class="card-body"> <p class="card-text">NEAR_SOCIAL_DATA</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <button type="button" class="btn btn-sm btn-outline-secondary" > - </button> <button type="button" class="btn btn-sm btn-outline-secondary" > - </button> </div> <small class="text-muted">time: 00s</small> </div> </div> </div> </div> <div class="col"> <div class="card shadow-sm"> <Widget src="y3k.near/widget/NEAR.ATLAS.DATA.CHAINS_TWITTER" props={{}} /> <div class="card-body"> <p class="card-text">NEAR.ATLAS.DATA.CHAINS_TWITTER</p> <div class="d-flex justify-content-between align-items-center"> <div class="btn-group"> <button type="button" class="btn btn-sm btn-outline-secondary" > - </button> <button type="button" class="btn btn-sm btn-outline-secondary" > - </button> </div> <small class="text-muted">time: 00s</small> </div> </div> </div> </div> </div> </div> </div> </div> );