<?php
   // We assume 'get_setting.php' still defines $use_favicon, $favicon_mime, and $favicon_path
   require_once 'get_setting.php'; 
   
   ?>
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title><?php echo htmlspecialchars($site_settings['site_title'] ?? 'ReliParcel Express'); ?> | Our Story, Mission & Vision</title>
      <meta name="description" content="Discover the mission, history, and dedicated team behind our fast, secure, and globally connected courier and logistics company.">
      <?php if (isset($use_favicon) && $use_favicon): ?>
      <link rel="icon" type="<?php echo $favicon_mime; ?>" href="<?php echo $favicon_path; ?>">
      <?php else: ?>
      <link rel="icon" type="image/x-icon" href="../assets/images/favicon.ico">
      <?php endif; ?>
      <link href="assets/css/style.css" rel="stylesheet">
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
      <link rel="stylesheet" href="assets/css/font-awesome-pro.css">
      <link rel="stylesheet" href="assets/css/gtranslate.css">
      <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
      <style>
         /* RETAINED STYLING */
         .text-crimson {
         color: #6d0000 !important; 
         }
         .about-stat-icon {
         font-size: 3rem; 
         margin-bottom: 0.5rem;
         color: #6d0000; /* Use brand color */
         }
         .timeline-item {
         border-left: 3px solid #dee2e6; 
         padding-left: 20px;
         margin-bottom: 30px;
         position: relative;
         }
         .timeline-item::before {
         content: '';
         position: absolute;
         left: -9px;
         top: 5px;
         width: 15px;
         height: 15px;
         background-color: #6d0000; /* Brand color dot */
         border-radius: 50%;
         border: 2px solid #fff;
         }
         .team-card {
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         }
         .team-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
         }
         .team-card img {
         height: 250px;
         object-fit: cover;
         object-position: top; /* Focus on the face */
         }
         /* Skewed Button (RETAINED) */
         .btn-skew {transform: skewX(-15deg);padding: 10px 30px !important;border-radius: 5px !important;font-size: 13px;font-weight: 800 !important;transition: transform 0.3s ease, box-shadow 0.3s ease;font-family: 'Work Sans', sans-serif !important;display: inline-block;border: none;}
         .btn-skew-text {transform: skewX(15deg);display: inline-block;transition: transform 0.3s ease;}
         .btn-skew:hover {transform: skewX(15deg) scale(1.05);box-shadow: 0 5px 15px rgba(0,0,0,0.2);}
         .btn-skew:hover .btn-skew-text {transform: skewX(-15deg);}
         /* Custom Button for CTA in About section */
         .btn-crimson {
         background-color: #7d0000;
         color: #fff;
         }
         .btn-crimson:hover {
         background-color: #5d0000;
         color: #fff;
         }
         pp-font{
         font-family: 'ABC Ginto Nord Unlicensed Trial Black';
         }
      </style>
   </head>
   <body>
      <?php include "nav.php" ?>
      <header class="hero-gradient-bg text-white text-center pt-5 pb-5 shadow-lg">
         <div class="container mt-5 pt-5">
		   <div class="mx-auto text-center" style="max-width: 800px;">
            <h1 class="display-6 fw-bolder mb-3">YOUR TRUSTED GLOBAL LOGISTICS PARTNER</h1>
			
            <p class="lead mb-0 fs-5">
               For over two decades, we've delivered commitment, security, and speed across continents.
            </p>
			</div>
         </div>
      </header>
      <section id="company-mission" class="py-5 bg-light">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-lg-7">
                  <h3 class="fw-bolder mb-4 text-dark"><i class="bi bi-hand-thumbs-up-fill text-crimson me-2"></i> Our Driving Philosophy</h3>
                  <h4 class="fw-bold text-crimson mb-3">Mission Statement</h4>
                  <p class="fs-5">
                     To be the most reliable and technologically advanced courier and logistics partner globally, ensuring every package, parcel, or project cargo reaches its destination on time, intact, and secure, thereby fostering seamless international trade and business growth for our clients.
                  </p>
                  <h4 class="fw-bold text-crimson mb-3 mt-4">Core Values That Define Us</h4>
                  <div class="row row-cols-1 row-cols-md-2 g-3 mb-4">
                     <div class="col">
                        <p class="mb-0 fw-semibold"><i class="bi bi-patch-check-fill text-crimson me-2"></i> Integrity & Trust</p>
                        <small class="text-muted">Honesty in every quote, every tracking update, and every delivery.</small>
                     </div>
                     <div class="col">
                        <p class="mb-0 fw-semibold"><i class="bi bi-shield-fill-check text-crimson me-2"></i> Security & Safety</p>
                        <small class="text-muted">Prioritizing the chain of custody and protection of high-value goods.</small>
                     </div>
                     <div class="col">
                        <p class="mb-0 fw-semibold"><i class="bi bi-speedometer2 text-crimson me-2"></i> Innovation & Efficiency</p>
                        <small class="text-muted">Investing in AI-powered routing and optimized supply chain solutions.</small>
                     </div>
                     <div class="col">
                        <p class="mb-0 fw-semibold"><i class="bi bi-globe-americas text-crimson me-2"></i> Global Connectivity</p>
                        <small class="text-muted">Maintaining a robust network spanning over 220 countries and territories.</small>
                     </div>
                  </div>
                  <a href="contact.php" class="btn btn-skew btn-crimson shadow-lg mt-3">
                  <span class="btn-skew-text"><i class="bi bi-headset me-2"></i> Speak with a Specialist</span>
                  </a>
               </div>
               <div class="col-lg-5 text-center mt-4 mt-lg-0">
                  <img src="assets/images/bg6.jpg" class="img-fluid rounded-4 shadow-lg" alt="Modern Logistics Warehouse" style="max-height: 450px; object-fit: cover;">
                  <div class="row g-3 mt-3 text-center">
                     <div class="col-4">
                        <i class="bi bi-building about-stat-icon"></i>
                        <h4 class="fw-bold mb-0 text-crimson">20+</h4>
                        <small class="text-muted">Years of Experience</small>
                     </div>
                     <div class="col-4">
                        <i class="bi bi-pin-map about-stat-icon"></i>
                        <h4 class="fw-bold mb-0 text-crimson">220+</h4>
                        <small class="text-muted">Countries Served</small>
                     </div>
                     <div class="col-4">
                        <i class="bi bi-box-seam about-stat-icon"></i>
                        <h4 class="fw-bold mb-0 text-crimson">1M+</h4>
                        <small class="text-muted">Annual Shipments</small>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section id="our-timeline" class="py-5">
         <div class="container">
		 <div class="mx-auto text-center" style="max-width: 600px;">
            <h2 class="text-center fw-bolder mb-5 text-dark">Our Journey: Building a Legacy of Delivery</h2>
			
			</div>
			
            <div class="row justify-content-center">
               <div class="col-lg-8">
                  <div class="timeline-item">
                     <h4 class="fw-bold text-crimson">1998: The Founding Vision</h4>
                     <p class="text-muted mb-1">Location: Local Hub, Downtown Area</p>
                     <p>
                        Founded by Jane Doe with a single van and a fierce commitment to same-day local delivery, pioneering reliability in the dense urban core. The focus was on secure, reliable courier services for legal and financial documents.
                     </p>
                  </div>
                  <div class="timeline-item">
                     <h4 class="fw-bold text-crimson">2005: Regional Expansion & Technology Adoption</h4>
                     <p class="text-muted mb-1">Milestone: Expanded to five regional states</p>
                     <p>
                        Launched our first digital tracking platform, allowing clients to monitor their shipments in real-time for the first time. This laid the groundwork for our current global logistics software ecosystem.
                     </p>
                  </div>
                  <div class="timeline-item">
                     <h4 class="fw-bold text-crimson">2012: Go Global & Air Freight Network</h4>
                     <p class="text-muted mb-1">Key Acquisition: Major Air Cargo Brokerage</p>
                     <p>
                        Established our International Priority Express service by integrating with key global air freight carriers. We started handling large-scale commercial imports and exports, drastically expanding our global footprint to Asia and Europe.
                     </p>
                  </div>
                  <div class="timeline-item">
                     <h4 class="fw-bold text-crimson">2018: Specialization in Cold Chain & 3PL</h4>
                     <p class="text-muted mb-1">Investment: State-of-the-art temperature-controlled facility</p>
                     <p>
                        Responding to the pharmaceutical and biotech boom, we launched our Cold Chain & Medical Logistics division, achieving full Good Distribution Practice (GDP) compliance for transporting highly sensitive and perishable goods.
                     </p>
                  </div>
                  <div class="timeline-item">
                     <h4 class="fw-bold text-crimson">Today: The Future of Logistics</h4>
                     <p class="text-muted mb-1">Focus: Sustainability and Digital Integration</p>
                     <p>
                        We continue to innovate, focusing on reducing our carbon footprint through optimized routing and fleet modernization. We offer seamless API integration for e-commerce, making global shipping as simple as a local click.
                     </p>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section id="infrastructure" class="py-5 bg-light">
                     
         <div class="container">
                            
            <div class="row align-items-center">
                                   
               <div class="col-lg-6 mb-4 mb-lg-0">
                                          <img src="assets/images/bg7.jpg" class="img-fluid rounded-4 shadow-lg" alt="High-tech Logistics Control Center" style="max-height: 400px; object-fit: cover; width: 100%;">
                                      
               </div>
                                   
               <div class="col-lg-6">
                                          
                  <h3 class="fw-bolder mb-3 text-dark">Powering Global Trade with Smart Logistics</h3>
                                          
                  <p class="lead">
                                                 Our service excellence is built upon a foundation of cutting-edge infrastructure and proprietary supply chain technology. We manage a seamless flow of goods using the world's most advanced systems.
                                             
                  </p>
                                           
                                          
                  <ul class="list-unstyled">
                                                 
                     <li class="mb-2"><i class="bi bi-robot text-crimson me-2"></i> AI-Driven Route Optimization: Minimizing transit times and fuel consumption using machine learning algorithms.</li>
                                                 
                     <li class="mb-2"><i class="bi bi-server text-crimson me-2"></i> Real-Time Visibility (RTV): 24/7 access to your shipment's location and status via our secure web and API platforms.</li>
                                                 
                     <li class="mb-2"><i class="bi bi-fingerprint text-crimson me-2"></i> Tier-1 Security: Secure, audited facilities with biometrics and advanced surveillance to protect high-value and sensitive cargo.</li>
                                                 
                     <li class="mb-2"><i class="bi bi-cloud-check text-crimson me-2"></i> Customs Brokerage Integration: Automated compliance checks and documentation to accelerate border clearance globally.</li>
                                             
                  </ul>
                                      
               </div>
                               
            </div>
                        
         </div>
                 
      </section>
      <section id="sustainability" class="py-5">
                     
         <div class="container">
                            
            <div class="row align-items-center flex-row-reverse">
                                   
               <div class="col-lg-6 mb-4 mb-lg-0">
                                          <img src="assets/images/1756816059515.jpg" class="img-fluid rounded-4 shadow-lg" alt="Solar panels on a warehouse roof" style="max-height: 400px; object-fit: cover; width: 100%;">
                                      
               </div>
                                   
               <div class="col-lg-6">
                                          
                  <h3 class="fw-bolder mb-3 text-dark">Sustainability: Our Responsibility to the Planet</h3>
                                          
                  <p class="lead">
                                                 We are dedicated to Environmental, Social, and Governance (ESG) principles. Our goal is to reduce the environmental impact of logistics while ensuring ethical and responsible operations globally.
                                             
                  </p>
                                           
                                          
                  <div class="row row-cols-2 g-3">
                                                 
                     <div class="col">
                                                        
                        <p class="mb-0 fw-semibold"><i class="bi bi-tree text-crimson me-2"></i> Reduced Emissions</p>
                                                        <small class="text-muted">Investing in eco-friendly vehicles and alternative fuels.</small>
                                                    
                     </div>
                                                 
                     <div class="col">
                                                        
                        <p class="mb-0 fw-semibold"><i class="bi bi-recycle text-crimson me-2"></i> Green Packaging</p>
                                                        <small class="text-muted">Promoting the use of recyclable and biodegradable materials.</small>
                                                    
                     </div>
                                                 
                     <div class="col">
                                                        
                        <p class="mb-0 fw-semibold"><i class="bi bi-lightbulb text-crimson me-2"></i> Energy Efficiency</p>
                                                        <small class="text-muted">Transitioning warehouses to solar power and low-energy systems.</small>
                                                    
                     </div>
                                                 
                     <div class="col">
                                                        
                        <p class="mb-0 fw-semibold"><i class="bi bi-people text-crimson me-2"></i> Ethical Sourcing</p>
                                                        <small class="text-muted">Upholding the highest standards for labor practices across our supply chain.</small>
                                                    
                     </div>
                                             
                  </div>
                                      
               </div>
                               
            </div>
                        
         </div>
                 
      </section>
      <section id="partnerships" class="py-5 bg-light">
                     
         <div class="container">
                            <div class="mx-auto text-center" style="max-width: 600px;">
            <h2 class="text-center fw-bolder mb-3 text-dark">Certified Networks and Strategic Alliances</h2>
                            </div>
            <p class="text-center mb-5">
                                   Our global reach is extended and validated by key industry certifications and our membership in world-class logistics networks.
                               
            </p>
                            
                            
            <div class="row row-cols-1 row-cols-md-3 g-4 text-center">
                                   
               <div class="col">
                                          
                  <div class="card h-100 p-4 shadow-sm border-0">
                                                 <i class="bi bi-airplane-fill text-crimson mx-auto d-block" style="font-size: 3rem;"></i>
                                                 
                     <div class="card-body">
                                                        
                        <h5 class="card-title fw-bold">IATA Certified Cargo Agent</h5>
                                                        
                        <p class="card-text small text-muted">Ensuring we meet the global standards for safe, secure, and efficient air freight services.</p>
                                                    
                     </div>
                                             
                  </div>
                                      
               </div>
                                   
               <div class="col">
                                          
                  <div class="card h-100 p-4 shadow-sm border-0">
                                                 <i class="bi bi-patch-check text-crimson mx-auto d-block" style="font-size: 3rem;"></i>
                                                 
                     <div class="card-body">
                                                        
                        <h5 class="card-title fw-bold">ISO 9001:2015 Quality</h5>
                                                        
                        <p class="card-text small text-muted">A testament to our rigorous commitment to quality management systems across all operations.</p>
                                                    
                     </div>
                                             
                  </div>
                                      
               </div>
                                   
               <div class="col">
                                          
                  <div class="card h-100 p-4 shadow-sm border-0">
                                                 <i class="bi bi-hospital-fill text-crimson mx-auto d-block" style="font-size: 3rem;"></i>
                                                 
                     <div class="card-body">
                                                        
                        <h5 class="card-title fw-bold">GDP Compliance (Pharma)</h5>
                                                        
                        <p class="card-text small text-muted">Adherence to Good Distribution Practice for the safe and regulated transport of medical goods.</p>
                                                    
                     </div>
                                             
                  </div>
                                      
               </div>
                               
            </div>
                        
         </div>
                 
      </section>
      <section id="leadership-team" class="py-5 bg-light">
         <div class="container">
            <h2 class="text-center fw-bolder mb-3 text-dark">Our Dedicated Leadership</h2>
            <p class="text-center mb-5">
               Meet the individuals driving our commitment to excellence, integrity, and client partnership.
            </p>
            <div class="row row-cols-1 row-cols-sm-2 row-cols-md-4 g-4">
               <div class="col">
                  <div class="card team-card h-100 shadow text-center">
                     <img src="assets/images/tm1.jpg" class="card-img-top" alt="CEO Ethan Cole">
                     <div class="card-body">
                        <h5 class="card-title fw-bold text-crimson mb-1">Ethan Cole</h5>
                        <p class="card-text fw-semibold text-muted mb-3">Founder & Chief Executive Officer</p>
                        <p class="card-text small text-start">
                           Jane leads the strategic direction of the company, focusing on global expansion and core values. Her experience spans over 25 years in multimodal transport and trade compliance.
                        </p>
                        <div class="mt-3">
                           <a href="#" class="text-dark me-2"><i class="bi bi-linkedin fs-5"></i></a>
                           <a href="mailto:jane.doe@company.com" class="text-dark"><i class="bi bi-envelope-fill fs-5"></i></a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col">
                  <div class="card team-card h-100 shadow text-center">
                     <img src="assets/images/tm2.jpg" class="card-img-top" alt="COO Jacob Miller">
                     <div class="card-body">
                        <h5 class="card-title fw-bold text-crimson mb-1">Jacob Millerh</h5>
                        <p class="card-text fw-semibold text-muted mb-3">Chief Operations Officer (COO)</p>
                        <p class="card-text small text-start">
                           John manages the day-to-day global logistics network, ensuring maximum efficiency from warehouse management to last-mile delivery. He champions our security protocols.
                        </p>
                        <div class="mt-3">
                           <a href="#" class="text-dark me-2"><i class="bi bi-linkedin fs-5"></i></a>
                           <a href="mailto:john.smith@company.com" class="text-dark"><i class="bi bi-envelope-fill fs-5"></i></a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col">
                  <div class="card team-card h-100 shadow text-center">
                     <img src="assets/images/tm3.jpg" class="card-img-top" alt="CTO Logan Hayes">
                     <div class="card-body">
                        <h5 class="card-title fw-bold text-crimson mb-1">Logan Hayes</h5>
                        <p class="card-text fw-semibold text-muted mb-3">Chief Technology Officer (CTO)</p>
                        <p class="card-text small text-start">
                           Maria drives the innovation behind our tracking systems, API integrations, and predictive analytics. Her focus is on making logistics smart, fast, and fully transparent for clients.
                        </p>
                        <div class="mt-3">
                           <a href="#" class="text-dark me-2"><i class="bi bi-linkedin fs-5"></i></a>
                           <a href="mailto:maria.garcia@company.com" class="text-dark"><i class="bi bi-envelope-fill fs-5"></i></a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col">
                  <div class="card team-card h-100 shadow text-center">
                     <img src="assets/images/tm4.jpg" class="card-img-top" alt="Sales Director Ava Thompson">
                     <div class="card-body">
                        <h5 class="card-title fw-bold text-crimson mb-1">Ava Thompson</h5>
                        <p class="card-text fw-semibold text-muted mb-3">Director of Global Sales & Client Relations</p>
                        <p class="card-text small text-start">
                           Alex heads our client-facing teams, ensuring we deliver tailored solutions and superior customer service. He is the champion for SME growth and large enterprise accounts.
                        </p>
                        <div class="mt-3">
                           <a href="#" class="text-dark me-2"><i class="bi bi-linkedin fs-5"></i></a>
                           <a href="mailto:alex.chen@company.com" class="text-dark"><i class="bi bi-envelope-fill fs-5"></i></a>
                            
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <div class="container py-5">
         <div class="row justify-content-center">
            <div class="col-lg-8">
               <div class="p-4 rounded-3 text-white shadow-lg d-flex align-items-start" style="background-color:#0c0c0c; border: 4px solid rgba(255, 255, 255, 0.5);">
                  <i class="bi bi-star-fill fs-2 me-3 flex-shrink-0 text-warning"></i>
                  <div>
                     <h4 class="fw-bold mb-1 text-uppercase" style="letter-spacing: 1px;">Ready to Start Shipping with Confidence?</h4>
                     <p class="lead mb-0 fs-6">
                        Connect your business to the world with a partner built on trust and innovation. Visit our <a href="contact.php" class="text-warning fw-semibold text-decoration-underline">Contact Page</a> or request a consultation to begin.
                     </p>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <?php include "footer.php" ?>
      <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
      <?php include "custom_script.php" ?>
   </body>
</html>