<?php $__env->startSection('content'); ?>
<?php $lang = app()->getLocale(); ?>


<section class="relative overflow-hidden" style="background: linear-gradient(130deg, #05202C 0%, #0B5E6B 55%, #0D7B8A 100%); padding: 5rem 0 6rem;">
  <div class="absolute inset-0 pointer-events-none opacity-5" style="background-image: radial-gradient(circle, white 1px, transparent 1px); background-size: 40px 40px;"></div>
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative">
    <div class="inline-flex items-center gap-2 rounded-full px-4 py-1.5 mb-5 border" style="background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);">
      <span class="w-2 h-2 rounded-full" style="background:#22C55E;"></span>
      <span class="text-xs font-semibold tracking-widest uppercase text-white/80">Comprehensive Pharma Solutions</span>
    </div>
    <h1 class="text-4xl sm:text-5xl font-black text-white mb-4" style="letter-spacing:-0.04em;">Our <span style="color:var(--accent);">Services</span></h1>
    <p class="text-lg max-w-2xl" style="color:rgba(255,255,255,0.65);">Wholesale, retail, Nepal export, and institutional pharmaceutical supply — all from our strategic location at Sunauli Border.</p>
  </div>
  <div class="absolute bottom-0 left-0 right-0 overflow-hidden">
    <svg viewBox="0 0 1440 50" preserveAspectRatio="none" class="w-full h-[36px]" fill="white"><path d="M0,50 C360,0 1080,0 1440,50 L1440,50 L0,50 Z"/></svg>
  </div>
</section>


<section class="py-16" style="background:white;">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="grid md:grid-cols-2 gap-8">
      <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <?php
        $icons = ['wholesale-supply'=>'M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4','retail-supply'=>'M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z','export-to-nepal'=>'M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064','pharmacy-hospital-supply'=>'M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4'];
        $isNepal = $service->slug === 'export-to-nepal';
      ?>
      <a href="<?php echo e(lang_url('/services/'.$service->slug)); ?>" class="card group p-8 flex gap-6 <?php echo e($isNepal ? 'md:col-span-2' : ''); ?>">
        <div class="w-16 h-16 rounded-2xl flex items-center justify-center flex-shrink-0 transition-colors" style="background:<?php echo e($isNepal ? 'var(--accent-dark)' : 'var(--primary-light)'); ?>;">
          <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($isNepal): ?>
            <span class="text-2xl">🇳🇵</span>
          <?php else: ?>
            <svg class="w-8 h-8 group-hover:text-white transition-colors" style="color:var(--primary)" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="<?php echo e($icons[$service->slug] ?? 'M13 10V3L4 14h7v7l9-11h-7z'); ?>"/></svg>
          <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        </div>
        <div class="flex-1">
          <div class="flex items-start justify-between gap-4">
            <h2 class="text-xl font-black mb-2 transition-colors group-hover:text-primary" style="color:var(--dark);letter-spacing:-0.02em;">
              <?php echo e($service->getTranslation('title',$lang) ?: $service->title); ?>

            </h2>
            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($isNepal): ?>
            <span class="flex-shrink-0 text-xs font-bold px-3 py-1 rounded-full" style="background:var(--accent);color:white;">KEY SERVICE</span>
            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
          </div>
          <p class="leading-relaxed text-sm" style="color:var(--text-muted);"><?php echo e($service->getTranslation('short_description',$lang) ?: $service->short_description); ?></p>
          <span class="inline-flex items-center gap-1.5 text-sm font-semibold mt-4 transition-transform group-hover:translate-x-1" style="color:var(--primary);">
            <?php echo e(__('site.btn_learn_more')); ?>

            <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
          </span>
        </div>
      </a>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    </div>
  </div>
</section>


<section class="py-14" style="background:var(--bg);border-top:1px solid var(--border);">
  <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
    <h2 class="text-2xl font-black mb-3" style="color:var(--dark);letter-spacing:-0.03em;">Not sure which service fits you?</h2>
    <p class="mb-6" style="color:var(--text-muted);">Send us an enquiry and our team will guide you to the right solution.</p>
    <div class="flex flex-wrap gap-3 justify-center">
      <a href="<?php echo e(lang_url('/contact')); ?>" class="btn-primary"><?php echo e(__('site.btn_send_enquiry')); ?></a>
      <a href="<?php echo e(whatsapp_url()); ?>" target="_blank" class="btn-outline"><?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/services/index.blade.php ENDPATH**/ ?>