c06ab0b8a2
Implement a complete overhaul of the theme templates to match the Kolli UI design, including enhanced WooCommerce support, dark mode functionality, and improved responsive layouts. - Redesign core templates: front-page, archive, single, and product pages - Implement dynamic WooCommerce templates for shop, single product, and checkout - Add comprehensive asset structure including fonts, images, and custom CSS/JS - Integrate Tailwind CSS via CDN with custom configuration for brand colors - Add dark mode support with local storage persistence - Refactor functions.php for better theme setup and script enqueuing - Implement custom product meta fields for ingredients and health benefits - Add responsive design improvements and custom animations
35 lines
2.0 KiB
PHP
35 lines
2.0 KiB
PHP
<?php
|
|
/**
|
|
* صفحه ۴۰۴ - مطابق با UI Kolli.html
|
|
*
|
|
* @package Motayeb
|
|
*/
|
|
|
|
get_header();
|
|
?>
|
|
|
|
<section class="min-h-[70vh] flex items-center justify-center bg-cream-100 dark:bg-dark-bg py-16">
|
|
<div class="max-w-2xl mx-auto px-4 md:px-6 text-center">
|
|
<div class="w-32 h-32 mx-auto mb-8 bg-forest-50 dark:bg-forest-900/30 rounded-full flex items-center justify-center">
|
|
<iconify-icon icon="lucide:leaf" width="64" class="text-forest-500 dark:text-forest-300"></iconify-icon>
|
|
</div>
|
|
<h1 class="text-6xl md:text-8xl font-extrabold text-forest-500 dark:text-forest-300">۴۰۴</h1>
|
|
<h2 class="text-2xl md:text-3xl font-bold mt-4 mb-6">صفحه مورد نظر پیدا نشد!</h2>
|
|
<p class="text-cream-500 dark:text-dark-muted text-base leading-relaxed mb-8">
|
|
به نظر میرسد آدرس اشتباه وارد کردهاید یا صفحهای که به دنبال آن هستید حذف شده است.
|
|
</p>
|
|
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
|
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="inline-flex items-center justify-center gap-2 px-8 py-3.5 bg-forest-500 text-white rounded-2xl font-semibold hover:bg-forest-600 hover:-translate-y-0.5 transition-all shadow-lg shadow-forest-500/25">
|
|
<iconify-icon icon="lucide:home" width="18"></iconify-icon>
|
|
<span>بازگشت به خانه</span>
|
|
</a>
|
|
<a href="<?php echo esc_url( get_permalink( wc_get_page_id( 'shop' ) ) ); ?>" class="inline-flex items-center justify-center gap-2 px-8 py-3.5 bg-white dark:bg-dark-card border border-cream-200 dark:border-dark-border rounded-2xl font-semibold hover:bg-cream-50 dark:hover:bg-dark-bg hover:-translate-y-0.5 transition-all">
|
|
<iconify-icon icon="lucide:shopping-bag" width="18"></iconify-icon>
|
|
<span>مشاهده محصولات</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php
|
|
get_footer();
|