97 lines
6.8 KiB
PHP
97 lines
6.8 KiB
PHP
@extends('site.layout')
|
|
|
|
@section('title', 'Privacy Policy - Dewemoji')
|
|
@section('meta_description', 'Read Dewemoji privacy policy, data collection scope, cookies, and support contacts.')
|
|
|
|
@push('head')
|
|
<style>
|
|
.legal-h2 { font-family: 'Space Grotesk', sans-serif; margin-top: 2rem; margin-bottom: .75rem; font-size: 1.3rem; color: var(--app-fg); font-weight: 700; }
|
|
.legal-h3 { font-family: 'Space Grotesk', sans-serif; margin-top: 1.4rem; margin-bottom: .5rem; font-size: 1.05rem; color: var(--muted-strong); font-weight: 600; }
|
|
.legal-p { color: var(--muted-text); line-height: 1.7; margin-bottom: .9rem; }
|
|
.legal-ul { list-style: disc; padding-left: 1.2rem; color: var(--muted-text); margin-bottom: .9rem; }
|
|
</style>
|
|
@endpush
|
|
|
|
@section('content')
|
|
<div class="flex h-screen w-full">
|
|
<aside class="hidden lg:flex w-20 lg:w-64 h-full glass-panel flex-col justify-between p-4 z-50 shrink-0">
|
|
<div>
|
|
<div class="flex items-center gap-3 px-2 mb-8 mt-2">
|
|
<div class="w-10 h-10 rounded-xl bg-gradient-to-br from-white to-gray-300 flex items-center justify-center shadow-lg shadow-white/20 shrink-0">
|
|
<img src="/assets/logo/logo-mark.svg" alt="Dewemoji logo" class="w-7 h-7 object-contain" />
|
|
</div>
|
|
<h1 class="font-display font-bold text-lg tracking-tight hidden lg:block">Dewemoji</h1>
|
|
</div>
|
|
<nav class="space-y-1">
|
|
<a href="{{ route('home') }}" class="flex items-center gap-4 px-3 py-3 rounded-xl text-gray-400 hover:text-white hover:bg-white/5 transition-all"><i data-lucide="layout-grid" class="w-5 h-5"></i><span class="text-sm hidden lg:block">Discover</span></a>
|
|
<a href="{{ route('api-docs') }}" class="flex items-center gap-4 px-3 py-3 rounded-xl text-gray-400 hover:text-white hover:bg-white/5 transition-all"><i data-lucide="book-open" class="w-5 h-5"></i><span class="text-sm hidden lg:block">API Docs</span></a>
|
|
<a href="{{ route('pricing') }}" class="flex items-center gap-4 px-3 py-3 rounded-xl text-gray-400 hover:text-white hover:bg-white/5 transition-all"><i data-lucide="badge-dollar-sign" class="w-5 h-5"></i><span class="text-sm hidden lg:block">Pricing</span></a>
|
|
<a href="{{ route('support') }}" class="flex items-center gap-4 px-3 py-3 rounded-xl text-gray-400 hover:text-white hover:bg-white/5 transition-all"><i data-lucide="life-buoy" class="w-5 h-5"></i><span class="text-sm hidden lg:block">Support</span></a>
|
|
</nav>
|
|
</div>
|
|
<div class="space-y-1">
|
|
@auth
|
|
<a href="{{ route('dashboard.overview') }}" class="flex items-center gap-4 px-3 py-3 rounded-xl text-gray-400 hover:text-white hover:bg-white/5 transition-all"><i data-lucide="layout-dashboard" class="w-5 h-5"></i><span class="text-sm hidden lg:block">Dashboard</span></a>
|
|
@endauth
|
|
@guest
|
|
<a href="{{ route('login') }}" class="flex items-center gap-4 px-3 py-3 rounded-xl text-gray-400 hover:text-white hover:bg-white/5 transition-all"><i data-lucide="log-in" class="w-5 h-5"></i><span class="text-sm hidden lg:block">Login</span></a>
|
|
@endguest
|
|
<a href="{{ route('privacy') }}" class="flex items-center gap-4 px-3 py-3 rounded-xl bg-white/10 text-brand-sun border border-white/5 transition-all"><i data-lucide="shield-check" class="w-5 h-5"></i><span class="text-sm hidden lg:block">Privacy</span></a>
|
|
<a href="{{ route('terms') }}" class="flex items-center gap-4 px-3 py-3 rounded-xl text-gray-400 hover:text-white hover:bg-white/5 transition-all"><i data-lucide="file-text" class="w-5 h-5"></i><span class="text-sm hidden lg:block">Terms</span></a>
|
|
</div>
|
|
</aside>
|
|
|
|
<main class="flex-1 flex flex-col h-full min-w-0 relative z-10">
|
|
<header class="glass-header px-6 py-5 shrink-0 flex items-center justify-between">
|
|
<div>
|
|
<div class="text-[11px] uppercase tracking-wider text-gray-500">Legal / Privacy Policy</div>
|
|
<h1 class="font-display text-2xl md:text-3xl font-bold">Privacy Policy</h1>
|
|
</div>
|
|
<div class="flex items-center gap-4">
|
|
<div class="text-right">
|
|
<div class="text-[10px] uppercase tracking-wider text-gray-500">Last Updated</div>
|
|
<div class="text-sm text-gray-200">February 5, 2026</div>
|
|
</div>
|
|
<button id="theme-toggle" class="w-9 h-9 rounded-full theme-surface border border-white/10 shadow-lg flex items-center justify-center text-gray-300 hover:text-white transition-colors">
|
|
<span class="sr-only">Toggle theme</span>
|
|
<i data-lucide="moon" class="w-4 h-4" data-theme-icon="dark"></i>
|
|
<i data-lucide="sun" class="w-4 h-4 hidden" data-theme-icon="light"></i>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="flex-1 overflow-y-auto p-6 md:p-10">
|
|
<div class="max-w-4xl mx-auto">
|
|
<div class="glass-card p-6 rounded-2xl mb-8">
|
|
<p class="legal-p mb-0">We respect your privacy and keep data collection minimal. This page explains what we collect and why.</p>
|
|
</div>
|
|
|
|
<h2 class="legal-h2">1. Information we collect</h2>
|
|
<p class="legal-p">We collect service diagnostics and usage signals needed to operate Dewemoji reliably.</p>
|
|
<ul class="legal-ul">
|
|
<li>API usage metadata (endpoint, timing, status)</li>
|
|
<li>Basic device/browser information</li>
|
|
<li>Account and subscription metadata needed for access control</li>
|
|
</ul>
|
|
|
|
<h2 class="legal-h2">2. How we use information</h2>
|
|
<ul class="legal-ul">
|
|
<li>Provide and improve search quality and API performance</li>
|
|
<li>Prevent abuse and enforce fair usage limits</li>
|
|
<li>Support account, billing, and API-key workflows</li>
|
|
</ul>
|
|
|
|
<h2 class="legal-h2">3. Cookies and local storage</h2>
|
|
<p class="legal-p">We use browser storage for user experience features (for example recent emoji history). This stays on your device unless explicitly submitted to API endpoints.</p>
|
|
|
|
<h2 class="legal-h2">4. Data sharing</h2>
|
|
<p class="legal-p">We do not sell personal data. Limited sharing may occur with payment and infrastructure providers only when required to run the service.</p>
|
|
|
|
<h2 class="legal-h2">5. Contact</h2>
|
|
<p class="legal-p">Questions? Contact <a href="mailto:hello@dewemoji.com" class="text-brand-oceanSoft hover:text-white">hello@dewemoji.com</a>.</p>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
@endsection
|