<?php include('includes/header.php'); ?>

<!-- Hero Section -->
<section class="bg-primary text-white py-5">
    <div class="container">
        <div class="row align-items-center">

            <div class="col-lg-7">
                <h1 class="display-4 fw-bold">Our Services</h1>
                <p class="lead">
                    Delivering innovative technology solutions that empower
                    businesses to grow, automate operations, improve efficiency,
                    and stay ahead in the digital economy.
                </p>
            </div>

            <!-- <div class="col-lg-5 text-center"> 
                <img src="assets/images/services-banner.png"
                     alt="Our Services"
                     class="img-fluid">
            div> -->

        </div>
    </div>
</section>

<!-- Services Section -->
<section class="py-5">
    <div class="container">

        <div class="text-center mb-5">
            <h2 class="fw-bold">What We Offer</h2>
            <p class="text-muted">
                Comprehensive business and technology solutions tailored to your needs.
            </p>
        </div>

        <div class="row g-4">

            <!-- Business Center -->
            <div class="col-md-6 col-lg-4">
                <div class="card border-0 shadow-sm h-100 service-card">
                    <div class="card-body p-4">
                        <div class="service-icon mb-3">
                            <i class="bi bi-building fs-1 text-primary"></i>
                        </div>
                        <h4>Business Center Services</h4>
                        <ul class="list-unstyled">
                            <li>✓ Printing & Photocopying</li>
                            <li>✓ Document Scanning</li>
                            <li>✓ Lamination & Binding</li>
                            <li>✓ Internet & Email Services</li>
                            <li>✓ Online Registrations</li>
                            <li>✓ Document Processing</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- POS Solutions -->
            <div class="col-md-6 col-lg-4">
                <div class="card border-0 shadow-sm h-100 service-card">
                    <div class="card-body p-4">
                        <div class="service-icon mb-3">
                            <i class="bi bi-credit-card fs-1 text-primary"></i>
                        </div>
                        <h4>POS Solutions</h4>
                        <ul class="list-unstyled">
                            <li>✓ POS Deployment</li>
                            <li>✓ Merchant Registration</li>
                            <li>✓ Payment Processing</li>
                            <li>✓ Settlement Support</li>
                            <li>✓ Technical Maintenance</li>
                            <li>✓ Agent Banking Setup</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- Website Development -->
            <div class="col-md-6 col-lg-4">
                <div class="card border-0 shadow-sm h-100 service-card">
                    <div class="card-body p-4">
                        <div class="service-icon mb-3">
                            <i class="bi bi-globe fs-1 text-primary"></i>
                        </div>
                        <h4>Website Development</h4>
                        <ul class="list-unstyled">
                            <li>✓ Corporate Websites</li>
                            <li>✓ Business Portals</li>
                            <li>✓ E-Commerce Stores</li>
                            <li>✓ Landing Pages</li>
                            <li>✓ SEO Optimization</li>
                            <li>✓ Website Maintenance</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- Web Applications -->
            <div class="col-md-6 col-lg-4">
                <div class="card border-0 shadow-sm h-100 service-card">
                    <div class="card-body p-4">
                        <div class="service-icon mb-3">
                            <i class="bi bi-code-square fs-1 text-primary"></i>
                        </div>
                        <h4>Custom Web Applications</h4>
                        <ul class="list-unstyled">
                            <li>✓ School Management Systems</li>
                            <li>✓ Inventory Systems</li>
                            <li>✓ Accounting Systems</li>
                            <li>✓ CRM Solutions</li>
                            <li>✓ Online Portals</li>
                            <li>✓ Business Automation</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- IT Supplies -->
            <div class="col-md-6 col-lg-4">
                <div class="card border-0 shadow-sm h-100 service-card">
                    <div class="card-body p-4">
                        <div class="service-icon mb-3">
                            <i class="bi bi-pc-display fs-1 text-primary"></i>
                        </div>
                        <h4>IT Supplies</h4>
                        <ul class="list-unstyled">
                            <li>✓ Computers & Laptops</li>
                            <li>✓ Printers & Accessories</li>
                            <li>✓ Networking Equipment</li>
                            <li>✓ UPS & Power Solutions</li>
                            <li>✓ Software Licenses</li>
                            <li>✓ Office Technology</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- IT Consulting -->
            <div class="col-md-6 col-lg-4">
                <div class="card border-0 shadow-sm h-100 service-card">
                    <div class="card-body p-4">
                        <div class="service-icon mb-3">
                            <i class="bi bi-lightbulb fs-1 text-primary"></i>
                        </div>
                        <h4>IT Consulting</h4>
                        <ul class="list-unstyled">
                            <li>✓ Digital Transformation</li>
                            <li>✓ Technology Advisory</li>
                            <li>✓ System Integration</li>
                            <li>✓ Process Automation</li>
                            <li>✓ Cybersecurity Guidance</li>
                            <li>✓ Project Management</li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>

    </div>
</section>

<!-- Why Choose Us -->
<section class="bg-light py-5">
    <div class="container">

        <div class="text-center mb-5">
            <h2 class="fw-bold">Why Choose UltraProcess Solutions?</h2>
        </div>

        <div class="row text-center">

            <div class="col-md-3">
                <h3 class="text-primary">100+</h3>
                <p>Projects Delivered</p>
            </div>

            <div class="col-md-3">
                <h3 class="text-primary">24/7</h3>
                <p>Technical Support</p>
            </div>

            <div class="col-md-3">
                <h3 class="text-primary">99%</h3>
                <p>Client Satisfaction</p>
            </div>

            <div class="col-md-3">
                <h3 class="text-primary">5+</h3>
                <p>Years Experience</p>
            </div>

        </div>

    </div>
</section>

<!-- CTA Section -->
<section class="py-5 bg-primary text-white text-center">
    <div class="container">
        <h2 class="fw-bold">Ready to Transform Your Business?</h2>
        <p class="lead">
            Let's discuss how our technology solutions can help your organization grow.
        </p>

        <a href="contact.php" class="btn btn-light btn-lg px-4">
            Contact Us Today
        </a>
    </div>
</section>

<?php include('includes/footer.php'); ?>