📄 services.php

📁 Path: /home/skhata/pimsnepal.com.np/services.php
📊 Size: 4.51 KB
🔒 Perm: 0644
📝 MIME: text/x-php
<?php
require_once __DIR__ . '/includes/functions.php';
$seo = getSeo('services');
$activeNav = 'services';
require __DIR__ . '/includes/header.php';
?>
<body data-page="services" class="antialiased text-gray-800">

<section class="hero-gradient py-16">
  <div class="max-w-7xl mx-auto px-5 lg:px-8">
    <p class="text-sm text-gray-500 mb-3"><a href="index.php" class="hover:text-primary">Home</a> <i class="bi bi-chevron-right text-xs mx-1"></i> Services</p>
    <h1 class="font-heading text-4xl font-bold">Our Services</h1>
    <p class="text-gray-600 mt-3 max-w-2xl">End-to-end Tally solutions — from licensing to implementation, customization, training and ongoing support.</p>
  </div>
</section>

<section class="py-20 max-w-7xl mx-auto px-5 lg:px-8">
  <div id="service-grid" class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6"></div>
</section>

<section class="py-20 bg-white">
  <div class="max-w-7xl mx-auto px-5 lg:px-8">
    <div class="text-center max-w-2xl mx-auto mb-14 reveal">
      <p class="section-eyebrow mb-3">How It Works</p>
      <h2 class="font-heading text-3xl md:text-4xl font-bold">Our Simple Process</h2>
    </div>
    <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
      <div class="text-center reveal">
        <div class="icon-badge mx-auto mb-4"><i class="bi bi-chat-dots-fill"></i></div>
        <h4 class="font-heading font-semibold mb-2">1. Consultation</h4>
        <p class="text-sm text-gray-500">Understand your business needs.</p>
      </div>
      <div class="text-center reveal">
        <div class="icon-badge mx-auto mb-4"><i class="bi bi-clipboard-data-fill"></i></div>
        <h4 class="font-heading font-semibold mb-2">2. Proposal</h4>
        <p class="text-sm text-gray-500">Tailored solution & pricing plan.</p>
      </div>
      <div class="text-center reveal">
        <div class="icon-badge mx-auto mb-4"><i class="bi bi-tools"></i></div>
        <h4 class="font-heading font-semibold mb-2">3. Implementation</h4>
        <p class="text-sm text-gray-500">Setup, migration & configuration.</p>
      </div>
      <div class="text-center reveal">
        <div class="icon-badge mx-auto mb-4"><i class="bi bi-life-preserver"></i></div>
        <h4 class="font-heading font-semibold mb-2">4. Ongoing Support</h4>
        <p class="text-sm text-gray-500">Training & AMC for the long run.</p>
      </div>
    </div>
  </div>
</section>

<section class="py-20 max-w-3xl mx-auto px-5 lg:px-8">
  <div class="text-center mb-12 reveal">
    <p class="section-eyebrow mb-3">FAQ</p>
    <h2 class="font-heading text-3xl font-bold">Common Questions</h2>
  </div>
  <div class="faq-static reveal">
    <div class="faq-item border-b border-gray-200 py-4">
      <button type="button" class="faq-toggle w-full flex items-center justify-between text-left font-heading font-medium">
        Do you serve businesses outside Kathmandu? <i class="bi bi-chevron-down chevron text-primary"></i>
      </button>
      <div class="faq-answer text-gray-600 text-sm pt-3">Yes, we support clients across Nepal through remote support and scheduled onsite visits.</div>
    </div>
    <div class="faq-item border-b border-gray-200 py-4">
      <button type="button" class="faq-toggle w-full flex items-center justify-between text-left font-heading font-medium">
        How much does TallyPrime implementation cost? <i class="bi bi-chevron-down chevron text-primary"></i>
      </button>
      <div class="faq-answer text-gray-600 text-sm pt-3">Pricing depends on business size and customization needs. Contact us for a free consultation and quote.</div>
    </div>
    <div class="faq-item border-b border-gray-200 py-4">
      <button type="button" class="faq-toggle w-full flex items-center justify-between text-left font-heading font-medium">
        Can I try before purchasing a license? <i class="bi bi-chevron-down chevron text-primary"></i>
      </button>
      <div class="faq-answer text-gray-600 text-sm pt-3">Yes, TallyPrime offers a free trial period. We can help you get set up to evaluate it.</div>
    </div>
  </div>
</section>

<section class="py-20 bg-secondary">
  <div class="max-w-4xl mx-auto px-5 text-center reveal">
    <h2 class="font-heading text-3xl md:text-4xl font-bold text-white mb-5">Not Sure Which Service You Need?</h2>
    <p class="text-white/70 mb-8">Get a free consultation and we'll recommend the right solution.</p>
    <a href="contact.php" class="btn-accent-brand px-8 py-3.5 rounded-lg font-semibold">Consult with Expert</a>
  </div>
</section>

<?php $bridgeSections = ['site', 'services']; require __DIR__ . '/includes/footer.php'; ?>
← Back 📥 Raw ✏️ Edit 🔒 Chmod
💻 Terminal

📄 services.php
