

<!-- footer.php -->
<div class="footer-clean">
    <footer>
        <div class="container">
            <div class="row justify-content-center">

                <!-- Logo Column -->
                <div class="col-sm-4 col-md-3 item text-center">
                    <div class="footer-logo">
                        <img src="images/taji-yetu.png" alt="Taji Yetu Logo">
                    </div>
                    <p class="footer-tagline">Stay Fly, Stay You!</p>
                </div>

                <!-- Welcome -->
                <div class="col-sm-4 col-md-3 item">
                    <h3>Welcome</h3>
                    <ul>
                        <li><a href="index.php">Home</a></li>
                        <li><a href="about.php">About Us</a></li>
                        <li><a href="contactus.php">Contact Us</a></li>
                    </ul>
                </div>

                <!-- User -->
                <div class="col-sm-4 col-md-3 item">
                    <h3>User</h3>
                    <ul>
                        <li><a href="profile.php">View Profile</a></li>
                        <li><a href="edit-measurements.php">Edit Measurements</a></li>
                    </ul>
                </div>

                <!-- Shopping -->
                <div class="col-sm-4 col-md-3 item">
                    <h3>Shopping</h3>
                    <ul>
                        <li><a href="listing.php">View Products</a></li>
                        <li><a href="cart.php">View Cart</a></li>
                    </ul>
                </div>

                <!-- Social -->
                <div class="col-lg-3 item social">
                    <a href="#"><i class="icon ion-social-facebook"></i></a>
                    <a href="#"><i class="icon ion-social-twitter"></i></a>
                    <a href="#"><i class="icon ion-social-snapchat"></i></a>
                    <a href="#"><i class="icon ion-social-instagram"></i></a>
                    <p class="copyright">
                        Taji Yetu | Savannah Systems | © All Rights Reserved | <?php echo date("Y"); ?>
                    </p>
                </div>

            </div>
        </div>
    </footer>
</div>

<style>
.footer-clean {
  padding: 10px 0;
  background: #000;
  color: #fff;
  font-family: Arial, sans-serif;
}

.footer-clean .footer-logo img {
  max-width: 120px;
  height: auto;
  display: block;
  margin: 0 auto 10px;
  filter: brightness(0) invert(1);
}

.footer-clean .footer-tagline {
  margin: 0;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

.footer-clean h3 {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 12px;
  padding-top: 14px;
}

.footer-clean ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.6;
}

.footer-clean ul a {
  color: #fff;
  text-decoration: none;
}

.footer-clean .item.social {
  text-align: center;
  margin-top: 20px;
}

.footer-clean .item.social a {
  color: #fff;
  font-size: 20px;
  margin: 0 12px;
  display: inline-block;
}

.footer-clean .copyright {
  margin-top: 10px;
  font-size: 13px;
  opacity: 0.9;
}
</style>
