8d1403d972
Refactor WooCommerce product loop templates to support AJAX quick add-to-cart, wishlist functionality, and improved visual badges. Added new static pages for About and Contact. - Refactor `content-product.php` to include quick actions and discount badges - Update `archive-product.php` and `front-page.php` for improved product display - Add `motayeb_get_rating_html` helper function in `functions.php` - Add `page-about.php` and `page-contact.php` - Fix product card width issues in `header.php` - Implement dynamic banner option in `front-page.php`
67 lines
4.4 KiB
PHP
67 lines
4.4 KiB
PHP
<?php
|
|
/**
|
|
* قالب صفحه تماس با ما (Contact)
|
|
*
|
|
* @package Motayeb
|
|
*/
|
|
|
|
get_header();
|
|
?>
|
|
|
|
<!-- ===== CONTACT SECTION ===== -->
|
|
<section class="py-16 md:py-24 bg-white dark:bg-dark-card">
|
|
<div class="max-w-7xl mx-auto px-4 md:px-6">
|
|
<div class="text-center mb-12">
|
|
<span class="text-xs font-medium text-honey-400 tracking-wider font-inter">CONTACT</span>
|
|
<h2 class="text-3xl md:text-4xl font-extrabold mt-2">تماس با ما</h2>
|
|
</div>
|
|
<div class="grid md:grid-cols-2 gap-12">
|
|
|
|
<!-- اطلاعات تماس (ثابت) -->
|
|
<div>
|
|
<div class="space-y-6">
|
|
<div class="flex items-start gap-4">
|
|
<div class="w-12 h-12 bg-forest-50 dark:bg-forest-900/30 rounded-xl flex items-center justify-center flex-shrink-0">
|
|
<iconify-icon icon="lucide:map-pin" width="22" class="text-forest-500 dark:text-forest-300"></iconify-icon>
|
|
</div>
|
|
<div><div class="font-bold mb-1">آدرس</div><p class="text-sm text-cream-500 dark:text-dark-muted">تهران، خیابان ولیعصر، بالاتر از میدان ونک، پلاک ۱۲۳</p></div>
|
|
</div>
|
|
<div class="flex items-start gap-4">
|
|
<div class="w-12 h-12 bg-honey-50 dark:bg-honey-900/30 rounded-xl flex items-center justify-center flex-shrink-0">
|
|
<iconify-icon icon="lucide:phone" width="22" class="text-honey-400"></iconify-icon>
|
|
</div>
|
|
<div><div class="font-bold mb-1">تلفن</div><p class="text-sm text-cream-500 dark:text-dark-muted">۰۲۱-۱۲۳۴۵۶۷۸</p><p class="text-sm text-cream-500 dark:text-dark-muted">۰۹۱۲-۳۴۵-۶۷۸۹</p></div>
|
|
</div>
|
|
<div class="flex items-start gap-4">
|
|
<div class="w-12 h-12 bg-blue-50 dark:bg-blue-900/30 rounded-xl flex items-center justify-center flex-shrink-0">
|
|
<iconify-icon icon="lucide:mail" width="22" class="text-blue-500"></iconify-icon>
|
|
</div>
|
|
<div><div class="font-bold mb-1">ایمیل</div><p class="text-sm text-cream-500 dark:text-dark-muted font-inter" dir="ltr">info@motayeb.ir</p></div>
|
|
</div>
|
|
<div class="flex items-start gap-4">
|
|
<div class="w-12 h-12 bg-emerald-50 dark:bg-emerald-900/30 rounded-xl flex items-center justify-center flex-shrink-0">
|
|
<iconify-icon icon="lucide:clock" width="22" class="text-emerald-500"></iconify-icon>
|
|
</div>
|
|
<div><div class="font-bold mb-1">ساعت کاری</div><p class="text-sm text-cream-500 dark:text-dark-muted">شنبه تا پنجشنبه: ۹ صبح تا ۶ عصر</p></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- شبکههای اجتماعی -->
|
|
<div class="flex gap-3 mt-8">
|
|
<a href="#" class="w-10 h-10 bg-cream-100 dark:bg-dark-bg rounded-xl flex items-center justify-center hover:bg-forest-50 dark:hover:bg-forest-900/30 hover:text-forest-500 transition"><iconify-icon icon="lucide:instagram" width="20"></iconify-icon></a>
|
|
<a href="#" class="w-10 h-10 bg-cream-100 dark:bg-dark-bg rounded-xl flex items-center justify-center hover:bg-forest-50 dark:hover:bg-forest-900/30 hover:text-forest-500 transition"><iconify-icon icon="lucide:send" width="20"></iconify-icon></a>
|
|
<a href="#" class="w-10 h-10 bg-cream-100 dark:bg-dark-bg rounded-xl flex items-center justify-center hover:bg-forest-50 dark:hover:bg-forest-900/30 hover:text-forest-500 transition"><iconify-icon icon="lucide:twitter" width="20"></iconify-icon></a>
|
|
<a href="#" class="w-10 h-10 bg-cream-100 dark:bg-dark-bg rounded-xl flex items-center justify-center hover:bg-forest-50 dark:hover:bg-forest-900/30 hover:text-forest-500 transition"><iconify-icon icon="lucide:youtube" width="20"></iconify-icon></a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- فرم تماس (دینامیک، قابل ویرایش با گوتنبرگ) -->
|
|
<div>
|
|
<?php the_content(); ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php
|
|
get_footer();
|