9 lines
4.7 KiB
PHP
9 lines
4.7 KiB
PHP
<x-layout>
|
|
@php($settings=\Illuminate\Support\Facades\DB::table('settings')->pluck('value','key'))
|
|
<section class="grid lg:grid-cols-2 gap-16 items-center py-12 md:py-20"><div><div class="eyebrow mb-6">Built for your connection</div><h1 class="leading-[1.05]">{{ $settings['headline'] ?? 'Your server. Your control.' }}</h1><p class="text-lg text-slate-400 leading-8 my-7 max-w-xl">{{ $settings['tagline'] ?? 'A native remote for your qBittorrent server.' }}</p><div class="flex flex-wrap gap-3">@if(config('tarnax.apple.url'))<a class="button" href="{{ config('tarnax.apple.url') }}" rel="noopener">Download on the App Store ↗</a>@endif<a href="#direct" class="secondary">Explore direct purchase →</a></div><p class="text-xs text-slate-500 mt-5">Your server. Your files. A clearer view.</p></div><div class="relative rounded-3xl border border-slate-700 bg-gradient-to-br from-cyan-950 via-slate-900 to-indigo-950 p-8 shadow-2xl"><div class="flex items-center gap-3 mb-10"><img src="/brand/icon.png" class="rounded-2xl" width="56" height="56" alt="Tarnax icon"><div><h3>Tarnax</h3><p class="text-sm muted">A little closer to your server.</p></div><span class="ml-auto rounded-full bg-cyan-400/10 text-cyan-200 text-xs px-3 py-1">Interface preview</span></div><div class="grid grid-cols-2 gap-4"><div class="card"><span class="text-xs muted">DOWNLOAD</span><p class="text-3xl text-white mt-2">42.8 <span class="text-sm muted">MB/s</span></p></div><div class="card"><span class="text-xs muted">UPLOAD</span><p class="text-3xl text-white mt-2">8.2 <span class="text-sm muted">MB/s</span></p></div></div><svg viewBox="0 0 400 120" class="w-full my-6" role="img" aria-label="Illustrative transfer activity"><path d="M0 105L30 80L60 90L90 40L120 60L150 25L180 50L210 15L240 40L270 20L300 45L330 10L360 30L400 15" fill="none" stroke="#67e8f9" stroke-width="3"/><path d="M0 115L30 110L60 100L90 110L120 80L150 90L180 65L210 85L240 70L270 90L300 60L330 80L360 55L400 70" fill="none" stroke="#818cf8" stroke-width="2"/></svg><div class="flex justify-between text-sm muted border-t border-slate-700 pt-5"><span>Everything in view.</span><span>Designed with care ↗</span></div></div></section>
|
|
<section class="grid md:grid-cols-3 gap-5 my-12">@foreach([['01 / SEE THE FLOW','A clearer picture','Live transfer activity, speeds and server space, thoughtfully presented.'],['02 / MANAGE THE DETAILS','Everything in its place','Search, filter and organise transfers. Fine-tune file priorities and server preferences.'],['03 / YOUR CONNECTION','Made for your server','Connect to your own qBittorrent Web UI over trusted HTTPS. Your content stays on your server.']] as [$label,$title,$body])<article class="card"><p class="eyebrow mb-8">{{ $label }}</p><h3>{{ $title }}</h3><p class="muted mt-3 leading-7">{{ $body }}</p></article>@endforeach</section>
|
|
<section id="direct" class="card my-20 grid md:grid-cols-2 gap-10 p-10"><div><p class="eyebrow mb-4">Two ways to make it yours</p><h2>Choose your distribution.</h2><p class="muted leading-7">App Store purchases are managed by Apple. Direct purchases use Paddle and include a separate license for supported direct-distribution builds. Check release availability before purchasing.</p></div><div><h3>Direct license</h3><p class="text-3xl text-white my-4">{{ $settings['price_label'] ?? 'Pricing coming soon' }}</p><p class="muted text-sm mb-5">Two device activations · Account downloads · Personal support</p>@auth<button class="button" x-data @click="window.startTarnaxCheckout($el)">Buy securely with Paddle →</button>@else<a class="button" href="/register">Create an account to purchase →</a>@endauth<p id="checkout-status" role="status" class="mt-3 text-sm muted"></p></div></section>
|
|
@if(config('tarnax.paddle.client_token'))<script src="https://cdn.paddle.com/paddle/v2/paddle.js"></script><script>window.addEventListener('load',()=>{ @if(config('tarnax.paddle.environment')!=='production') Paddle.Environment.set('sandbox'); @endif Paddle.Initialize({token:@json(config('tarnax.paddle.client_token'))}); });</script>@endif
|
|
<script>window.startTarnaxCheckout=async function(button){button.disabled=true;let status=document.getElementById('checkout-status');try{let r=await fetch(@json(route('checkout')),{method:'POST',headers:{'X-CSRF-TOKEN':document.querySelector('meta[name=csrf-token]').content,'Accept':'application/json'}});let data=await r.json();if(!r.ok)throw Error(data.message||'Checkout unavailable');if(!window.Paddle)throw Error('Checkout is awaiting configuration.');Paddle.Checkout.open({transactionId:data.transaction_id});status.textContent='Complete payment in the secure checkout. Your account updates after confirmation.';}catch(e){status.textContent=e.message;}finally{button.disabled=false;}}</script>
|
|
</x-layout>
|