projects/casino
1
1
Fork 0
Code Issues Pull Requests Actions Packages Releases 16 Activity

feat(landing): add landing component (CAS-8) #10

Merged
jleibl merged 22 commits from task/landing-page into main 2025-02-13 12:09:14 +00:00
Conversation 7 Commits 22 Files Changed 15 +8 -13
1 changed files with 8 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ff0e03003a - Show all commits

21
frontend/src/app/landing/landing.component.html
View File

@ -142,10 +142,6 @@
</div> </div>
<div class="flex justify-center gap-12 mt-10"> <div class="flex justify-center gap-12 mt-10">
<div class="flex items-center gap-2">
<span class="text-emerald-500">✓</span>
<span class="text-white/60 font-medium">Instant Withdrawals</span>
</div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="text-emerald-500">✓</span> <span class="text-emerald-500">✓</span>
<span class="text-white/60 font-medium">24/7 VIP Support</span> <span class="text-white/60 font-medium">24/7 VIP Support</span>
@ -159,7 +155,7 @@
</div> </div>
<div <div
class="bg-black/40 backdrop-blur-xl rounded-xl p-4 mb-16 overflow-hidden border border-white/5" class="bg-black/40 backdrop-blur-xl rounded-xl p-4 mb-16 overflow-hidden border border-white/5 text-white"
> >
<app-winner-ticker [winners]="(recentWinners$ | async) ?? []"></app-winner-ticker> <app-winner-ticker [winners]="(recentWinners$ | async) ?? []"></app-winner-ticker>
</div> </div>
@ -190,13 +186,6 @@
<h3 class="text-xl font-bold text-white mb-3 tracking-tight">Elite VIP Status</h3> <h3 class="text-xl font-bold text-white mb-3 tracking-tight">Elite VIP Status</h3>
<p class="text-white/60 font-medium">Up to €50,000 monthly rewards</p> <p class="text-white/60 font-medium">Up to €50,000 monthly rewards</p>
</div> </div>
<div
class="bg-black/40 backdrop-blur-xl p-8 rounded-2xl border border-white/5 transition-all duration-500 hover:scale-[1.02] hover:border-emerald-500/20 hover:shadow-2xl hover:shadow-emerald-500/10 animate-elasticScale delay-100"
>
<div class="text-4xl mb-6 animate-float delay-100">⚡️</div>
<h3 class="text-xl font-bold text-white mb-3 tracking-tight">Instant Cashouts</h3>
<p class="text-white/60 font-medium">Get paid in 5 minutes!</p>
</div>
<div <div
class="bg-black/40 backdrop-blur-xl p-8 rounded-2xl border border-white/5 transition-all duration-500 hover:scale-[1.02] hover:border-emerald-500/20 hover:shadow-2xl hover:shadow-emerald-500/10 animate-elasticScale delay-200" class="bg-black/40 backdrop-blur-xl p-8 rounded-2xl border border-white/5 transition-all duration-500 hover:scale-[1.02] hover:border-emerald-500/20 hover:shadow-2xl hover:shadow-emerald-500/10 animate-elasticScale delay-200"
> >
@ -211,9 +200,15 @@
<h3 class="text-xl font-bold text-white mb-3 tracking-tight">99.9% Win Rate*</h3> <h3 class="text-xl font-bold text-white mb-3 tracking-tight">99.9% Win Rate*</h3>
<p class="text-white/60 font-medium">Highest odds in the industry!</p> <p class="text-white/60 font-medium">Highest odds in the industry!</p>
</div> </div>
<div
class="bg-black/40 backdrop-blur-xl p-8 rounded-2xl border border-white/5 transition-all duration-500 hover:scale-[1.02] hover:border-emerald-500/20 hover:shadow-2xl hover:shadow-emerald-500/10 animate-elasticScale delay-400"
>
<div class="text-4xl mb-6 animate-float delay-400">🚀</div>
<h3 class="text-xl font-bold text-white mb-3 tracking-tight">Exclusive Offers</h3>
<p class="text-white/60 font-medium">Unlock special perks and rewards!</p>
</div>
</div> </div>
<!-- Fine Print -->
<div class="text-center text-xs text-white/40 max-w-2xl mx-auto mb-20"> <div class="text-center text-xs text-white/40 max-w-2xl mx-auto mb-20">
*Terms and conditions apply. Guaranteed winnings based on maximum bonus utilization. Win *Terms and conditions apply. Guaranteed winnings based on maximum bonus utilization. Win
rate calculated on minimum bets. Withdrawal restrictions and wagering requirements apply. rate calculated on minimum bets. Withdrawal restrictions and wagering requirements apply.