<!DOCTYPE html><html lang="en"><head> <title>Page Not Found.</title> <link href="/assets/css/styles_min.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="apple-touch-fullscreen" content="YES"> <meta charset="UTF-8"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png"> <link rel="manifest" href="/assets/favicons/site.webmanifest"> <script src="https://cdn.tailwindcss.com"></script> <script src="https://unpkg.com/lucide@latest"></script> <style> /* 404 Page Specific Styles */ .error-container { max-width: 600px; margin: 0 auto; padding: 2rem; text-align: center; } .error-illustration { font-size: 8rem; margin-bottom: 2rem; color: rgb(var(--muted-foreground)); animation: float 3s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } .error-title { font-size: 3rem; font-weight: bold; color: rgb(var(--foreground)); margin-bottom: 1rem; } .error-subtitle { font-size: 1.25rem; color: rgb(var(--muted-foreground)); margin-bottom: 2rem; } .error-description { font-size: 1rem; color: rgb(var(--foreground)); margin-bottom: 2rem; line-height: 1.6; } .home-button { background: rgb(var(--primary)); color: rgb(var(--primary-foreground)); border: none; padding: 1rem 2rem; border-radius: 0.5rem; font-size: 1.125rem; font-weight: 600; cursor: pointer; transition: all 0.2s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; } .home-button:hover { background: rgb(var(--primary)); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .suggestions-container { background: rgb(var(--card)); border: 1px solid rgb(var(--border)); border-radius: 0.5rem; padding: 1.5rem; margin: 2rem 0; text-align: left; } .suggestions-title { font-size: 1.125rem; font-weight: 600; color: rgb(var(--foreground)); margin-bottom: 1rem; } .suggestions-list { list-style: none; padding: 0; } .suggestions-list li { color: rgb(var(--foreground)); margin-bottom: 0.5rem; position: relative; padding-left: 1.5rem; } .suggestions-list li:before { content: "•"; position: absolute; left: 0; color: rgb(var(--primary)); font-weight: bold; } .sad-emoji { font-size: 4rem; margin-bottom: 1rem; animation: sad 2s ease-in-out infinite; } @keyframes sad { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-5deg); } 75% { transform: rotate(5deg); } } .error-code { font-size: 8rem; font-weight: bold; color: rgb(var(--muted-foreground)); margin-bottom: 1rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); } </style></head><body class="min-h-screen bg-background text-foreground dark"><header class="sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"> <div class="container mx-auto flex h-16 items-center px-4"> <div class="flex items-center gap-4 w-64"> <button id="mobile-menu-btn" class="md:hidden p-2 hover:bg-accent rounded-md"> <i data-lucide="menu" class="h-5 w-5"></i> </button> <div class="flex items-center gap-2"> <h3 class="text-xl font-bold"><a href="/" title="Home page">GYVE<span class="text-red-600 dark:text-red-400">7</span></a></h3> </div> </div> <div class="flex-1 max-w-2xl mx-4 hidden md:block"> <form method="post" action="/en/search"> <div class="relative"> <i data-lucide="search" class="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"></i> <input name="search" type="text" placeholder="Search for xxx videos..." class="w-full pl-10 pr-20 py-2 bg-input border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-ring" /> <button class="absolute right-1 top-1/2 -translate-y-1/2 bg-primary text-primary-foreground px-3 py-1 rounded-md text-sm hover:bg-primary/90"> Search </button> </div> </form> </div> <div class="flex items-center gap-2"> <button id="theme-toggle-mobile" class="md:hidden p-2 hover:bg-accent rounded-md"> <i data-lucide="sun" class="h-5 w-5 sun-icon"></i> <i data-lucide="moon" class="h-5 w-5 moon-icon hidden"></i> </button> <button id="theme-toggle-desktop" class="hidden md:flex p-2 hover:bg-accent rounded-md"> <i data-lucide="sun" class="h-5 w-5 sun-icon"></i> <i data-lucide="moon" class="h-5 w-5 moon-icon hidden"></i> </button> </div> </div> <div class="border-t border-border md:hidden"> <form method="post" action="/en/search"> <div class="container mx-auto p-4"> <div class="relative"> <i data-lucide="search" class="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"></i> <input name="search" type="text" placeholder="Search for xxx videos..." class="w-full pl-10 pr-20 py-2 bg-input border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-ring" /> <button class="absolute right-1 top-1/2 -translate-y-1/2 bg-primary text-primary-foreground px-3 py-1 rounded-md text-sm hover:bg-primary/90"> Search </button> </div> </div> </form> </div></header><div class="flex"> <aside id="sidebar" class="w-64 border-r border-border bg-muted/5 hidden md:block fixed md:static inset-y-0 left-0 z-50 transform -translate-x-full md:translate-x-0 sidebar-transition"> <div class="p-4 border-b border-border flex items-center justify-between md:hidden"> <h2 class="text-lg font-semibold">Menu</h2> <button id="close-sidebar-btn" class="p-2 hover:bg-accent rounded-md"> <i data-lucide="x" class="h-5 w-5"></i> </button> </div> <div class="p-4 space-y-6"> <div> <h3 class="font-semibold text-sm text-muted-foreground uppercase tracking-wider mb-3"> Videos </h3> <nav class="space-y-1"><a href="/en/new/" title="New Videos" class="w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent hover:text-accent-foreground block">New Videos</a><a href="/en/best/" title="Best Videos" class="w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent hover:text-accent-foreground block">Best Videos</a><a href="/en/week/" title="Best of the last week" class="w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent hover:text-accent-foreground block">Best of the last week</a><a href="/en/month/" title="Best of the last month" class="w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent hover:text-accent-foreground block">Best of the last month</a><a href="/en/history/" title="History" class="w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent hover:text-accent-foreground block">History</a></nav> </div><div> <h3 class="font-semibold text-sm text-muted-foreground uppercase tracking-wider mb-3">Categories</h3> <nav class="space-y-1"> <a class="w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent hover:text-accent-foreground block border" href="/en/categories" title="All Categories"> All Categories</a> </nav> </div><div> <h3 class="font-semibold text-sm text-muted-foreground uppercase tracking-wider mb-3">Info</h3> <nav class="space-y-1"> <a href="/privacy.php" title="Privacy Policy" class="w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent hover:text-accent-foreground block">Privacy Policy</a> <a href="/contacts.php" title="Contacts" class="w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent hover:text-accent-foreground block">Contacts</a> <a href="/terms.php" title="Terms of Use" class="w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent hover:text-accent-foreground block">Terms of Use</a> <a href="/about.php" title="About" class="w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent hover:text-accent-foreground block">About</a> </nav> </div> </div> </aside> <main class="flex-1"> <div class="container mx-auto px-4 py-12"> <div class="error-container"> <div class="error-illustration"> <div class="sad-emoji">😢</div> </div> <div class="error-code">404</div> <h1 class="error-title">Page Not Found</h1> <p class="error-subtitle">Oops! The content you're looking for cannot be found.</p> <p class="error-description"> It seems like the page you were trying to reach has been moved, deleted, or never existed. Don't worry though - we have plenty of amazing content waiting for you! </p> <a href="/" class="home-button"> <i data-lucide="home" class="h-5 w-5"></i> Continue to Gyve7.com </a> <div class="suggestions-container"> <h3 class="suggestions-title">Here are some helpful suggestions:</h3> <ul class="suggestions-list"> <li>Check the URL for any typos</li> <li>Use our search bar to find what you're looking for</li> <li>Browse our popular categories</li> <li>Try going back to the previous page</li> <li>Visit our homepage for fresh content</li> </ul> </div> <div class="text-muted-foreground"> <p>If you believe this is an error, please contact our support team.</p> </div> </div> </div> </main></div><script src="/assets/js/functions_min.js"></script><script> document.addEventListener('DOMContentLoaded', () => { lucide.createIcons(); initThemeToggle(); initMobileSidebar(); initDropdowns(); });</script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"3e4927555ecb435bbddcc3ad1f778912","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script></body></html>
