WizdomWeb/resources/views/partials/wizdom-way.php

128 lines
6.6 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- ======= Wizdom Way Section ======= -->
<section id="wizdom-way" class="work-process section">
<div class="container section-title" data-aos="fade-up">
<h2>The Wizdom Way</h2>
<p>Our 6-step approach blends clarity, precision, and execution guiding every project from insight to celebration.</p>
</div>
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row gy-5">
<!-- Step 1 -->
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="steps-item">
<div class="steps-image">
<img src="assets/img/steps/wizdom-step-discovery-alignment.webp" alt="Wizdom Work Process Step 1 Discovery and Alignment" class="img-fluid" loading="lazy">
</div>
<div class="steps-content">
<div class="steps-number">01</div>
<h3>Discovery & Alignment</h3>
<p>We listen first. Together, we uncover your challenges, clarify goals, and align stakeholders.</p>
<div class="steps-features">
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Stakeholder Interviews</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Needs Analysis</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Goal Prioritization</span></div>
</div>
</div>
</div>
</div>
<!-- Step 2 -->
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">
<div class="steps-item">
<div class="steps-image">
<img src="assets/img/steps/wizdom-step-planning-prioritization.webp" alt="Wizdom Work Process Step 2 Planning and Prioritization" class="img-fluid" loading="lazy">
</div>
<div class="steps-content">
<div class="steps-number">02</div>
<h3>Planning & Prioritization</h3>
<p>We turn insights into a clear roadmap, prioritizing impact and feasibility from the start.</p>
<div class="steps-features">
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Timeline & Budget Alignment</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Feasibility Planning</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Milestone Definition</span></div>
</div>
</div>
</div>
</div>
<!-- Step 3 -->
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="400">
<div class="steps-item">
<div class="steps-image">
<img src="assets/img/steps/wizdom-step-design-validation.webp" alt="Wizdom Work Process Step 3 Design and Validation" class="img-fluid" loading="lazy">
</div>
<div class="steps-content">
<div class="steps-number">03</div>
<h3>Design & Validation</h3>
<p>We transform plans into actionable, testable designs and validate them with your team before deployment.</p>
<div class="steps-features">
<div class="feature-item"><i class="bi bi-check-circle"></i><span>UX & Systems Design</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Client Review Loops</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Validation Milestones</span></div>
</div>
</div>
</div>
</div>
<!-- Step 4 -->
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="500">
<div class="steps-item">
<div class="steps-image">
<img src="assets/img/steps/wizdom-step-execution-deployment.webp" alt="Wizdom Work Process Step 4 Execution and Deployment" class="img-fluid" loading="lazy">
</div>
<div class="steps-content">
<div class="steps-number">04</div>
<h3>Execution & Deployment</h3>
<p>Your solution goes live clean code, full documentation, and hands-on deployment support.</p>
<div class="steps-features">
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Staging & Release</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Deployment Planning</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Live Launch Monitoring</span></div>
</div>
</div>
</div>
</div>
<!-- Step 5 -->
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="600">
<div class="steps-item">
<div class="steps-image">
<img src="assets/img/steps/wizdom-step-optimization-support.webp" alt="Wizdom Work Process Step 5 Optimization and Support" class="img-fluid" loading="lazy">
</div>
<div class="steps-content">
<div class="steps-number">05</div>
<h3>Optimization & Support</h3>
<p>We stay engaged, helping you monitor, optimize, and adapt your solution as your needs evolve.</p>
<div class="steps-features">
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Performance Monitoring</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Technical Support</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Iterative Improvements</span></div>
</div>
</div>
</div>
</div>
<!-- Step 6 -->
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="700">
<div class="steps-item">
<div class="steps-image">
<img src="assets/img/steps/wizdom-step-strategic-partnership.webp" alt="Wizdom Work Process Step 6 Strategic Partnership" class="img-fluid" loading="lazy">
</div>
<div class="steps-content">
<div class="steps-number">06</div>
<h3>Strategic Partnership</h3>
<p>Our goal is long-term alignment, trust, and shared momentum. This isnt just a project its a relationship.</p>
<div class="steps-features">
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Long-Term Collaboration</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Milestone Reviews</span></div>
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Celebration & Continuity</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Wizdom Way Section -->