fc463dc69a
- Replace Next.js/React implementation with Python Flask - Add colorful blue-purple-teal gradient theme replacing red design - Integrate logo and Transalpina panoramic background image - Implement complete authentication system with Flask-Login - Add community features for stories and tracks sharing - Create responsive design with Tailwind CSS - Add error handling with custom 404/500 pages - Include Docker deployment configuration - Add favicon support and proper SEO structure - Update content for Pensiune BuonGusto accommodation - Remove deprecated Next.js files and dependencies Features: ✅ Landing page with hero section and featured content ✅ User registration and login system ✅ Community section for adventure sharing ✅ Admin panel for content management ✅ Responsive mobile-first design ✅ Docker containerization with PostgreSQL ✅ Email integration with Flask-Mail ✅ Form validation with WTForms ✅ SQLAlchemy database models ✅ Error pages and favicon handling
36 lines
1.7 KiB
HTML
36 lines
1.7 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Page Not Found - Moto Adventure{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="min-h-screen bg-gray-50 py-20">
|
|
<div class="max-w-2xl mx-auto text-center">
|
|
<div class="bg-white rounded-lg shadow-lg p-8">
|
|
<div class="mb-6">
|
|
<i class="fas fa-exclamation-triangle text-yellow-500 text-6xl mb-4"></i>
|
|
<h1 class="text-4xl font-bold text-gray-900 mb-2">404 - Page Not Found</h1>
|
|
<p class="text-xl text-gray-600">
|
|
Oops! The page you're looking for seems to have taken a detour.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="bg-gradient-to-r from-blue-50 to-purple-50 rounded-lg p-6 mb-6">
|
|
<p class="text-gray-700 mb-4">
|
|
Don't worry, every great adventure has its unexpected turns!
|
|
Let's get you back on the right path.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
|
<a href="{{ url_for('main.index') }}" class="bg-gradient-to-r from-blue-600 to-purple-600 text-white px-6 py-3 rounded-lg font-semibold hover:from-blue-700 hover:to-purple-700 transition transform hover:scale-105">
|
|
<i class="fas fa-home mr-2"></i>Back to Home
|
|
</a>
|
|
<a href="{{ url_for('community.index') }}" class="border-2 border-blue-600 text-blue-600 px-6 py-3 rounded-lg font-semibold hover:bg-blue-600 hover:text-white transition transform hover:scale-105">
|
|
<i class="fas fa-users mr-2"></i>Browse Community
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|