<?php
/*
|--------------------------------------------------------------------------
| HYRO ONE Experience
|--------------------------------------------------------------------------
| Component : Customer Success Journey
|--------------------------------------------------------------------------
*/
?>

<section class="homepage-journey-section">

<div class="hyro-container">

<div class="homepage-section-heading">

<div class="homepage-section-eyebrow">
YOUR JOURNEY STARTS HERE
</div>

<h2>
From First Click to Business Success
</h2>

<p>
We make getting started simple. From your first enquiry to your
live business system, we're with you every step of the way.
</p>

</div>

<div class="journey-timeline">

<div class="journey-step">

<div class="journey-number">1</div>

<h3>Schedule a Live Demo</h3>

<p>
See HYRO ONE in action with our team.
Ask questions and explore the software.
</p>

</div>

<div class="journey-line"></div>

<div class="journey-step">

<div class="journey-number">2</div>

<h3>Start Free Trial</h3>

<p>
Experience the software with your own
7-day cloud environment.
</p>

</div>

<div class="journey-line"></div>

<div class="journey-step">

<div class="journey-number">3</div>

<h3>Cloud Setup</h3>

<p>
Your workspace is automatically
prepared and ready to use.
</p>

</div>

<div class="journey-line"></div>

<div class="journey-step">

<div class="journey-number">4</div>

<h3>Import Your Data</h3>

<p>
Customers, services,
products and opening balances.
</p>

</div>

<div class="journey-line"></div>

<div class="journey-step">

<div class="journey-number">5</div>

<h3>Go Live</h3>

<p>
Start serving customers
using HYRO ONE.
</p>

</div>

<div class="journey-line"></div>

<div class="journey-step">

<div class="journey-number">6</div>

<h3>Grow Your Business</h3>

<p>
As your business grows,
HYRO ONE grows with you.
</p>

</div>

</div>

</div>

</section>
