<?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 Portfolio</h1>

                <p class="lead">
                    Explore some of the innovative projects and technology
                    solutions we have delivered to businesses, schools,
                    organizations, and entrepreneurs.
                </p>

                <a href="contact.php" class="btn btn-light btn-lg mt-3">
                    Start Your Project
                </a>
            </div>

            <!-- <div class="col-lg-5 text-center"> 
                <img src="assets/images/portfolio-banner.png"
                     class="img-fluid"
                     alt="UltraProcess Solutions Portfolio">
            </div> -->

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

<!-- Portfolio Intro -->
<section class="py-5">
    <div class="container">

        <div class="text-center mb-5">
            <h2 class="fw-bold">Featured Projects</h2>
            <p class="text-muted">
                Delivering quality digital solutions that drive business growth.
            </p>
        </div>

        <div class="row g-4">

            <!-- Project 1 -->
            <div class="col-md-6 col-lg-4">
                <div class="card shadow-sm border-0 portfolio-card">
                    <img src="assets/images/project1.jpg"
                         class="card-img-top"
                         alt="School Management System">

                    <div class="card-body">
                        <span class="badge bg-primary mb-2">Web Application</span>

                        <h5 class="card-title">
                            School Management System
                        </h5>

                        <p class="card-text">
                            Complete academic management platform with
                            student records, CBT examinations, results,
                            attendance tracking, and reporting.
                        </p>

                        <a href="#" class="btn btn-outline-primary">
                            View Details
                        </a>
                    </div>
                </div>
            </div>

            <!-- Project 2 -->
            <div class="col-md-6 col-lg-4">
                <div class="card shadow-sm border-0 portfolio-card">
                    <img src="assets/images/project2.jpg"
                         class="card-img-top"
                         alt="Corporate Website">

                    <div class="card-body">
                        <span class="badge bg-success mb-2">
                            Website Development
                        </span>

                        <h5 class="card-title">
                            Corporate Business Website
                        </h5>

                        <p class="card-text">
                            Professional responsive website with service
                            showcase, online inquiries, SEO optimization,
                            and content management.
                        </p>

                        <a href="#" class="btn btn-outline-primary">
                            View Details
                        </a>
                    </div>
                </div>
            </div>

            <!-- Project 3 -->
            <div class="col-md-6 col-lg-4">
                <div class="card shadow-sm border-0 portfolio-card">
                    <img src="assets/images/project3.jpg"
                         class="card-img-top"
                         alt="POS Solution">

                    <div class="card-body">
                        <span class="badge bg-warning text-dark mb-2">
                            POS Solutions
                        </span>

                        <h5 class="card-title">
                            Agent Banking Network
                        </h5>

                        <p class="card-text">
                            POS deployment and support services enabling
                            secure financial transactions and merchant
                            management.
                        </p>

                        <a href="#" class="btn btn-outline-primary">
                            View Details
                        </a>
                    </div>
                </div>
            </div>

            <!-- Project 4 -->
            <div class="col-md-6 col-lg-4">
                <div class="card shadow-sm border-0 portfolio-card">
                    <img src="assets/images/project4.jpg"
                         class="card-img-top"
                         alt="Inventory System">

                    <div class="card-body">
                        <span class="badge bg-info mb-2">
                            Business Automation
                        </span>

                        <h5 class="card-title">
                            Inventory Management System
                        </h5>

                        <p class="card-text">
                            Automated inventory tracking, stock control,
                            purchase management, and reporting dashboard.
                        </p>

                        <a href="#" class="btn btn-outline-primary">
                            View Details
                        </a>
                    </div>
                </div>
            </div>

            <!-- Project 5 -->
            <div class="col-md-6 col-lg-4">
                <div class="card shadow-sm border-0 portfolio-card">
                    <img src="assets/images/project5.jpg"
                         class="card-img-top"
                         alt="E-Commerce Platform">

                    <div class="card-body">
                        <span class="badge bg-danger mb-2">
                            E-Commerce
                        </span>

                        <h5 class="card-title">
                            Online Store Platform
                        </h5>

                        <p class="card-text">
                            Secure online shopping platform with product
                            catalog, payment gateway integration, and order
                            management.
                        </p>

                        <a href="#" class="btn btn-outline-primary">
                            View Details
                        </a>
                    </div>
                </div>
            </div>

            <!-- Project 6 -->
            <div class="col-md-6 col-lg-4">
                <div class="card shadow-sm border-0 portfolio-card">
                    <img src="assets/images/project6.jpg"
                         class="card-img-top"
                         alt="IT Consulting">

                    <div class="card-body">
                        <span class="badge bg-secondary mb-2">
                            IT Consulting
                        </span>

                        <h5 class="card-title">
                            Digital Transformation Project
                        </h5>

                        <p class="card-text">
                            Technology strategy, process automation,
                            infrastructure planning, and business
                            modernization services.
                        </p>

                        <a href="#" class="btn btn-outline-primary">
                            View Details
                        </a>
                    </div>
                </div>
            </div>

        </div>

    </div>
</section>

<!-- Statistics -->
<section class="bg-light py-5">
    <div class="container">

        <div class="row text-center">

            <div class="col-md-3">
                <h2 class="fw-bold text-primary">100+</h2>
                <p>Projects Completed</p>
            </div>

            <div class="col-md-3">
                <h2 class="fw-bold text-primary">50+</h2>
                <p>Happy Clients</p>
            </div>

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

            <div class="col-md-3">
                <h2 class="fw-bold text-primary">24/7</h2>
                <p>Support Services</p>
            </div>

        </div>

    </div>
</section>

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

        <div class="text-center mb-5">
            <h2 class="fw-bold">Technologies We Use</h2>
        </div>

        <div class="row text-center">

            <div class="col-md-2 col-6 mb-4">
                <div class="tech-box">PHP</div>
            </div>

            <div class="col-md-2 col-6 mb-4">
                <div class="tech-box">MySQL</div>
            </div>

            <div class="col-md-2 col-6 mb-4">
                <div class="tech-box">Bootstrap</div>
            </div>

            <div class="col-md-2 col-6 mb-4">
                <div class="tech-box">ASP.NET</div>
            </div>

            <div class="col-md-2 col-6 mb-4">
                <div class="tech-box">Angular</div>
            </div>

            <div class="col-md-2 col-6 mb-4">
                <div class="tech-box">SQL Server</div>
            </div>

        </div>

    </div>
</section>

<!-- CTA -->
<section class="bg-primary text-white py-5 text-center">
    <div class="container">

        <h2 class="fw-bold">
            Have a Project in Mind?
        </h2>

        <p class="lead">
            Let UltraProcess Solutions transform your ideas into reality.
        </p>

        <a href="contact.php" class="btn btn-light btn-lg">
            Request a Free Consultation
        </a>

    </div>
</section>

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