Merge pull request #10 from Swatinfo/development

image changes

Author: Swatinfo

about.php

@@ -7,6 +7,9 @@
     <?php include('includes/header_menu.php'); ?>
 
     <section class="page-banner">
+        <div class="shape shape-1"></div>
+        <div class="shape shape-2"></div>
+        <div class="shape shape-3"></div>
         <div class="container">
             <h1>About Swat Info System</h1>
             <p>Learn about our journey, vision, and the team behind our innovative IT solutions</p>
@@ -31,21 +34,26 @@
                 <p>Our journey has been guided by a commitment to excellence, innovation, and client satisfaction. We believe in building long-term relationships with our clients, understanding their unique challenges, and delivering solutions that provide real business value.</p>
             </div>
             <div class="about-image">
-                <img src="assets/images/shield-logo.png" alt="Swat Info System Office" width="100%">
+                <img src="assets/images/shield-logo.png" alt="Swat Info System Office" width="65%">
             </div>
         </div>
     </section>
 
     <section class="mission-vision">
         <div class="container mission-vision-grid">
             <div class="mission-card">
-                <div class="icon-container">🎯</div>
+                <div class="icon-container">
+                    <img src="assets/images/icons/mission.svg" alt="Our Mission" width="75%">
+
+                </div>
                 <h3>Our Mission</h3>
                 <p>To empower businesses with innovative technology solutions that drive growth, efficiency, and competitive advantage in the digital landscape.</p>
                 <p>We strive to deliver exceptional value through our services, helping our clients navigate the complexities of digital transformation and achieve their business objectives.</p>
             </div>
             <div class="vision-card">
-                <div class="icon-container">👁️</div>
+                <div class="icon-container">
+                    <img src="assets/images/icons/vision.svg" alt="Our Vision" width="75%">
+                </div>
                 <h3>Our Vision</h3>
                 <p>To be a globally recognized leader in IT services and solutions, known for our innovation, excellence, and the tangible business results we deliver to our clients.</p>
                 <p>We envision a future where every business, regardless of size or industry, can leverage technology to its fullest potential to achieve sustainable growth and success.</p>
@@ -128,32 +136,48 @@
             </div>
             <div class="features-grid">
                 <div class="feature-card">
-                    <div class="feature-icon">🧩</div>
+                    <div class="feature-icon">
+                        <img src="assets/images/icons/experience.svg" alt="Expertise & Experience" width="75%">
+
+                    </div>
                     <h3>Expertise & Experience</h3>
                     <p>Our team brings together decades of combined experience across various technology domains, ensuring your project is in capable hands.</p>
                 </div>
                 <div class="feature-card">
-                    <div class="feature-icon">🔍</div>
+                    <div class="feature-icon">
+                        <img src="assets/images/icons/customer-centric.svg" alt="Customer-Centric Approach" width="75%">
+
+                    </div>
                     <h3>Customer-Centric Approach</h3>
                     <p>We prioritize understanding your business needs and delivering solutions that align perfectly with your goals and objectives.</p>
                 </div>
                 <div class="feature-card">
-                    <div class="feature-icon">🚀</div>
+                    <div class="feature-icon">
+                        <img src="assets/images/icons/innovation.svg" alt="Innovation First" width="75%">
+                    </div>
                     <h3>Innovation First</h3>
                     <p>We stay at the forefront of technological advancements, bringing innovative solutions that give your business a competitive edge.</p>
                 </div>
                 <div class="feature-card">
-                    <div class="feature-icon">⏱️</div>
+                    <div class="feature-icon">
+                        <img src="assets/images/icons/timely-delivery.svg" alt="Timely Delivery" width="75%">
+                    </div>
                     <h3>Timely Delivery</h3>
                     <p>We understand the importance of time-to-market and are committed to delivering projects on schedule without compromising quality.</p>
                 </div>
                 <div class="feature-card">
-                    <div class="feature-icon">💼</div>
+                    <div class="feature-icon">
+                        <img src="assets/images/icons/industry-expertise.svg" alt="Industry Expertise" width="75%">
+
+                    </div>
                     <h3>Industry Expertise</h3>
                     <p>With experience across multiple industries, we bring domain knowledge that enhances the value of our technology solutions.</p>
                 </div>
                 <div class="feature-card">
-                    <div class="feature-icon">🤝</div>
+                    <div class="feature-icon">
+                        <img src="assets/images/icons/long-term-partnership.svg" alt="Long-term Partnership" width="75%">
+
+                    </div>
                     <h3>Long-term Partnership</h3>
                     <p>We don't just deliver projects; we build lasting relationships, providing continuous support and helping you evolve with technology.</p>
                 </div>
@@ -169,27 +193,39 @@
             </div>
             <div class="values-grid">
                 <div class="value-item">
-                    <div class="value-icon">✨</div>
+                    <div class="value-icon">
+                        <img src="assets/images/icons/excellence.svg" alt="Excellence" width="75%">
+                    </div>
                     <h3>Excellence</h3>
                     <p>We strive for excellence in everything we do, from code quality to client communication.</p>
                 </div>
                 <div class="value-item">
-                    <div class="value-icon">💡</div>
+                    <div class="value-icon">
+                        <img src="assets/images/icons/innovation-first.svg" alt="Innovation" width="75%">
+                    </div>
                     <h3>Innovation</h3>
                     <p>We embrace creativity and continuously seek new ways to solve problems and create value.</p>
                 </div>
                 <div class="value-item">
-                    <div class="value-icon">🤝</div>
+                    <div class="value-icon">
+                        <img src="assets/images/icons/integrity.svg" alt="Integrity" width="75%">
+
+                    </div>
                     <h3>Integrity</h3>
                     <p>We conduct our business with honesty, transparency, and the highest ethical standards.</p>
                 </div>
                 <div class="value-item">
-                    <div class="value-icon">👥</div>
+                    <div class="value-icon">
+                        <img src="assets/images/icons/collaboration.svg" alt="Collaboration" width="75%">
+
+                    </div>
                     <h3>Collaboration</h3>
                     <p>We believe in the power of teamwork and partnership in achieving extraordinary results.</p>
                 </div>
                 <div class="value-item">
-                    <div class="value-icon">📊</div>
+                    <div class="value-icon">
+                        <img src="assets/images/icons/results-driven.svg" alt="Results-Driven" width="75%">
+                    </div>
                     <h3>Results-Driven</h3>
                     <p>We focus on delivering measurable business outcomes that create real value for our clients.</p>
                 </div>