{% set RecommendBanners = repository('Customize\\Entity\\Banner').getPublicBannersByTypeId(1) %}
<article class="ec-custom_layout s_title ec-recommendRole mt-50" id="toppage-recommend-block">
<section>
<h1 class="s_title_left lite-brown">
おすすめ商品
<span class="title">
RECOMMENDED
</span>
</h1>
<div class="s_title_right gold"></div>
<img src="{{ asset('assets/img/common/cat_line.jpg') }}" class="line_cart mb-20" alt="Đường kẻ danh mục">
<div class="ec-content">
<div class="ec-socialRole">
<img src="{{ asset('assets/img/top/rock.png')}}" class="mb-6" alt="Biểu tượng Rock Music">
<ul class="top_sns_menu mb-10">
<li>
<a href="https://twitter.com/Ward_Rock" target="_blank"><img src="{{ asset('assets/img/top/icon_twitter.png')}}" width="53" height="53" alt="Biểu tượng Twitter"></a>
</li>
<li>
<a href="https://www.facebook.com/wardrecords" target="_blank"><img src="{{ asset('assets/img/top/icon_facebook.png')}}" width="53" height="53" alt="Biểu tượng Facebook"></a>
</li>
<li>
<a href="https://www.youtube.com/user/wardmusictube" target="_blank"><img src="{{ asset('assets/img/top/icon_youtube.png')}}" width="53" height="53" alt="Biểu tượng YouTube"></a>
</li>
<li>
<a href="https://open.spotify.com/user/jxt46229l0p62pfj0vbhn44bu" target="_blank"><img src="{{ asset('assets/img/top/icon_spotify.png')}}" width="53" height="53" alt="Biểu tượng Spotify"></a>
</li>
</ul>
<a class="twitter-timeline" data-height="241" href="https://twitter.com/Ward_Rock?ref_src=twsrc%5Etfw">Tweets by Ward_Rock</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<div style="position:relative;height:0;padding-bottom:56.25%" class="mt-10 mb-20">
<iframe width="241" height="135" src="https://www.youtube.com/embed/playlist?list=UUX4xs9yaXaS-uY_EhJaRRFQ" frameborder="0" style="position:absolute;width:100%;height:100%;left:0" allowfullscreen=""></iframe>
</div>
</div>
{# recommend pc #}
<div class="top_right_area">
<table class="mb-20">
<tbody>
<tr>
<td>
<a href="{{ url('product_list') }}?group_id=7795"><img src="/user_data/banner/kaihansen/Kai-Hansen2026_502_212_sign.jpg" width="502" height="212" alt="Kai Hansen 2026"></a>
</td>
<td>
<a href="{{ url('product_detail', {'id': 7830}) }}"><img src="/user_data/banner/Sarcator/Sarcator2026_241_224.jpg" width="241" alt="Sarcator 2026"></a>
</td>
<td>
<a href="{{ url('product_list') }}?group_id=7771"><img src="/user_data/banner/sepultura/Sepultura2026_502_212.jpg" width="502" height="212" alt="Sepultura 2026"></a>
</td>
<td>
<a href="{{ url('product_detail', {'id': 7802}) }}"><img src="/user_data/banner/Sinner/Sinner2_2026_241_224.jpg" width="241" alt="Sinner 2026"></a>
</td>
<td>
<a href="{{ url('product_detail', {'id': 7815}) }}"><img src="/user_data/banner/hollywoodvampires/HollywoodVampires2026_502_212_2.jpg" width="502" height="212" alt="Hollywood Vampires 2026"></a>
</td>
<td>
<a href="{{ url('product_detail', {'id': 7437}) }}"><img src="/user_data/banner/untoothers/untoothers2025_241_224.jpg" width="241" alt="Unto Others 2025"></a>
</td>
<td>
<a href="{{ url('product_detail', {'id': 7813}) }}"><img src="/user_data/banner/tungsten/Tungsten2026_502_102.jpg" width="502" height="102" alt="Tungsten 2026"></a>
</td>
<td>
<a href="{{ url('product_detail', {'id': 7820}) }}"><img src="/user_data/banner/April Art/AprilArt2026_241_102.jpg" width="241" height="102" alt="April Art 2026"></a>
</td>
</tr>
<tr class="block_3">
<td>
<a href="{{ url('product_detail', {'id': 7785}) }}"><img src="/user_data/banner/Equilibrium/Equilibrium2026_241_102.jpg" width="241" height="102" alt="Equilibrium 2026"></a>
</td>
<td>
<a href="{{ url('product_detail', {'id': 7803}) }}"><img src="/user_data/banner/TheEternal/TheEternal2026_241_102.jpg" width="241" height="102" alt="The Eternal 2026"></a>
</td>
<td>
<a href="{{ url('product_detail', {'id': 7811}) }}"><img src="/user_data/banner/coreleoni/Coreleoni2026_241_102.jpg" width="241" height="102" alt="CoreLeoni 2026"></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</article>
<article class="ec-recommendRole_sp">
<div class="recommend_top">
{# recommend sp #}
<<<<<<< HEAD
=======
>>>>>>> 9c4b671a (upload develop from prod - update wp-content)
<div class="u-marginTop--2pct u-align--ctr">
<a href="{{ url('product_detail', {'id': 7815}) }}" class="ui-link"><img src="/user_data/banner/hollywoodvampires/HollywoodVampires2026_502_212_2.jpg" class="u-img-hm" alt="Hollywood Vampires 2026"></a>
</div>
<div class="u-marginTop--2pct u-align--ctr">
<a href="{{ url('product_detail', {'id': 7830}) }}" class="ui-link"><img src="/user_data/banner/Sarcator/Sarcator2026_502_102.jpg" alt="Sarcator 2026" class="u-img-hm"></a>
</div>
<div class="recommend_top_bottom">
<section class="u-display--tblCell">
<div class="u-align--ctr">
<a href="{{ url('product_detail', {'id': 7820}) }}" class="ui-link">
<img src="/user_data/banner/April Art/AprilArt2026_241_102.jpg" alt="April Art 2026" class="u-img-hm"></a>
<div class="u-marginTop--5pct u-align--ctr">
<div class="u-marginTop--5pct u-align--ctr">
<a href="{{ url('product_detail', {'id': 7813}) }}" class="ui-link"><img src="/user_data/banner/tungsten/Tungsten2026_241_102.jpg" alt="Tungsten 2026" class="u-img-hm"></a>
</div>
</div>
</div>
</section>
<section class="u-display--tblCell">
<div class="u-align--ctr">
<a href="{{ url('product_detail', {'id': 7785}) }}" class="ui-link"><img src="/user_data/banner/Equilibrium/Equilibrium2026_241_102.jpg" alt="Equilibrium 2026" class="u-img-hm"></a>
</div>
<div class="u-marginTop--5pct u-align--ctr">
<a href="{{ url('product_detail', {'id': 7811}) }}"><img src="/user_data/banner/coreleoni/Coreleoni2026_241_102.jpg" alt="CoreLeoni 2026" class="u-img-hm"></a>
</div>
</section>
</div>
</div>
</article>