[[[ [[[PRE-ORDER]]] Your Next OpenRoad `Vehicle˜]]]
Build to order. Customize your car.
- - -
Secure your next `vehicle˜ by pre-ordering from ~OpenRoad˜. New vehicle inventories have been significantly impacted by global supply chain disruptions and shipment delays. Pre-order your `vehicle˜ with ~OpenRoad˜ now to ensure you get access to a vehicle when you need it, exactly the way you want it.
///section-layout:hero;
[HTML]
<div>
<h2 style="padding:40px 20px 20px;margin:0;text-align:center;">Discover All the Reasons to Pre-Order Your <span class="var-brand">Vehicle</span></h2>
</div>
<div id="page-nav">
<div><a href="#benefits"><img src="https://prod-web-cms-images.s3-us-west-2.amazonaws.com/81922d13-3833-495b-82e6-ae1438507768/orag-202205-pre_order-icon-check.png"><br>Benefits <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16.63 11.12" style="fill:currentColor;enable-background:new 0 0 16.63 11.12;" xml:space="preserve" height="15"><polygon points="16.63,5.56 11.08,11.12 9.66,9.7 12.8,6.56 0,6.56 0,4.56 12.8,4.56 9.66,1.42 11.08,0 "></polygon></svg></a></div>
<div><a href="#why-openroad"><img src="https://prod-web-cms-images.s3-us-west-2.amazonaws.com/2cb0f86c-e334-4ee1-b8e2-8e4f1e971a3d/orag-202205-pre_order-icon-question.png"><br><span>Why Choose Us <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16.63 11.12" style="fill:currentColor;enable-background:new 0 0 16.63 11.12;" xml:space="preserve" height="15"><polygon points="16.63,5.56 11.08,11.12 9.66,9.7 12.8,6.56 0,6.56 0,4.56 12.8,4.56 9.66,1.42 11.08,0 "></polygon></svg></span></a></div>
<div><a href="#five-easy-steps"><img src="https://prod-web-cms-images.s3-us-west-2.amazonaws.com/e0d9143a-5a45-46e1-8553-29fec4d9d24a/orag-202205-pre_order-icon-bulb.png"><br>5 Easy Steps <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16.63 11.12" style="fill:currentColor;enable-background:new 0 0 16.63 11.12;" xml:space="preserve" height="15"><polygon points="16.63,5.56 11.08,11.12 9.66,9.7 12.8,6.56 0,6.56 0,4.56 12.8,4.56 9.66,1.42 11.08,0 "></polygon></svg></a></div>
<div><a href="#watch-film"><img src="https://prod-web-cms-images.s3-us-west-2.amazonaws.com/95fcfa53-db78-4d82-9baa-1e2fdc409b8f/orag-202205-pre_order-icon-play.png"><br>Watch the Film <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16.63 11.12" style="fill:currentColor;enable-background:new 0 0 16.63 11.12;" xml:space="preserve" height="15"><polygon points="16.63,5.56 11.08,11.12 9.66,9.7 12.8,6.56 0,6.56 0,4.56 12.8,4.56 9.66,1.42 11.08,0 "></polygon></svg></a></div>
<div><a href="#contact-us"><img src="https://prod-web-cms-images.s3-us-west-2.amazonaws.com/6b7a85b9-0235-42eb-9b15-c4afb2d4f5ba/orag-202205-pre_order-icon-tap_here.png"><br>Get Started <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16.63 11.12" style="fill:#fff;enable-background:new 0 0 16.63 11.12;" xml:space="preserve" height="15"><polygon points="16.63,5.56 11.08,11.12 9.66,9.7 12.8,6.56 0,6.56 0,4.56 12.8,4.56 9.66,1.42 11.08,0 "></polygon></svg></a></div>
</div>
<style>
#page-nav{display:flex;flex-wrap:wrap;justify-content:center;width:100vw;max-width:1900px;position:relative;left:50%;transform:translateX(-50%);padding-left:15px;padding-right:15px;}
#page-nav div{flex:1 0 250px;align-items:center;font-size:1.3rem;letter-spacing:-0.025em;line-height:1;text-align:center;font-weight:700;margin:5px;}
#page-nav div a{position:relative;display:block;height:100%;text-decoration:none;color:currentColor;padding:30px 20px;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.25);border-radius:16px;transition:all 0.4s ease;z-index:1;}
#page-nav div:last-of-type a{background-color:#00aeef;color:#fff;}
#page-nav div a:hover{box-shadow:0 10px 20px rgba(0,0,0,0.25);transform:scale(1.02);z-index:10;}
#page-nav div a img{width:40px;height:40px;display:inline-block;margin:0 auto 10px;}
@media (max-width: 661px) {
#page-nav div{font-size:1.25rem;}
#page-nav div a{display:flex;justify-content:flex-start;align-items:center;padding:15px 15px;text-align:left;border-radius:8px;}
#page-nav div a br{display:none;}
#page-nav div a img{margin:0 10px 0 0;}
}
</style>
///id:page-menu;///bg:#dae2e5;///padding:no-top less-bottom;///color:#051432;
Benefits of Pre-Ordering Your Next `Vehicle˜
- - -
[OFFER]
FREEDOM
Customize your car rather than select from limited inventory
VALUE
Pay only for the features and options you need and want
BE AHEAD
Reduced wait times by being in line with a pre-order
EASY
No need to shop multiple locations to find the car you want
[CTA3] Start the Process Today
[HTML]
<style>
#benefits .offer-block{align-items:flex-start;}
#benefits .offer-block-item{flex:1 0 190px;max-width:400px;}
</style>
///id:benefits;
///bg:#104965;///color:#fff;
Why Pre-Order From ~OpenRoad˜
- - -
///id:why-openroad; ///padding:no-bottom;
VOLUME
We can source more units as one of the top `automobile˜ retailers in Canada.
///layout:card;
///padding:less-top less-bottom;
///cta:bottom;
EXTRA REWARD
Every ~OpenRoad˜ customer receives the complimentary benefits of Club OpenRoad, our very own loyalty rewards program.
OPTIONS
Some brands may see vehicle wait times over 12 months. We have other mobility options, such as our in-house pre-owned leasing solution, to keep you on the road while you wait.
[CTA] Start Building <br>Your `Car˜ Now
///padding:no-top;
5 Easy Steps to Pre-Order Your `Vehicle.`
- - -
- [[[[VISIT]]]]
Visit ~your OpenRoad location of choice˜ in-person, or view our inventory online to see if we have the exact vehicle you want in stock. - [[[[REVIEW]]]]
Don’t see the vehicle you want? Contact one of our Product Advisors to review your lifestyle needs and budget. - [[[[SELECT]]]]
Based on your requirements, our team can provide you with model and trim package recommendations. - [[[[RESERVE]]]]
Once you have decided on the vehicle options, we enter your pre-order into our manufacturer portal with a small deposit* to complete the reservation. - [[[[RELAX]]]]
Our team provides you with regular updates as your vehicle moves through production. Sit back and relax, knowing your vehicle is secured and on its way.
[[((*If you decide to cancel your pre-order after it has been submitted, your deposit ¨may or may not be refundable˜. Please talk to one of our Product Advisors for details.))]]
///id:five-easy-steps;
///bg:#f1f1f1;
Your New `Vehicle˜ is Waiting
((Get started today to build your next `vehicle˜, exactly as you want it.))
[HTML]
<p id="build-and-price" style="text-align: center;transform:translateY(100%);" class="cta-wrapper"> <a href="#contact-us" target="_blank" class="cta" id="contact-form" style="margin-bottom:20px;">Build & Price</a> </p>
///id:contact-us;
///padding:less-bottom;