<?php
require_once __DIR__ . '/includes/functions.php';
$seo = getSeo('downloads');
$activeNav = 'downloads';
require __DIR__ . '/includes/header.php';
?>
<body data-page="downloads" 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> Downloads</p>
<h1 class="font-heading text-4xl font-bold">Download Center</h1>
<p class="text-gray-600 mt-3 max-w-2xl">Genuine TallyPrime software, educational editions, manuals and brochures — all in one place.</p>
</div>
</section>
<section class="py-16 max-w-7xl mx-auto px-5 lg:px-8">
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="soft-card p-6 reveal">
<i class="bi bi-cloud-download text-3xl text-primary mb-4"></i>
<h3 class="font-heading font-semibold mb-2">TallyPrime Latest Version</h3>
<p class="text-sm text-gray-500 mb-5">v7.1 · 190 MB</p>
<a href="javascript:void(0)" onclick="focusCategory('TallyPrime')" class="btn-primary-brand block text-center py-2.5 rounded-lg font-semibold text-sm">Download Now</a>
</div>
<div class="soft-card p-6 reveal">
<i class="bi bi-mortarboard text-3xl text-primary mb-4"></i>
<h3 class="font-heading font-semibold mb-2">Educational Version</h3>
<p class="text-sm text-gray-500 mb-5">v7.1 Edu · 190 MB</p>
<a href="javascript:void(0)" onclick="focusCategory('Educational Version')" class="btn-primary-brand block text-center py-2.5 rounded-lg font-semibold text-sm">Download Now</a>
</div>
<div class="soft-card p-6 reveal">
<i class="bi bi-file-earmark-text text-3xl text-primary mb-4"></i>
<h3 class="font-heading font-semibold mb-2">Release Notes</h3>
<p class="text-sm text-gray-500 mb-5">v7.1 · Details</p>
<a href="javascript:void(0)" onclick="focusCategory('Updates')" class="btn-outline-brand block text-center py-2.5 rounded-lg font-semibold text-sm border border-primary !text-primary">View Details</a>
</div>
<div class="soft-card p-6 reveal">
<i class="bi bi-file-earmark-pdf text-3xl text-primary mb-4"></i>
<h3 class="font-heading font-semibold mb-2">Installation Manual</h3>
<p class="text-sm text-gray-500 mb-5">PDF · 3.4 MB</p>
<a href="javascript:void(0)" onclick="focusCategory('PDF Manuals')" class="btn-outline-brand block text-center py-2.5 rounded-lg font-semibold text-sm border border-primary !text-primary">Download PDF</a>
</div>
</div>
</section>
<section id="downloads-table-section" class="py-10 max-w-7xl mx-auto px-5 lg:px-8 scroll-mt-24">
<div class="soft-card p-6 md:p-8">
<div class="flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6">
<div class="flex flex-wrap gap-2">
<button class="download-filter-btn btn-primary-brand text-white px-4 py-2 rounded-lg text-sm font-semibold" data-category="All">All</button>
<button class="download-filter-btn bg-white text-gray-600 border border-gray-200 px-4 py-2 rounded-lg text-sm font-semibold" data-category="TallyPrime">TallyPrime</button>
<button class="download-filter-btn bg-white text-gray-600 border border-gray-200 px-4 py-2 rounded-lg text-sm font-semibold" data-category="Educational Version">Educational</button>
<button class="download-filter-btn bg-white text-gray-600 border border-gray-200 px-4 py-2 rounded-lg text-sm font-semibold" data-category="Updates">Updates</button>
<button class="download-filter-btn bg-white text-gray-600 border border-gray-200 px-4 py-2 rounded-lg text-sm font-semibold" data-category="Brochures">Brochures</button>
<button class="download-filter-btn bg-white text-gray-600 border border-gray-200 px-4 py-2 rounded-lg text-sm font-semibold" data-category="PDF Manuals">Manuals</button>
</div>
<div class="relative">
<i class="bi bi-search absolute left-3.5 top-1/2 -translate-y-1/2 text-gray-400"></i>
<input id="download-search" type="text" placeholder="Search downloads..." class="pl-10 pr-4 py-2.5 rounded-lg border border-gray-200 text-sm w-full md:w-64 focus:outline-none focus:ring-2 focus:ring-primary" />
</div>
</div>
<div class="overflow-x-auto">
<table class="w-full text-left">
<thead>
<tr class="border-b border-gray-200 text-xs uppercase tracking-wide text-gray-500">
<th class="py-3 px-4">File</th>
<th class="py-3 px-4">Version</th>
<th class="py-3 px-4">Release Date</th>
<th class="py-3 px-4">Size</th>
<th class="py-3 px-4">Downloads</th>
<th class="py-3 px-4">Action</th>
</tr>
</thead>
<tbody id="downloads-table-body"></tbody>
</table>
</div>
</div>
</section>
<section class="py-20 bg-secondary mt-10">
<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">Need Help Installing TallyPrime?</h2>
<p class="text-white/70 mb-8">Our support team can guide you through installation and activation.</p>
<a href="contact.php" class="btn-accent-brand px-8 py-3.5 rounded-lg font-semibold">Contact Support</a>
</div>
</section>
<?php $bridgeSections = ['site', 'downloads']; require __DIR__ . '/includes/footer.php'; ?>