2026-03-19 19:25:51 +02:00
<! DOCTYPE html >
< html lang = "{{ str_replace('_', '-', app()->getLocale()) }}" >
2026-03-21 15:41:19 +02:00
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< title > TrackBugs - Privacy - First Error Tracking for European Teams </ title >
< meta name = "description" content = "GDPR-compliant error tracking built and hosted in the EU. Monitor production errors with Sentry-compatible SDKs. Privacy-first, no data leaves Europe." >
< link rel = "preconnect" href = "https://fonts.bunny.net" >
< link href = "https://fonts.bunny.net/css?family=inter:400,500,600,700,800&display=swap" rel = "stylesheet" />
@ vite ([ 'resources/css/app.css' , 'resources/js/app.js' ])
< style >
body { font - family : 'Inter' , sans - serif ; }
</ style >
</ head >
< body class = "antialiased bg-gradient-to-b from-gray-50 to-white" >
<!-- Navigation -->
< nav class = "border-b border-gray-200 bg-white/80 backdrop-blur-sm sticky top-0 z-50" >
< div class = "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" >
< div class = "flex justify-between h-16 items-center" >
< div class = "flex items-center gap-2" >
< svg class = "w-8 h-8 text-indigo-600" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" >
< path stroke - linecap = "round" stroke - linejoin = "round" stroke - width = "2" d = "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</ svg >
< span class = "text-2xl font-bold text-gray-900" > TrackBugs </ span >
</ div >
< div class = "flex items-center gap-6" >
2026-03-19 19:25:51 +02:00
@ auth
2026-03-21 15:41:19 +02:00
< a href = "{{ route('dashboard') }}" class = "text-sm font-medium text-gray-700 hover:text-gray-900" > Dashboard </ a >
2026-03-19 19:25:51 +02:00
@ else
2026-03-21 15:41:19 +02:00
< a href = "{{ route('login') }}" class = "text-sm font-medium text-gray-700 hover:text-gray-900" > Log in </ a >
< a href = "{{ route('register') }}" class = "px-4 py-2 text-sm font-medium text-white bg-indigo-600 rounded-lg hover:bg-indigo-700 transition" > Get Started </ a >
2026-03-19 19:25:51 +02:00
@ endauth
</ div >
2026-03-21 15:41:19 +02:00
</ div >
</ div >
</ nav >
2026-03-19 19:25:51 +02:00
2026-03-21 15:41:19 +02:00
<!-- Hero Section -->
< section class = "relative pt-32 pb-40 px-4 sm:px-6 lg:px-8 overflow-hidden" >
<!-- Background decoration -->
< div class = "absolute inset-0 -z-10" >
< div class = "absolute top-0 right-0 w-96 h-96 bg-indigo-100 rounded-full mix-blend-multiply filter blur-3xl opacity-30 animate-blob" ></ div >
< div class = "absolute bottom-0 left-0 w-96 h-96 bg-purple-100 rounded-full mix-blend-multiply filter blur-3xl opacity-30 animate-blob animation-delay-2000" ></ div >
2026-03-19 19:25:51 +02:00
</ div >
2026-03-21 15:41:19 +02:00
< div class = "max-w-7xl mx-auto" >
< div class = "text-center max-w-5xl mx-auto" >
< div class = "inline-flex items-center gap-2 px-5 py-2.5 bg-gradient-to-r from-indigo-50 to-purple-50 border border-indigo-100 text-indigo-700 rounded-full text-sm font-semibold mb-10 shadow-sm" >
< svg class = "w-4 h-4" fill = "currentColor" viewBox = "0 0 20 20" >
< path fill - rule = "evenodd" d = "M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z" clip - rule = "evenodd" />
</ svg >
< span > 🇪🇺 Privacy - First & EU Hosted </ span >
</ div >
< h1 class = "text-6xl sm:text-7xl lg:text-8xl font-extrabold text-gray-900 mb-8 tracking-tight leading-none" >
Error Tracking < br />
< span class = "bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent" > That Respects Privacy </ span >
</ h1 >
< p class = "text-xl sm:text-2xl text-gray-600 mb-12 leading-relaxed max-w-3xl mx-auto font-medium" >
Monitor production errors with confidence . Built and hosted in the EU with GDPR compliance at its core .
Your data never leaves Europe .
</ p >
< div class = "flex flex-col sm:flex-row gap-5 justify-center items-center mb-12" >
< a href = "{{ route('register') }}" class = "group px-10 py-5 text-lg font-bold text-white bg-gradient-to-r from-indigo-600 to-purple-600 rounded-xl hover:shadow-2xl hover:scale-105 transition-all duration-200 shadow-xl" >
Start 14 - Day Free Trial
< svg class = "inline-block w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" >
< path stroke - linecap = "round" stroke - linejoin = "round" stroke - width = "2" d = "M13 7l5 5m0 0l-5 5m5-5H6" />
</ svg >
</ a >
< a href = "#features" class = "px-10 py-5 text-lg font-bold text-gray-700 bg-white border-2 border-gray-200 rounded-xl hover:border-gray-300 hover:shadow-lg transition-all duration-200" >
Explore Features
</ a >
</ div >
< div class = "flex items-center justify-center gap-8 text-sm text-gray-500" >
< div class = "flex items-center gap-2" >
< svg class = "w-5 h-5 text-green-500" fill = "currentColor" viewBox = "0 0 20 20" >
< path fill - rule = "evenodd" d = "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip - rule = "evenodd" />
</ svg >
< span class = "font-medium" > No credit card required </ span >
</ div >
< div class = "flex items-center gap-2" >
< svg class = "w-5 h-5 text-green-500" fill = "currentColor" viewBox = "0 0 20 20" >
< path fill - rule = "evenodd" d = "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip - rule = "evenodd" />
</ svg >
< span class = "font-medium" > Cancel anytime </ span >
</ div >
</ div >
</ div >
</ div >
</ section >
<!-- Trust Badges -->
< section class = "py-20 bg-white" >
< div class = "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" >
< div class = "grid grid-cols-2 md:grid-cols-4 gap-12 items-center justify-items-center" >
< div class = "text-center" >
< div class = "text-5xl font-extrabold bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent mb-3" > 100 %</ div >
< div class = "text-base font-semibold text-gray-900" > GDPR Compliant </ div >
< div class = "text-sm text-gray-500 mt-1" > Full compliance </ div >
</ div >
< div class = "text-center" >
< div class = "text-5xl mb-3" > 🇪🇺 </ div >
< div class = "text-base font-semibold text-gray-900" > EU Hosted </ div >
< div class = "text-sm text-gray-500 mt-1" > Data stays in Europe </ div >
</ div >
< div class = "text-center" >
< div class = "text-5xl font-extrabold bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent mb-3" > 24 / 7 </ div >
< div class = "text-base font-semibold text-gray-900" > Monitoring </ div >
< div class = "text-sm text-gray-500 mt-1" > Real - time tracking </ div >
</ div >
< div class = "text-center" >
< div class = "text-5xl font-extrabold bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent mb-3" > 10 +</ div >
< div class = "text-base font-semibold text-gray-900" > Languages </ div >
< div class = "text-sm text-gray-500 mt-1" > SDK support </ div >
</ div >
</ div >
</ div >
</ section >
<!-- Features Section -->
< section id = "features" class = "py-32 px-4 sm:px-6 lg:px-8 bg-gradient-to-b from-gray-50 to-white" >
< div class = "max-w-7xl mx-auto" >
< div class = "text-center mb-20" >
< h2 class = "text-5xl sm:text-6xl font-extrabold text-gray-900 mb-6" > Everything You Need </ h2 >
< p class = "text-xl sm:text-2xl text-gray-600 max-w-3xl mx-auto" > Enterprise - grade features with privacy at the core </ p >
</ div >
< div class = "grid md:grid-cols-2 lg:grid-cols-3 gap-10" >
<!-- Feature 1 -->
< div class = "group p-8 bg-white rounded-2xl border-2 border-gray-100 hover:border-indigo-200 hover:shadow-2xl transition-all duration-300" >
< div class = "w-16 h-16 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300" >
< svg class = "w-8 h-8 text-white" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" >
< path stroke - linecap = "round" stroke - linejoin = "round" stroke - width = "2" d = "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
</ svg >
</ div >
< h3 class = "text-2xl font-bold text-gray-900 mb-3" > Privacy First </ h3 >
< p class = "text-gray-600 leading-relaxed" > Your data stays in the EU . GDPR compliant by design . No tracking , no analytics , no third - party scripts .</ p >
</ div >
<!-- Feature 2 -->
< div class = "group p-8 bg-white rounded-2xl border-2 border-gray-100 hover:border-green-200 hover:shadow-2xl transition-all duration-300" >
< div class = "w-16 h-16 bg-gradient-to-br from-green-500 to-emerald-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300" >
< svg class = "w-8 h-8 text-white" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" >
< path stroke - linecap = "round" stroke - linejoin = "round" stroke - width = "2" d = "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
</ svg >
</ div >
< h3 class = "text-2xl font-bold text-gray-900 mb-3" > EU Infrastructure </ h3 >
< p class = "text-gray-600 leading-relaxed" > Hosted on secure European servers . Your data never crosses borders . Full compliance with EU data protection laws .</ p >
</ div >
<!-- Feature 3 -->
< div class = "group p-8 bg-white rounded-2xl border-2 border-gray-100 hover:border-blue-200 hover:shadow-2xl transition-all duration-300" >
< div class = "w-16 h-16 bg-gradient-to-br from-blue-500 to-cyan-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300" >
< svg class = "w-8 h-8 text-white" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" >
< path stroke - linecap = "round" stroke - linejoin = "round" stroke - width = "2" d = "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
</ svg >
</ div >
< h3 class = "text-2xl font-bold text-gray-900 mb-3" > Multi - Language </ h3 >
< p class = "text-gray-600 leading-relaxed" > Works with PHP , JavaScript , Python , Ruby , Go , Java , and more . Sentry SDK compatible out of the box .</ p >
</ div >
<!-- Feature 4 -->
< div class = "group p-8 bg-white rounded-2xl border-2 border-gray-100 hover:border-purple-200 hover:shadow-2xl transition-all duration-300" >
< div class = "w-16 h-16 bg-gradient-to-br from-purple-500 to-pink-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300" >
< svg class = "w-8 h-8 text-white" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" >
< path stroke - linecap = "round" stroke - linejoin = "round" stroke - width = "2" d = "M13 10V3L4 14h7v7l9-11h-7z" />
</ svg >
</ div >
< h3 class = "text-2xl font-bold text-gray-900 mb-3" > Real - Time Monitoring </ h3 >
< p class = "text-gray-600 leading-relaxed" > Get instant notifications when errors occur . Track trends , releases , and environment - specific issues in real - time .</ p >
</ div >
<!-- Feature 5 -->
< div class = "group p-8 bg-white rounded-2xl border-2 border-gray-100 hover:border-yellow-200 hover:shadow-2xl transition-all duration-300" >
< div class = "w-16 h-16 bg-gradient-to-br from-yellow-500 to-orange-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300" >
< svg class = "w-8 h-8 text-white" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" >
< path stroke - linecap = "round" stroke - linejoin = "round" stroke - width = "2" d = "M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" />
</ svg >
</ div >
< h3 class = "text-2xl font-bold text-gray-900 mb-3" > Smart Grouping </ h3 >
< p class = "text-gray-600 leading-relaxed" > Automatic error grouping and fingerprinting . Focus on unique issues , not duplicate noise .</ p >
</ div >
<!-- Feature 6 -->
< div class = "group p-8 bg-white rounded-2xl border-2 border-gray-100 hover:border-red-200 hover:shadow-2xl transition-all duration-300" >
< div class = "w-16 h-16 bg-gradient-to-br from-red-500 to-rose-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300" >
< svg class = "w-8 h-8 text-white" fill = "none" stroke = "currentColor" viewBox = "0 0 24 24" >
< path stroke - linecap = "round" stroke - linejoin = "round" stroke - width = "2" d = "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
</ svg >
</ div >
< h3 class = "text-2xl font-bold text-gray-900 mb-3" > Release Tracking </ h3 >
< p class = "text-gray-600 leading-relaxed" > Track errors by release version . See which version introduced an issue and mark when it 's fixed.</p>
</div>
</div>
</div>
</section>
<!-- How It Works -->
<section class="py-24 bg-gray-50 px-4 sm:px-6 lg:px-8">
<div class="max-w-7xl mx-auto">
<div class="text-center mb-16">
<h2 class="text-4xl font-bold text-gray-900 mb-4">How It Works</h2>
<p class="text-xl text-gray-600">Get started in minutes with our simple setup</p>
</div>
<div class="grid md:grid-cols-3 gap-12">
<div class="text-center">
<div class="w-16 h-16 bg-indigo-600 text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-6">1</div>
<h3 class="text-xl font-semibold text-gray-900 mb-3">Install SDK</h3>
<p class="text-gray-600">Add our Sentry-compatible SDK to your application. Works with all major languages and frameworks.</p>
<div class="mt-4 text-left bg-gray-900 rounded-lg p-4 text-sm">
<code class="text-green-400">composer require sentry/sentry-laravel</code>
</div>
</div>
<div class="text-center">
<div class="w-16 h-16 bg-indigo-600 text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-6">2</div>
<h3 class="text-xl font-semibold text-gray-900 mb-3">Configure DSN</h3>
<p class="text-gray-600">Point the SDK to your TrackBugs server. Your errors are sent directly to your instance.</p>
<div class="mt-4 text-left bg-gray-900 rounded-lg p-4 text-sm">
<code class="text-blue-400">SENTRY_DSN=https://key@your-domain/api/project</code>
</div>
</div>
<div class="text-center">
<div class="w-16 h-16 bg-indigo-600 text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-6">3</div>
<h3 class="text-xl font-semibold text-gray-900 mb-3">Monitor & Fix</h3>
<p class="text-gray-600">View errors in real-time, get notified instantly, and track resolution progress across environments.</p>
<div class="mt-4">
<div class="inline-flex items-center gap-2 px-4 py-2 bg-green-100 text-green-700 rounded-lg text-sm font-medium">
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Ready to monitor
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Pricing -->
<section id="pricing" class="py-32 px-4 sm:px-6 lg:px-8 bg-white">
<div class="max-w-7xl mx-auto">
<div class="text-center mb-20">
<h2 class="text-5xl sm:text-6xl font-extrabold text-gray-900 mb-6">Simple, Transparent Pricing</h2>
<p class="text-xl sm:text-2xl text-gray-600 max-w-3xl mx-auto">Choose the plan that fits your team</p>
</div>
<div class="grid md:grid-cols-2 gap-10 max-w-5xl mx-auto">
<!-- Pro Plan -->
<div class="relative p-10 bg-gradient-to-br from-indigo-600 to-purple-600 text-white rounded-3xl shadow-2xl transform hover:scale-105 transition-transform duration-300">
<div class="absolute -top-5 left-1/2 -translate-x-1/2 px-6 py-2 bg-gradient-to-r from-yellow-400 to-orange-400 text-gray-900 text-sm font-bold rounded-full shadow-lg">
⭐ Most Popular
</div>
<h3 class="text-3xl font-extrabold mb-3 mt-2">Professional</h3>
<div class="mb-6">
<span class="text-6xl font-extrabold">€29</span>
<span class="text-2xl text-indigo-200">/month</span>
</div>
<p class="text-xl text-indigo-100 mb-8">Perfect for growing teams</p>
<ul class="space-y-4 mb-10">
<li class="flex items-start gap-3">
<svg class="w-6 h-6 text-white mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="text-lg">Up to 5 team members</span>
</li>
<li class="flex items-start gap-3">
<svg class="w-6 h-6 text-white mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="text-lg">Unlimited projects & events</span>
</li>
<li class="flex items-start gap-3">
<svg class="w-6 h-6 text-white mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="text-lg">EU-hosted infrastructure</span>
</li>
<li class="flex items-start gap-3">
<svg class="w-6 h-6 text-white mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="text-lg">Priority email support</span>
</li>
<li class="flex items-start gap-3">
<svg class="w-6 h-6 text-white mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="text-lg">Daily automated backups</span>
</li>
</ul>
<a href="{{ route(' register ') }}" class="block w-full py-5 px-8 text-center text-lg font-bold text-indigo-600 bg-white rounded-xl hover:bg-gray-50 hover:shadow-lg transition-all duration-200">
Start 14-Day Free Trial
</a>
</div>
<!-- Enterprise Plan -->
<div class="relative p-10 bg-white rounded-3xl border-2 border-gray-200 shadow-xl hover:shadow-2xl transition-shadow duration-300">
<h3 class="text-3xl font-extrabold text-gray-900 mb-3">Enterprise</h3>
<div class="mb-6">
<span class="text-5xl font-extrabold text-gray-900">Custom</span>
</div>
<p class="text-xl text-gray-600 mb-8">For large organizations</p>
<ul class="space-y-4 mb-10">
<li class="flex items-start gap-3">
<svg class="w-6 h-6 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="text-lg text-gray-700">Unlimited team members</span>
</li>
<li class="flex items-start gap-3">
<svg class="w-6 h-6 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="text-lg text-gray-700">Everything in Professional</span>
</li>
<li class="flex items-start gap-3">
<svg class="w-6 h-6 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="text-lg text-gray-700">99.9% SLA guarantee</span>
</li>
<li class="flex items-start gap-3">
<svg class="w-6 h-6 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="text-lg text-gray-700">Dedicated support manager</span>
</li>
<li class="flex items-start gap-3">
<svg class="w-6 h-6 text-green-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="text-lg text-gray-700">Custom integrations & SSO</span>
</li>
</ul>
<a href="mailto:sales@trackbugs.com" class="block w-full py-5 px-8 text-center text-lg font-bold text-white bg-gradient-to-r from-gray-800 to-gray-900 rounded-xl hover:from-gray-900 hover:to-black transition-all duration-200">
Contact Sales
</a>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="relative py-32 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-indigo-600 via-purple-600 to-pink-600 overflow-hidden">
<!-- Background decoration -->
<div class="absolute inset-0">
<div class="absolute top-20 right-20 w-72 h-72 bg-white rounded-full mix-blend-overlay filter blur-3xl opacity-10 animate-blob"></div>
<div class="absolute bottom-20 left-20 w-72 h-72 bg-white rounded-full mix-blend-overlay filter blur-3xl opacity-10 animate-blob animation-delay-4000"></div>
</div>
<div class="relative max-w-5xl mx-auto text-center">
<h2 class="text-5xl sm:text-6xl font-extrabold text-white mb-8">Ready to Start Tracking Errors?</h2>
<p class="text-2xl text-white/90 mb-12 max-w-3xl mx-auto leading-relaxed">Join European teams who choose privacy-first error tracking. Start your 14-day free trial today.</p>
<div class="flex flex-col sm:flex-row gap-6 justify-center items-center">
<a href="{{ route(' register ') }}" class="group px-12 py-6 text-xl font-bold text-indigo-600 bg-white rounded-xl hover:bg-gray-50 hover:shadow-2xl hover:scale-105 transition-all duration-200">
Start Free Trial
<svg class="inline-block w-6 h-6 ml-2 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" />
</svg>
</a>
<a href="mailto:sales@trackbugs.com" class="px-12 py-6 text-xl font-bold text-white border-2 border-white rounded-xl hover:bg-white hover:text-indigo-600 transition-all duration-200">
Contact Sales
</a>
</div>
<p class="mt-8 text-white/80 text-lg">No credit card required • 14-day free trial • Cancel anytime</p>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-gray-400 py-16 px-4 sm:px-6 lg:px-8">
<div class="max-w-7xl mx-auto">
<div class="grid md:grid-cols-4 gap-12 mb-12">
<div>
<div class="flex items-center gap-2 mb-6">
<svg class="w-8 h-8 text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span class="text-2xl font-bold text-white">TrackBugs</span>
</div>
<p class="text-sm leading-relaxed mb-4">Privacy-first error tracking built and hosted in the EU.</p>
<div class="flex items-center gap-2 text-sm">
<span class="text-2xl">🇪🇺</span>
<span>Made in Europe</span>
</div>
</div>
<div>
<h4 class="text-white font-bold mb-4 text-lg">Product</h4>
<ul class="space-y-3">
<li><a href="#features" class="hover:text-white transition text-sm">Features</a></li>
<li><a href="#pricing" class="hover:text-white transition text-sm">Pricing</a></li>
<li><a href="{{ route(' register ') }}" class="hover:text-white transition text-sm">Sign Up</a></li>
<li><a href="{{ route(' login ') }}" class="hover:text-white transition text-sm">Login</a></li>
</ul>
</div>
<div>
<h4 class="text-white font-bold mb-4 text-lg">Resources</h4>
<ul class="space-y-3">
<li><a href="#" class="hover:text-white transition text-sm">Documentation</a></li>
<li><a href="#" class="hover:text-white transition text-sm">API Reference</a></li>
<li><a href="#" class="hover:text-white transition text-sm">Support</a></li>
<li><a href="mailto:hello@trackbugs.com" class="hover:text-white transition text-sm">Contact Us</a></li>
</ul>
</div>
<div>
<h4 class="text-white font-bold mb-4 text-lg">Legal</h4>
<ul class="space-y-3">
<li><a href="#" class="hover:text-white transition text-sm">Privacy Policy</a></li>
<li><a href="#" class="hover:text-white transition text-sm">Terms of Service</a></li>
<li><a href="#" class="hover:text-white transition text-sm">GDPR Compliance</a></li>
<li><a href="#" class="hover:text-white transition text-sm">Data Processing</a></li>
</ul>
</div>
</div>
<div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
<p class="text-sm">© {{ date(' Y ' ) }} TrackBugs . Built with ❤️ in the EU . All rights reserved .</ p >
< p class = "text-sm" > 🔒 100 % GDPR Compliant • EU Data Centers </ p >
</ div >
</ div >
</ footer >
</ body >
2026-03-19 19:25:51 +02:00
</ html >
