<?php
require_once __DIR__ . '/includes/functions.php';
$seo = getSeo('about');
$activeNav = 'about';
require __DIR__ . '/includes/header.php';
$about = db()->query('SELECT * FROM about_content WHERE id = 1')->fetch() ?: [];
$valuePoints = jdecode($about['value_points'] ?? null);
$stats = jdecode($about['stats'] ?? null);
$valueIcons = ['bi-patch-check-fill', 'bi-headset', 'bi-receipt-cutoff', 'bi-mortarboard-fill'];
?>
<body data-page="about" class="antialiased text-gray-800">
<!-- ================= PAGE BANNER ================= -->
<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> About Us</p>
<h1 class="font-heading text-4xl font-bold"><?= e($about['heading'] ?? 'About PIMS Nepal') ?></h1>
<p class="text-gray-600 mt-3 max-w-2xl">Your trusted Tally partner, empowering businesses across Nepal through smart accounting solutions.</p>
</div>
</section>
<!-- ================= COMPANY OVERVIEW ================= -->
<section class="py-20 max-w-7xl mx-auto px-5 lg:px-8 grid lg:grid-cols-2 gap-14 items-center">
<div class="reveal">
<p class="section-eyebrow mb-3">Company Overview</p>
<h2 class="font-heading text-3xl font-bold mb-5">Who We Are</h2>
<p class="text-gray-600 mb-4"><?= nl2br(e($about['intro'] ?? '')) ?></p>
</div>
<div class="grid grid-cols-2 gap-5 reveal">
<?php if ($stats): foreach ($stats as $stat): ?>
<div class="soft-card p-6 text-center"><p class="font-heading text-3xl font-bold text-primary"><?= e($stat['value'] ?? '') ?></p><p class="text-sm text-gray-500 mt-1"><?= e($stat['label'] ?? '') ?></p></div>
<?php endforeach; else: ?>
<div class="soft-card p-6 text-center"><p class="font-heading text-3xl font-bold text-primary">10+</p><p class="text-sm text-gray-500 mt-1">Years of Experience</p></div>
<div class="soft-card p-6 text-center"><p class="font-heading text-3xl font-bold text-primary">500+</p><p class="text-sm text-gray-500 mt-1">Businesses Served</p></div>
<?php endif; ?>
</div>
</section>
<!-- ================= VISION / MISSION / VALUES ================= -->
<section class="py-20 bg-white">
<div class="max-w-7xl mx-auto px-5 lg:px-8 grid md:grid-cols-3 gap-6">
<div class="soft-card p-8 reveal">
<div class="icon-badge mb-5"><i class="bi bi-eye-fill"></i></div>
<h3 class="font-heading text-xl font-semibold mb-3">Our Vision</h3>
<p class="text-gray-600 text-sm"><?= e($about['vision'] ?? '') ?></p>
</div>
<div class="soft-card p-8 reveal">
<div class="icon-badge mb-5"><i class="bi bi-bullseye"></i></div>
<h3 class="font-heading text-xl font-semibold mb-3">Our Mission</h3>
<p class="text-gray-600 text-sm"><?= e($about['mission'] ?? '') ?></p>
</div>
<div class="soft-card p-8 reveal">
<div class="icon-badge mb-5"><i class="bi bi-award-fill"></i></div>
<h3 class="font-heading text-xl font-semibold mb-3">Why PIMS Nepal</h3>
<p class="text-gray-600 text-sm">Certified expertise, transparent pricing, rapid support response, and a genuine commitment to client success.</p>
</div>
</div>
</section>
<?php if ($valuePoints): ?>
<!-- ================= VALUE POINTS ================= -->
<section class="py-20 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">What Sets Us Apart</p>
<h2 class="font-heading text-3xl md:text-4xl font-bold">Our Core Strengths</h2>
</div>
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
<?php foreach ($valuePoints as $i => $point): ?>
<div class="soft-card p-7 reveal">
<div class="icon-badge mb-5"><i class="bi <?= e($valueIcons[$i % count($valueIcons)]) ?>"></i></div>
<p class="text-gray-700 font-medium text-sm"><?= e($point) ?></p>
</div>
<?php endforeach; ?>
</div>
</section>
<?php endif; ?>
<!-- ================= OUR JOURNEY ================= -->
<section class="py-20 max-w-5xl 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">Milestones</p>
<h2 class="font-heading text-3xl md:text-4xl font-bold">Our Journey</h2>
</div>
<div class="space-y-10 relative before:absolute before:left-[27px] before:top-2 before:bottom-2 before:w-0.5 before:bg-blue-100">
<div class="flex gap-6 reveal">
<div class="w-14 h-14 rounded-full bg-primary text-white flex items-center justify-center font-heading font-bold shrink-0 z-10">01</div>
<div class="soft-card p-6 flex-1"><h4 class="font-heading font-semibold mb-1">Founded as a Tally Reseller</h4><p class="text-sm text-gray-500">Started operations providing Tally software sales in Kathmandu.</p></div>
</div>
<div class="flex gap-6 reveal">
<div class="w-14 h-14 rounded-full bg-primary text-white flex items-center justify-center font-heading font-bold shrink-0 z-10">02</div>
<div class="soft-card p-6 flex-1"><h4 class="font-heading font-semibold mb-1">Became Authorized Tally Partner</h4><p class="text-sm text-gray-500">Achieved official Tally Partner (TP) certification and expanded services.</p></div>
</div>
<div class="flex gap-6 reveal">
<div class="w-14 h-14 rounded-full bg-primary text-white flex items-center justify-center font-heading font-bold shrink-0 z-10">03</div>
<div class="soft-card p-6 flex-1"><h4 class="font-heading font-semibold mb-1">Launched Training Academy</h4><p class="text-sm text-gray-500">Introduced structured Tally training programs for professionals and students.</p></div>
</div>
<div class="flex gap-6 reveal">
<div class="w-14 h-14 rounded-full bg-primary text-white flex items-center justify-center font-heading font-bold shrink-0 z-10">04</div>
<div class="soft-card p-6 flex-1"><h4 class="font-heading font-semibold mb-1">500+ Businesses & Growing</h4><p class="text-sm text-gray-500">Now serving clients across trading, manufacturing, retail, education and healthcare.</p></div>
</div>
</div>
</section>
<!-- ================= TEAM ================= -->
<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">Meet The Team</p>
<h2 class="font-heading text-3xl md:text-4xl font-bold">Our Team Members</h2>
</div>
<div id="team-grid" class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6"></div>
</div>
</section>
<!-- ================= CTA ================= -->
<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">Let's Simplify Your Accounting</h2>
<p class="text-white/70 mb-8">Talk to our team and discover the right Tally solution for your business.</p>
<a href="contact.php" class="btn-accent-brand px-8 py-3.5 rounded-lg font-semibold">Contact Us</a>
</div>
</section>
<?php $bridgeSections = ['site', 'team']; require __DIR__ . '/includes/footer.php'; ?>