added premium promotion, dropmail.php, dropattach.php, minor update of other files
This commit is contained in:
@@ -217,3 +217,24 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||
const fetchInterval = setInterval(fetchStoreEmail, 10000);
|
||||
}, 3000);
|
||||
});
|
||||
|
||||
|
||||
document.addEventListener('promotePremium', function () {
|
||||
setTimeout(() => {
|
||||
const event = new CustomEvent('modal-show', {
|
||||
detail: {
|
||||
name: 'premium',
|
||||
scope: null
|
||||
}
|
||||
});
|
||||
const showText = document.getElementById('premium-modal-limit');
|
||||
showText.classList.remove('hidden');
|
||||
const text1 = document.getElementById('focus-modal-text1');
|
||||
text1.classList.remove('text-accent');
|
||||
text1.classList.add('text-amber-500');
|
||||
const text2 = document.getElementById('focus-modal-text2');
|
||||
text2.classList.remove('text-accent');
|
||||
text2.classList.add('text-amber-500');
|
||||
document.dispatchEvent(event);
|
||||
}, 500);
|
||||
});
|
||||
|
||||
@@ -126,6 +126,26 @@
|
||||
</flux:tooltip>
|
||||
</flux:modal.trigger>
|
||||
</div>
|
||||
@auth
|
||||
<flux:menu.separator />
|
||||
<button type="button" x-on:click="window.location.href = '{{ route('dashboard') }}'" class="premium-btn mt-2 w-full">
|
||||
<span class="crown"></span>
|
||||
<span class="crown-bg1"></span>
|
||||
<span class="crown-bg2"></span>
|
||||
<span class="btn-text">Login</span>
|
||||
</button>
|
||||
@endauth
|
||||
@guest
|
||||
<flux:menu.separator />
|
||||
<flux:modal.trigger name="premium">
|
||||
<button type="button" class="premium-btn mt-2 w-full">
|
||||
<span class="crown"></span>
|
||||
<span class="crown-bg1"></span>
|
||||
<span class="crown-bg2"></span>
|
||||
<span class="btn-text">Get Premium</span>
|
||||
</button>
|
||||
</flux:modal.trigger>
|
||||
@endguest
|
||||
</flux:menu>
|
||||
</flux:dropdown>
|
||||
</flux:navbar>
|
||||
@@ -174,8 +194,13 @@
|
||||
<flux:modal name="premium" class="min-w-[22rem]" class="bg-pricing-modal">
|
||||
<div class="space-y-6">
|
||||
<div>
|
||||
<div id="premium-modal-limit" class="mt-10 w-full justify-center hidden">
|
||||
<p class=" font-mono text-amber-500 text-center">
|
||||
Looks like you have the daily email generation limit, consider subscribing and access to premium features
|
||||
</p>
|
||||
</div>
|
||||
<!-- From Uiverse.io by themrsami -->
|
||||
<div class="max-w-[300px] w-full pt-5 px-5 pb-4 bg-zinc-100 dark:bg-zinc-900 rounded-3xl">
|
||||
<div class="w-full pt-5 px-5 pb-4 bg-zinc-100 dark:bg-zinc-900 rounded-3xl">
|
||||
<div class="text-center mb-6">
|
||||
<h5 class="text-2xl font-semibold text-gray-500 mb-3">Zemail Premium</h5>
|
||||
<span class="block text-5xl font-bold text-accent mb-3">${{ config('app.plans')[0]->price ?? 10 }}</span>
|
||||
@@ -198,7 +223,11 @@
|
||||
</li>
|
||||
<li class="flex mb-4 items-center">
|
||||
<flux:icon.check />
|
||||
<span class="ml-2 text-accent wrap-normal">Up to 100 addresses at the same time</span>
|
||||
<span id="focus-modal-text1" class="ml-2 text-accent wrap-normal">Unlimited email addresses on public domains</span>
|
||||
</li>
|
||||
<li class="flex mb-4 items-center">
|
||||
<flux:icon.check />
|
||||
<span id="focus-modal-text2" class="ml-2 text-accent wrap-normal">Up to 100 email addresses daily on premium domains</span>
|
||||
</li>
|
||||
<li class="flex mb-4 items-center">
|
||||
<flux:icon.check />
|
||||
|
||||
@@ -87,7 +87,7 @@
|
||||
<div class="flex justify-center items-center">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 p-1">
|
||||
|
||||
@foreach(config('app.blogs') as $blog)
|
||||
@foreach(collect(config('app.blogs'))->take(6) as $blog)
|
||||
<a href="{{ route('blog', $blog->slug) }}">
|
||||
<div class="flex items-center">
|
||||
<div class="group relative mx-auto w-96 overflow-hidden rounded-[16px] dark:bg-zinc-800 bg-zinc-200 p-[1px] ease-in-out hover:bg-gradient-to-r hover:from-zinc-600 hover:via-zinc-800 hover:to-zinc-700">
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<div class="flex justify-center items-center">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 p-1">
|
||||
|
||||
@foreach(config('app.blogs') as $i => $blog)
|
||||
@foreach(collect(config('app.blogs'))->reverse() as $i => $blog)
|
||||
<a href="{{ route('blog', $blog->slug) }}">
|
||||
<div class="flex items-center">
|
||||
<div class="group relative mx-auto w-96 overflow-hidden rounded-[16px] dark:bg-zinc-800 bg-zinc-200 p-[1px] ease-in-out hover:bg-gradient-to-r hover:from-zinc-600 hover:via-zinc-800 hover:to-zinc-700">
|
||||
|
||||
Reference in New Issue
Block a user