You want to create a dynamic page which displays discounted collections. When you click on a collection, it redirects you to the product collection.
StoreHippo lets you add dynamic data to the pages. You can create dynamic templates using theme widgets. Follow the below steps to create a dynamic page with discounted collections.
Adding Banners
<div class="col-xs-12 col-sm-4">
<div ms-widget="ms.banner" ms-data-name="custom-banner1">
<!--If this widget doesn't produce any output, then change the value of"ms-data-name" to any banner name fron your store.-->
<div><a ng-href="{{banner.url}}"/><img ng-src="{{banner.image|image:'320x320'}}"/></div>
<h3>{{banner.title}}</h3>
<p>{{banner.subtitle}}</p>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div ms-widget="ms.banner" ms-data-name="custom-banner2">
<!--If this widget doesn't produce any output, then change the value of"ms-data-name" to any banner name fron your store.-->
<div><a ng-href="{{banner.url}}"/><img ng-src="{{banner.image|image:'320x320'}}"/></div>
<h3>{{banner.title}}</h3>
<p>{{banner.subtitle}}</p>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div ms-widget="ms.banner" ms-data-name="custom-banner3">
<!--If this widget doesn't produce any output, then change the value of"ms-data-name" to any banner name fron your store.-->
<div><a ng-href="{{banner.url}}"/><img ng-src="{{banner.image|image:'320x320'}}" /></div>
<h3>{{banner.title}}</h3>
<p>{{banner.subtitle}}</p>
</div>
</div>