File: /home/posscale/public_html/printmanager/resources/views/welcome.blade.php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ env('APP_NAME', 'Managed Printer Services') }}</title>
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap" rel="stylesheet" />
@vite(['resources/css/app.css', 'resources/js/app.js'])
<style>
.gradient-bg {
background: linear-gradient(135deg, #001a4d 0%, #003d99 100%);
}
.feature-card {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.feature-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 26, 77, 0.2);
}
</style>
</head>
<body class="antialiased bg-white dark:bg-gray-950">
<!-- Navigation -->
<nav class="fixed w-full bg-gradient-to-r from-blue-900 to-blue-800 dark:from-blue-950 dark:to-blue-900 backdrop-blur-sm bg-opacity-95 dark:bg-opacity-95 border-b border-blue-700 dark:border-blue-800 z-50 shadow-lg">
<div class="max-w-7xl mx-auto px-6 py-4 flex justify-between items-center">
<div class="flex items-center gap-3">
<img class="h-10 w-10" src="{{ env('APP_LOGO', 'https://posscales.com.au/WP-POS/wp-content/uploads/2018/05/cropped-pos-logo-1-1.png') }}" alt="Logo">
<span class="font-bold text-xl text-white hidden sm:inline">{{ env('APP_NAME', 'Managed Printers') }}</span>
</div>
<div class="flex items-center gap-4">
@auth
<a href="{{ route('filament.super-admin.pages.dashboard') }}" class="text-blue-100 hover:text-white transition font-medium">Dashboard</a>
<form method="POST" action="{{ route('filament.super-admin.auth.logout') }}" class="inline">
@csrf
<button type="submit" class="text-blue-100 hover:text-white transition font-medium">Logout</button>
</form>
@else
<a href="{{ route('printer.index') }}" class="bg-red-600 text-white px-6 py-2 rounded-lg hover:bg-red-700 transition font-semibold">Get Started</a>
@endauth
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="pt-32 pb-20 px-6 gradient-bg text-white">
<div class="max-w-7xl mx-auto">
<div class="grid md:grid-cols-2 gap-12 items-center">
<div>
<h1 class="text-5xl font-bold mb-6 leading-tight">Manage Your Printers Effortlessly</h1>
<p class="text-xl mb-8 text-blue-100">Complete printer fleet management solution with real-time monitoring, toner tracking, and automated alerts.</p>
<div class="flex gap-4 flex-wrap">
<a href="{{ route('printer.index') }}" class="bg-white text-blue-900 px-8 py-3 rounded-lg font-semibold hover:shadow-lg transition inline-block">Register Printer</a>
<a href="#features" class="border-2 border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:bg-opacity-10 transition inline-block">Learn More</a>
</div>
</div>
<div class="relative">
<div class="bg-white bg-opacity-10 rounded-2xl p-8 backdrop-blur-sm border border-white border-opacity-20">
<div class="bg-gray-100 dark:bg-gray-700 rounded-lg p-12 flex items-center justify-center h-64">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-24 h-24 text-purple-300">
<path d="M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z" fill="currentColor"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Features Section -->
<section id="features" class="py-20 px-6 bg-gray-50 dark:bg-gray-900">
<div class="max-w-7xl mx-auto">
<div class="text-center mb-16">
<h2 class="text-4xl font-bold text-gray-900 dark:text-white mb-4">Powerful Features</h2>
<p class="text-xl text-gray-600 dark:text-gray-400">Everything you need to manage your printer fleet</p>
</div>
<div class="grid md:grid-cols-3 gap-8">
<!-- Feature 1 -->
<div class="feature-card bg-white dark:bg-gray-800 rounded-xl p-8 border border-gray-200 dark:border-gray-700">
<div class="bg-blue-100 dark:bg-blue-900 w-14 h-14 rounded-lg flex items-center justify-center mb-6">
<svg class="w-7 h-7 text-blue-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"/>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">Real-Time Monitoring</h3>
<p class="text-gray-600 dark:text-gray-400">Track printer status, toner levels, and job progress in real-time with live dashboards</p>
</div>
<!-- Feature 2 -->
<div class="feature-card bg-white dark:bg-gray-800 rounded-xl p-8 border border-gray-200 dark:border-gray-700">
<div class="bg-purple-100 dark:bg-purple-900 w-14 h-14 rounded-lg flex items-center justify-center mb-6">
<svg class="w-7 h-7 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"/>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">Smart Alerts</h3>
<p class="text-gray-600 dark:text-gray-400">Get notified automatically when toner runs low, errors occur, or maintenance is needed</p>
</div>
<!-- Feature 3 -->
<div class="feature-card bg-white dark:bg-gray-800 rounded-xl p-8 border border-gray-200 dark:border-gray-700">
<div class="bg-green-100 dark:bg-green-900 w-14 h-14 rounded-lg flex items-center justify-center mb-6">
<svg class="w-7 h-7 text-green-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>
</div>
<h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">Inventory Management</h3>
<p class="text-gray-600 dark:text-gray-400">Manage toner and ink inventory, track suppliers, and automate reorder points</p>
</div>
<!-- Feature 4 -->
<div class="feature-card bg-white dark:bg-gray-800 rounded-xl p-8 border border-gray-200 dark:border-gray-700">
<div class="bg-indigo-100 dark:bg-indigo-900 w-14 h-14 rounded-lg flex items-center justify-center mb-6">
<svg class="w-7 h-7 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"/>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">Multi-Tenant Support</h3>
<p class="text-gray-600 dark:text-gray-400">Manage multiple locations and accounts with complete data isolation and security</p>
</div>
<!-- Feature 5 -->
<div class="feature-card bg-white dark:bg-gray-800 rounded-xl p-8 border border-gray-200 dark:border-gray-700">
<div class="bg-orange-100 dark:bg-orange-900 w-14 h-14 rounded-lg flex items-center justify-center mb-6">
<svg class="w-7 h-7 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">Detailed Reports</h3>
<p class="text-gray-600 dark:text-gray-400">Generate comprehensive reports on printer usage, costs, and performance metrics</p>
</div>
<!-- Feature 6 -->
<div class="feature-card bg-white dark:bg-gray-800 rounded-xl p-8 border border-gray-200 dark:border-gray-700">
<div class="bg-red-100 dark:bg-red-900 w-14 h-14 rounded-lg flex items-center justify-center mb-6">
<svg class="w-7 h-7 text-red-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"/>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-3">Enterprise Security</h3>
<p class="text-gray-600 dark:text-gray-400">Bank-level encryption, role-based access control, and audit logs for compliance</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="py-20 px-6 gradient-bg text-white">
<div class="max-w-4xl mx-auto text-center">
<h2 class="text-4xl font-bold mb-6">Ready to Transform Your Printer Management?</h2>
<p class="text-xl mb-8 text-blue-100">Join hundreds of businesses already managing their printer fleets efficiently</p>
<div class="flex gap-4 justify-center flex-wrap">
<a href="{{ route('printer.index') }}" class="bg-white text-blue-900 px-8 py-3 rounded-lg font-semibold hover:shadow-lg transition">Get Started Now</a>
<a href="#features" class="border-2 border-white text-white px-8 py-3 rounded-lg font-semibold hover:bg-white hover:bg-opacity-10 transition">Learn More</a>
</div>
</div>
</section>
@include('layouts.main-footer')
</body>
</html>