50 lines
1.6 KiB
PHP
50 lines
1.6 KiB
PHP
{{-- Sade banner reklam — $ad: App\Models\Ad
|
||
NOT: class/attribute isimleri bilerek nötr ("ad"/"banner" içermez) —
|
||
adblocker'lar .ad-banner / [data-ad-id] gibi seçicileri cosmetic filter ile gizliyor.
|
||
Ayrıca .home-section KULLANMA — o class'ta opacity:0 (scroll reveal) var. --}}
|
||
@if($ad && $ad->media_url)
|
||
|
||
@once
|
||
<style>
|
||
.hp-feature-slot{
|
||
max-width:1400px;
|
||
margin:0 auto;
|
||
padding:32px clamp(16px,4vw,48px) 40px;
|
||
position:relative;
|
||
}
|
||
.hp-feature-inner{max-width:970px;margin:0 auto}
|
||
.hp-feature-label{
|
||
font-size:10px;letter-spacing:.14em;text-transform:uppercase;
|
||
color:rgba(255,255,255,.28);margin-bottom:7px;text-align:center;
|
||
}
|
||
.hp-feature-media{
|
||
display:block;border-radius:12px;overflow:hidden;
|
||
border:1px solid rgba(255,255,255,.06);
|
||
background:rgba(255,255,255,.02);
|
||
line-height:0;
|
||
}
|
||
.hp-feature-media img{width:100%;display:block;max-height:140px;object-fit:cover}
|
||
@media(max-width:640px){
|
||
.hp-feature-slot{padding:24px 16px 28px}
|
||
.hp-feature-media img{max-height:96px}
|
||
}
|
||
</style>
|
||
@endonce
|
||
|
||
<div class="hp-feature-slot">
|
||
<div class="hp-feature-inner">
|
||
<div class="hp-feature-label">Sponsorlu</div>
|
||
@if($ad->click_url)
|
||
<a href="{{ $ad->click_url }}" target="_blank" rel="noopener sponsored"
|
||
class="hp-feature-media" data-slot-id="{{ $ad->id }}">
|
||
<img src="{{ $ad->media_url }}" alt="{{ $ad->name }}" loading="lazy">
|
||
</a>
|
||
@else
|
||
<div class="hp-feature-media" data-slot-id="{{ $ad->id }}">
|
||
<img src="{{ $ad->media_url }}" alt="{{ $ad->name }}" loading="lazy">
|
||
</div>
|
||
@endif
|
||
</div>
|
||
</div>
|
||
@endif
|