Files
analytics/resources/views/welcome.blade.php
T

278 lines
18 KiB
PHP
Raw Normal View History

2026-03-18 10:56:35 +02:00
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
2026-03-21 12:16:57 +02:00
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('app.name') }} - Privacy-First Analytics</title>
2026-03-18 10:56:35 +02:00
2026-03-21 12:16:57 +02:00
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=inter:400,500,600,700&display=swap" rel="stylesheet" />
2026-03-18 10:56:35 +02:00
2026-03-21 12:16:57 +02:00
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="antialiased bg-white">
<!-- Navigation -->
<nav class="fixed w-full bg-white/80 backdrop-blur-md border-b border-gray-200 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-16">
<div class="flex items-center">
<span class="text-2xl font-bold text-indigo-600">{{ config('app.name') }}</span>
</div>
<div class="flex items-center space-x-4">
2026-03-18 10:56:35 +02:00
@auth
2026-03-21 12:16:57 +02:00
<a href="{{ url('/dashboard') }}" class="text-gray-700 hover:text-indigo-600 px-4 py-2">Dashboard</a>
2026-03-18 10:56:35 +02:00
@else
2026-03-21 12:16:57 +02:00
<a href="{{ route('login') }}" class="text-gray-700 hover:text-indigo-600 px-4 py-2">Log in</a>
2026-03-18 10:56:35 +02:00
@if (Route::has('register'))
2026-03-21 12:16:57 +02:00
<a href="{{ route('register') }}" class="bg-indigo-600 text-white px-6 py-2 rounded-lg hover:bg-indigo-700 transition">
Get Started
2026-03-18 10:56:35 +02:00
</a>
@endif
@endauth
</div>
2026-03-21 12:16:57 +02:00
</div>
2026-03-18 10:56:35 +02:00
</div>
2026-03-21 12:16:57 +02:00
</nav>
2026-03-18 10:56:35 +02:00
2026-03-21 12:16:57 +02:00
<!-- Hero Section -->
<section class="pt-32 pb-20 px-4 sm:px-6 lg:px-8">
<div class="max-w-7xl mx-auto">
<div class="text-center max-w-3xl mx-auto">
<div class="inline-flex items-center px-4 py-2 bg-indigo-50 rounded-full text-indigo-600 text-sm font-medium mb-8">
<svg class="w-4 h-4 mr-2" 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"></path>
</svg>
Privacy-First & GDPR Compliant
</div>
<h1 class="text-5xl sm:text-6xl lg:text-7xl font-bold text-gray-900 mb-6 leading-tight">
Analytics That Respect
<span class="text-indigo-600">Privacy</span>
</h1>
<p class="text-xl text-gray-600 mb-10 leading-relaxed">
EU-made and hosted analytics platform. Track your website performance without compromising your visitors' privacy. GDPR compliant by design.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
@if (Route::has('register'))
<a href="{{ route('register') }}" class="bg-indigo-600 text-white px-8 py-4 rounded-lg hover:bg-indigo-700 transition font-semibold text-lg">
Start Free Trial
</a>
@endif
<a href="#features" class="border-2 border-gray-300 text-gray-700 px-8 py-4 rounded-lg hover:border-indigo-600 hover:text-indigo-600 transition font-semibold text-lg">
Learn More
</a>
</div>
</div>
</div>
</section>
<!-- Features Section -->
<section id="features" class="py-20 bg-gray-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-4xl font-bold text-gray-900 mb-4">Built for Privacy & Performance</h2>
<p class="text-xl text-gray-600">Everything you need to understand your audience, without tracking them</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Feature 1 -->
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition">
<div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-indigo-600" 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"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Privacy-First</h3>
<p class="text-gray-600">No cookies, no tracking, no personal data collection. GDPR compliant by default.</p>
</div>
<!-- Feature 2 -->
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition">
<div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">EU Hosted</h3>
<p class="text-gray-600">All data stored in the European Union. Your data never leaves EU borders.</p>
</div>
<!-- Feature 3 -->
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition">
<div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-indigo-600" 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"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Lightning Fast</h3>
<p class="text-gray-600">Lightweight tracking script that doesn't slow down your website.</p>
</div>
<!-- Feature 4 -->
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition">
<div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Real-Time Analytics</h3>
<p class="text-gray-600">See who's on your site right now. Monitor traffic as it happens.</p>
</div>
<!-- Feature 5 -->
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition">
<div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"></path>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Goal Tracking</h3>
<p class="text-gray-600">Track conversions, events, and custom goals without compromising privacy.</p>
</div>
<!-- Feature 6 -->
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition">
<div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Simple Dashboard</h3>
<p class="text-gray-600">Clean, intuitive interface. Get insights without the complexity.</p>
</div>
</div>
</div>
</section>
<!-- Why Privacy Matters Section -->
<section class="py-20 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-2 gap-12 items-center">
<div>
<h2 class="text-4xl font-bold text-gray-900 mb-6">Why Privacy Matters</h2>
<p class="text-lg text-gray-600 mb-6">
Traditional analytics tools track your visitors across the web, collect personal data, and sell it to advertisers.
This creates privacy concerns and requires annoying cookie consent banners.
</p>
<p class="text-lg text-gray-600 mb-6">
We believe you can get the insights you need while respecting your visitors' privacy.
Our platform gives you all the metrics that matter without invasive tracking.
</p>
<ul class="space-y-4">
<li class="flex items-start">
<svg class="w-6 h-6 text-green-500 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
<span class="text-gray-700">No cookie consent banners needed</span>
</li>
<li class="flex items-start">
<svg class="w-6 h-6 text-green-500 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
<span class="text-gray-700">100% GDPR compliant by design</span>
</li>
<li class="flex items-start">
<svg class="w-6 h-6 text-green-500 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
<span class="text-gray-700">No personal data collection</span>
</li>
<li class="flex items-start">
<svg class="w-6 h-6 text-green-500 mr-3 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
<span class="text-gray-700">Data stored in the EU only</span>
</li>
</ul>
</div>
<div class="bg-gradient-to-br from-indigo-500 to-purple-600 rounded-2xl p-8 text-white">
<h3 class="text-2xl font-bold mb-4">What We Track</h3>
<ul class="space-y-3 mb-8">
<li class="flex items-center">
<svg class="w-5 h-5 mr-3" 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"></path>
</svg>
Page views & sessions
</li>
<li class="flex items-center">
<svg class="w-5 h-5 mr-3" 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"></path>
</svg>
Traffic sources & referrers
</li>
<li class="flex items-center">
<svg class="w-5 h-5 mr-3" 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"></path>
</svg>
Device & browser info
</li>
<li class="flex items-center">
<svg class="w-5 h-5 mr-3" 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"></path>
</svg>
Country (not city/IP)
</li>
</ul>
<h3 class="text-2xl font-bold mb-4">What We Don't Track</h3>
<ul class="space-y-3">
<li class="flex items-center">
<svg class="w-5 h-5 mr-3" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path>
</svg>
No personal identifiable info
</li>
<li class="flex items-center">
<svg class="w-5 h-5 mr-3" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path>
</svg>
No cookies or tracking pixels
</li>
<li class="flex items-center">
<svg class="w-5 h-5 mr-3" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path>
</svg>
No cross-site tracking
</li>
<li class="flex items-center">
<svg class="w-5 h-5 mr-3" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path>
</svg>
No data selling to third parties
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="py-20 bg-indigo-600">
<div class="max-w-4xl mx-auto text-center px-4 sm:px-6 lg:px-8">
<h2 class="text-4xl font-bold text-white mb-6">Ready to respect your visitors' privacy?</h2>
<p class="text-xl text-indigo-100 mb-8">
Join companies that care about privacy. Start tracking what matters without compromising on ethics.
</p>
@if (Route::has('register'))
<a href="{{ route('register') }}" class="inline-block bg-white text-indigo-600 px-8 py-4 rounded-lg hover:bg-gray-100 transition font-semibold text-lg">
Get Started Free
</a>
@endif
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-gray-400 py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<p class="text-lg font-semibold text-white mb-2">{{ config('app.name') }}</p>
<p class="text-sm">Privacy-first analytics. Made and hosted in the EU.</p>
<p class="text-sm mt-4">&copy; {{ date('Y') }} {{ config('app.name') }}. All rights reserved.</p>
</div>
</div>
</footer>
</body>
2026-03-18 10:56:35 +02:00
</html>