86 lines
3.8 KiB
Plaintext
86 lines
3.8 KiB
Plaintext
<!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> |