init commit
This commit is contained in:
86
views/error.ejs
Normal file
86
views/error.ejs
Normal file
@@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>오류 - SmartSolTech</title>
|
||||
|
||||
<!-- PWA -->
|
||||
<meta name="theme-color" content="#3B82F6">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="apple-touch-icon" href="/images/icons/icon-192x192.png">
|
||||
|
||||
<!-- Styles -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
||||
<link href="/css/main.css" rel="stylesheet">
|
||||
</head>
|
||||
<body class="bg-gray-50">
|
||||
<%- include('partials/navigation') %>
|
||||
|
||||
<!-- Error Section -->
|
||||
<section class="min-h-screen flex items-center justify-center py-20">
|
||||
<div class="container mx-auto px-4 text-center">
|
||||
<div class="bg-white rounded-2xl shadow-xl p-12 max-w-2xl mx-auto">
|
||||
|
||||
<!-- Error Icon -->
|
||||
<div class="w-24 h-24 bg-red-100 rounded-full flex items-center justify-center mx-auto mb-8">
|
||||
<i class="fas fa-exclamation-triangle text-red-600 text-4xl"></i>
|
||||
</div>
|
||||
|
||||
<!-- Error Title -->
|
||||
<h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-6">
|
||||
<%= title || '오류가 발생했습니다' %>
|
||||
</h1>
|
||||
|
||||
<!-- Error Message -->
|
||||
<p class="text-xl text-gray-600 mb-8 leading-relaxed">
|
||||
<%= message || '요청을 처리하는 중 문제가 발생했습니다.' %>
|
||||
</p>
|
||||
|
||||
<!-- Action Buttons -->
|
||||
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<a href="/"
|
||||
class="bg-blue-600 text-white px-8 py-3 rounded-full hover:bg-blue-700 transition-colors font-semibold">
|
||||
<i class="fas fa-home mr-2"></i>
|
||||
홈으로 돌아가기
|
||||
</a>
|
||||
<button onclick="history.back()"
|
||||
class="border-2 border-blue-600 text-blue-600 px-8 py-3 rounded-full hover:bg-blue-600 hover:text-white transition-colors font-semibold">
|
||||
<i class="fas fa-arrow-left mr-2"></i>
|
||||
이전 페이지로
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Help Section -->
|
||||
<div class="mt-12 pt-8 border-t border-gray-200">
|
||||
<h3 class="text-lg font-semibold text-gray-900 mb-4">도움이 필요하신가요?</h3>
|
||||
<p class="text-gray-600 mb-6">
|
||||
문제가 지속되면 언제든지 저희에게 연락해 주세요.
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<a href="/contact"
|
||||
class="text-blue-600 hover:text-blue-700 font-semibold">
|
||||
<i class="fas fa-envelope mr-2"></i>
|
||||
문의하기
|
||||
</a>
|
||||
<a href="mailto:info@smartsoltech.kr"
|
||||
class="text-blue-600 hover:text-blue-700 font-semibold">
|
||||
<i class="fas fa-at mr-2"></i>
|
||||
info@smartsoltech.kr
|
||||
</a>
|
||||
<a href="tel:+82-10-1234-5678"
|
||||
class="text-blue-600 hover:text-blue-700 font-semibold">
|
||||
<i class="fas fa-phone mr-2"></i>
|
||||
+82-10-1234-5678
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user