51 lines
2.4 KiB
PHP
51 lines
2.4 KiB
PHP
<?php
|
|
$pageTitle = $article['title'];
|
|
require __DIR__ . '/../layout/header.php';
|
|
require __DIR__ . '/../layout/navbar.php';
|
|
?>
|
|
|
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
|
|
<div class="bg-white rounded-3xl border border-stone-200 overflow-hidden shadow-sm p-6 sm:p-10 space-y-6">
|
|
<div class="flex items-center gap-3 text-xs text-stone-400">
|
|
<a href="/blog" class="text-amber-600 font-bold hover:underline">بازگشت به مقالات</a>
|
|
<span>•</span>
|
|
<span>تاریخ انتشار: <?= \Bildirchin\Helpers::getJalaliDate($article['created_at']) ?></span>
|
|
<span>•</span>
|
|
<span><?= htmlspecialchars($article['author']) ?></span>
|
|
</div>
|
|
|
|
<h1 class="text-2xl sm:text-3xl font-black text-stone-900 leading-tight">
|
|
<?= htmlspecialchars($article['title']) ?>
|
|
</h1>
|
|
|
|
<div class="rounded-2xl overflow-hidden bg-stone-900 h-64 sm:h-80">
|
|
<img src="<?= $article['image'] ?>" class="w-full h-full object-cover">
|
|
</div>
|
|
|
|
<div class="bg-amber-50/70 p-4 rounded-xl border border-amber-200 text-xs sm:text-sm text-stone-700 leading-relaxed font-medium">
|
|
<i class="fas fa-quote-right text-amber-600 ml-1"></i>
|
|
<?= htmlspecialchars($article['summary']) ?>
|
|
</div>
|
|
|
|
<div class="prose max-w-none text-sm text-stone-700 leading-loose space-y-4 pt-4 border-t border-stone-100">
|
|
<?= nl2br(htmlspecialchars($article['content'])) ?>
|
|
</div>
|
|
|
|
<!-- Share and CTA box -->
|
|
<div class="bg-stone-50 rounded-2xl p-6 border border-stone-200 mt-10 flex flex-col sm:flex-row items-center justify-between gap-4">
|
|
<div>
|
|
<h4 class="font-bold text-sm text-stone-900">نیاز به مشاوره جهت راهاندازی سالن یا خرید دان دارید؟</h4>
|
|
<p class="text-xs text-stone-500 mt-0.5">کارشناسان فنی مزرعه بلدرچین زرین به صورت رایگان پاسخگوی شما هستند.</p>
|
|
</div>
|
|
<a href="tel:<?= \Bildirchin\Config::PHONE ?>" class="px-5 py-2.5 rounded-xl bg-amber-500 text-stone-950 font-bold text-xs hover:bg-amber-600 transition flex items-center gap-2">
|
|
<i class="fas fa-phone-volume"></i>
|
|
<span>تماس با مشاور</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
require __DIR__ . '/../layout/footer.php';
|
|
?>
|