<?php $__env->startSection('content'); ?>
<section class="relative bg-[#0B1F2B] overflow-hidden">
<div class="absolute inset-0 opacity-10" style="background-image:radial-gradient(circle,#ffffff 1px,transparent 1px);background-size:28px 28px;"></div>
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($post->featured_image): ?>
<div class="absolute inset-0">
<img src="<?php echo e(asset('storage/'.$post->featured_image)); ?>" alt="<?php echo e($post->title); ?>"
class="w-full h-full object-cover opacity-20">
<div class="absolute inset-0 bg-gradient-to-b from-[#0B1F2B]/70 via-[#0B1F2B]/80 to-[#0B1F2B]"></div>
</div>
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
<div class="relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-20 text-center">
<a href="<?php echo e(lang_url('/blog')); ?>"
class="inline-flex items-center gap-2 text-[#F4A922] text-sm font-medium hover:text-white transition-colors mb-6">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
</svg>
<?php echo e(__('site.btn_back_to_blog')); ?>
</a>
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($post->category): ?>
<div class="mb-4">
<span class="inline-block bg-[#0D7B8A]/80 text-white text-xs font-semibold px-3 py-1 rounded-full uppercase tracking-wider border border-[#0D7B8A]">
<?php echo e($post->category); ?>
</span>
</div>
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white leading-tight mb-6">
<?php echo e($post->title); ?>
</h1>
<div class="flex flex-wrap items-center justify-center gap-4 text-sm text-white/60">
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
</svg>
<?php echo e($post->author); ?>
</span>
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($post->published_at): ?>
<span class="text-white/30">•</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
</svg>
<?php echo e($post->published_at->format('F d, Y')); ?>
</span>
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($post->tags && count($post->tags)): ?>
<span class="text-white/30">•</span>
<span class="flex items-center gap-1.5">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/>
</svg>
<?php echo e(implode(', ', array_slice($post->tags, 0, 3))); ?>
</span>
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
</div>
</div>
<div class="relative h-12 -mb-1">
<svg viewBox="0 0 1440 48" fill="none" preserveAspectRatio="none" class="absolute bottom-0 w-full h-full">
<path d="M0,48 C360,0 1080,0 1440,48 L1440,48 L0,48 Z" fill="#F5F7FA"/>
</svg>
</div>
</section>
<section class="bg-[#F5F7FA] py-16">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="lg:grid lg:grid-cols-3 lg:gap-12">
<div class="lg:col-span-2">
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($post->featured_image): ?>
<div class="rounded-2xl overflow-hidden shadow-md mb-10">
<img src="<?php echo e(asset('storage/'.$post->featured_image)); ?>" alt="<?php echo e($post->title); ?>"
class="w-full h-80 object-cover">
</div>
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($post->excerpt): ?>
<div class="bg-[#E6F4F6] border-l-4 border-[#0D7B8A] rounded-r-xl px-6 py-4 mb-8">
<p class="text-[#0D7B8A] font-medium leading-relaxed italic"><?php echo e($post->excerpt); ?></p>
</div>
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
<div class="bg-white rounded-2xl shadow-sm p-8 lg:p-10">
<div class="prose prose-lg max-w-none
prose-headings:text-[#1A2332] prose-headings:font-bold
prose-p:text-[#5A6A7A] prose-p:leading-relaxed
prose-a:text-[#0D7B8A] prose-a:no-underline hover:prose-a:underline
prose-strong:text-[#1A2332]
prose-ul:text-[#5A6A7A] prose-ol:text-[#5A6A7A]
prose-li:marker:text-[#0D7B8A]
prose-blockquote:border-[#0D7B8A] prose-blockquote:text-[#0D7B8A] prose-blockquote:bg-[#E6F4F6] prose-blockquote:py-1 prose-blockquote:px-4 prose-blockquote:rounded-r-lg">
<?php echo $post->content; ?>
</div>
</div>
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($post->tags && count($post->tags)): ?>
<div class="mt-8 flex flex-wrap gap-2 items-center">
<span class="text-sm font-semibold text-[#5A6A7A] mr-1">Tags:</span>
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $post->tags; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $tag): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<span class="px-3 py-1 bg-white border border-[#E2E8F0] text-[#5A6A7A] rounded-full text-sm
hover:bg-[#0D7B8A] hover:text-white hover:border-[#0D7B8A] transition-colors cursor-default">
<?php echo e($tag); ?>
</span>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
</div>
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
<div class="mt-8 bg-white rounded-2xl shadow-sm p-6 flex flex-col sm:flex-row items-center justify-between gap-4">
<div>
<p class="text-sm font-semibold text-[#1A2332]">Found this helpful?</p>
<p class="text-sm text-[#5A6A7A]">Share it with your network.</p>
</div>
<div class="flex gap-3">
<a href="https://wa.me/?text=<?php echo e(urlencode($post->title . ' — ' . url()->current())); ?>"
target="_blank" rel="noopener"
class="flex items-center gap-2 bg-[#25D366] text-white text-sm font-medium px-4 py-2 rounded-xl hover:opacity-90 transition-opacity">
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
<path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
</svg>
WhatsApp
</a>
<button onclick="navigator.clipboard.writeText(window.location.href).then(()=>{this.textContent='Copied!';setTimeout(()=>{this.textContent='Copy Link'},2000)})"
class="flex items-center gap-2 bg-[#F5F7FA] border border-[#E2E8F0] text-[#5A6A7A] text-sm font-medium px-4 py-2 rounded-xl hover:bg-[#E2E8F0] transition-colors">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"/>
</svg>
Copy Link
</button>
</div>
</div>
<div class="mt-8">
<a href="<?php echo e(lang_url('/blog')); ?>"
class="inline-flex items-center gap-2 text-[#0D7B8A] font-semibold hover:text-[#0A5C67] transition-colors">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
</svg>
<?php echo e(__('site.btn_back_to_blog')); ?>
</a>
</div>
</div>
<div class="mt-12 lg:mt-0 space-y-6">
<div class="bg-gradient-to-br from-[#0D7B8A] to-[#0A5C67] rounded-2xl p-6 text-white sticky top-6">
<div class="w-12 h-12 bg-white/20 rounded-xl flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/>
</svg>
</div>
<h3 class="text-lg font-bold mb-2">Need Pharma Supplies?</h3>
<p class="text-white/80 text-sm mb-5 leading-relaxed">
Wholesale, retail or Nepal export — our team is ready to help.
</p>
<a href="<?php echo e(lang_url('/contact')); ?>"
class="block w-full bg-[#F4A922] text-[#1A2332] text-center font-bold py-3 rounded-xl hover:bg-[#C47E0A] hover:text-white transition-colors text-sm">
<?php echo e(__('site.btn_send_enquiry')); ?>
</a>
<a href="<?php echo e(whatsapp_url()); ?>" target="_blank" rel="noopener"
class="block w-full mt-3 bg-white/10 border border-white/30 text-white text-center font-medium py-3 rounded-xl hover:bg-white/20 transition-colors text-sm">
<?php echo e(__('site.btn_whatsapp')); ?>
</a>
</div>
<div class="bg-white rounded-2xl shadow-sm p-6">
<h4 class="font-bold text-[#1A2332] mb-4 flex items-center gap-2">
<svg class="w-5 h-5 text-[#0D7B8A]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
</svg>
Contact Us
</h4>
<div class="space-y-3 text-sm">
<a href="tel:+919076742501"
class="flex items-center gap-3 text-[#5A6A7A] hover:text-[#0D7B8A] transition-colors">
<span class="w-8 h-8 bg-[#E6F4F6] rounded-lg flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-[#0D7B8A]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
</svg>
</span>
+91-9076742501
</a>
<a href="tel:+919695322501"
class="flex items-center gap-3 text-[#5A6A7A] hover:text-[#0D7B8A] transition-colors">
<span class="w-8 h-8 bg-[#E6F4F6] rounded-lg flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-[#0D7B8A]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
</svg>
</span>
+91-9695322501
</a>
<a href="tel:+9779700696025"
class="flex items-center gap-3 text-[#5A6A7A] hover:text-[#0D7B8A] transition-colors">
<span class="w-8 h-8 bg-[#E6F4F6] rounded-lg flex items-center justify-center flex-shrink-0">
<svg class="w-4 h-4 text-[#0D7B8A]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
</svg>
</span>
🇳🇵 +977-9700696025
</a>
</div>
</div>
<div class="bg-white rounded-2xl shadow-sm p-6">
<h4 class="font-bold text-[#1A2332] mb-4 flex items-center gap-2">
<svg class="w-5 h-5 text-[#0D7B8A]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"/>
</svg>
Explore More
</h4>
<ul class="space-y-3 text-sm">
<li>
<a href="<?php echo e(lang_url('/blog')); ?>"
class="flex items-center gap-2 text-[#5A6A7A] hover:text-[#0D7B8A] transition-colors group">
<svg class="w-4 h-4 text-[#0D7B8A] group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
</svg>
All Blog Articles
</a>
</li>
<li>
<a href="<?php echo e(lang_url('/services')); ?>"
class="flex items-center gap-2 text-[#5A6A7A] hover:text-[#0D7B8A] transition-colors group">
<svg class="w-4 h-4 text-[#0D7B8A] group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
</svg>
Our Services
</a>
</li>
<li>
<a href="<?php echo e(lang_url('/products')); ?>"
class="flex items-center gap-2 text-[#5A6A7A] hover:text-[#0D7B8A] transition-colors group">
<svg class="w-4 h-4 text-[#0D7B8A] group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
</svg>
Product Catalog
</a>
</li>
<li>
<a href="<?php echo e(lang_url('/services/export-to-nepal')); ?>"
class="flex items-center gap-2 text-[#5A6A7A] hover:text-[#0D7B8A] transition-colors group">
<svg class="w-4 h-4 text-[#0D7B8A] group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
</svg>
Export to Nepal
</a>
</li>
<li>
<a href="<?php echo e(lang_url('/faqs')); ?>"
class="flex items-center gap-2 text-[#5A6A7A] hover:text-[#0D7B8A] transition-colors group">
<svg class="w-4 h-4 text-[#0D7B8A] group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
</svg>
FAQs
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="bg-gradient-to-r from-[#F4A922] to-[#C47E0A] py-14">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<p class="text-[#1A2332]/60 text-sm font-semibold uppercase tracking-widest mb-2">🇳🇵 Cross-Border Supply</p>
<h2 class="text-2xl sm:text-3xl font-bold text-[#1A2332] mb-3">
Exporting Medicines to Nepal?
</h2>
<p class="text-[#1A2332]/70 mb-8 max-w-xl mx-auto">
Chandra & Sons is a trusted partner at the Sunauli Border. Pre-order medicines directly from our warehouse.
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="<?php echo e(lang_url('/services/export-to-nepal')); ?>"
class="inline-block bg-[#1A2332] text-white font-bold px-8 py-3 rounded-xl hover:bg-[#0B1F2B] transition-colors">
<?php echo e(__('site.home_nepal_btn')); ?>
</a>
<a href="<?php echo e(whatsapp_url()); ?>" target="_blank" rel="noopener"
class="inline-block bg-white/30 border-2 border-[#1A2332]/30 text-[#1A2332] font-bold px-8 py-3 rounded-xl hover:bg-white/50 transition-colors">
<?php echo e(__('site.btn_whatsapp')); ?>
</a>
</div>
</div>
</section>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/stpnp/chandrasons.com/resources/views/pages/blog/show.blade.php ENDPATH**/ ?>