1<link href="{assetPath file='store.css'}" rel="stylesheet">
2
3<div class="landing-page ox">
4 <div class="header">
5 <div class="container">
6 <div class="row">
7 <div class="col-md-6 col-md-push-6 text-center">
8 <img src="{$WEB_ROOT}/assets/img/marketconnect/ox/display-email.png" class="header-img">
9 </div>
10 <div class="col-md-6 col-md-pull-6">
11 <div class="header-content">
12 <img src="{$WEB_ROOT}/assets/img/marketconnect/ox/logo-inv.png" class="logo-img">
13 <h1>{lang key="store.ox.promoHeading"}</h1>
14 <button type="button" class="btn btn-success" onclick="smoothScroll('#oxPricing')">
15 {lang key="store.ox.viewPricing"}
16 </button>
17 </div>
18 </div>
19 </div>
20 </div>
21 </div>
22 <div class="stand-out">
23 <div class="container">
24 <div class="row">
25 <div class="col-md-4 col-sm-6">
26 <div class="wrapper">
27 <h2>{lang key="store.ox.standout.feature1.title"}</h2>
28 <ul>
29 <li>{lang key="store.ox.standout.feature1.bullet1"}</li>
30 <li>{lang key="store.ox.standout.feature1.bullet2"}</li>
31 <li>{lang key="store.ox.standout.feature1.bullet3"}</li>
32 <li>{lang key="store.ox.standout.feature1.bullet4"}</li>
33 </ul>
34 </div>
35 </div>
36 <div class="col-md-4 col-sm-6">
37 <div class="wrapper">
38 <h2>{lang key="store.ox.standout.feature2.title"}</h2>
39 <p>{lang key="store.ox.standout.feature2.detail"}</p>
40 </div>
41 </div>
42 <div class="col-md-4 col-sm-12">
43 <div class="wrapper">
44 <h2>{lang key="store.ox.standout.feature3.title"}</h2>
45 <p>{lang key="store.ox.standout.feature3.detail"}</p>
46 </div>
47 </div>
48 </div>
49 </div>
50 </div>
51 <div class="features">
52 <div class="container">
53 <h3>{lang key="store.ox.featuresHeadline"}</h3>
54 <div class="row">
55 <div class="col-md-6">
56 <div class="feature-block">
57 <img src="{$WEB_ROOT}/assets/img/marketconnect/ox/icon-dark-cloud.png">
58 <p class="title">{lang key="store.ox.feature1.title"}</p>
59 <p>{lang key="store.ox.feature1.detail"}</p>
60 </div>
61 <div class="feature-block">
62 <img src="{$WEB_ROOT}/assets/img/marketconnect/ox/icon-dark-calendar.png">
63 <p class="title">{lang key="store.ox.feature2.title"}</p>
64 <p>{lang key="store.ox.feature2.detail"}</p>
65 </div>
66 <div class="feature-block">
67 <img src="{$WEB_ROOT}/assets/img/marketconnect/ox/icon-dark-email.png">
68 <p class="title">{lang key="store.ox.feature3.title"}</p>
69 <p>{lang key="store.ox.feature3.detail"}</p>
70 </div>
71 </div>
72 <div class="col-md-6">
73 <div class="feature-block">
74 <img src="{$WEB_ROOT}/assets/img/marketconnect/ox/icon-dark-productivity.png">
75 <p class="title">{lang key="store.ox.feature4.title"}</p>
76 <p>{lang key="store.ox.feature4.detail"}</p>
77 </div>
78 <div class="feature-block">
79 <img src="{$WEB_ROOT}/assets/img/marketconnect/ox/icon-dark-apps.png">
80 <p class="title">{lang key="store.ox.feature5.title"}</p>
81 <p>{lang key="store.ox.feature5.detail"}</p>
82 </div>
83 <div class="feature-block">
84 <img src="{$WEB_ROOT}/assets/img/marketconnect/ox/icon-dark-privacy.png">
85 <p class="title">{lang key="store.ox.feature6.title"}</p>
86 <p>{lang key="store.ox.feature6.detail"}</p>
87 </div>
88 </div>
89 </div>
90 </div>
91 </div>
92 <div class="pricing" id="oxPricing">
93 <div class="container">
94 <h3>{lang key="store.ox.pricingHeadline"}</h3>
95 <div class="row">
96 <div class="col-md-10 col-md-offset-1">
97 <table>
98 <tr>
99 <td class="no-border"></td>
100 {foreach $plans as $plan}
101 <th{if $plan.configoption1 == 'ox_productivity'} class="feature"{/if}>{$plan->name}</th>
102 {/foreach}
103 </tr>
104 {foreach $plans[0]['features'] as $feature => $value}
105 <tr>
106 <td>{$feature}</td>
107 {foreach $plans as $plan}
108 <td>
109 {if is_bool($plan['features'][$feature])}
110 <img src="{$WEB_ROOT}/assets/img/marketconnect/ox/pricing-yes.png">
111 {else}
112 {$plan['features'][$feature]}
113 {/if}
114 </td>
115 {/foreach}
116 </tr>
117 {/foreach}
118 <tr>
119 <td class="no-border no-bg"></td>
120 {foreach $plans as $plan}
121 <td class="no-border buy">
122 <div class="pricing-label">
123 {if $inPreview}
124 -
125 {else}
126 {$plan->pricing()->first()->toFullString()}<small>/user</small>
127 {/if}
128 </div>
129
130 <form method="post" action="{routePath('cart-order')}">
131 <input type="hidden" name="pid" value="{$plan->id}">
132 <button type="submit" class="btn btn-primary">
133 {lang key="store.ssl.landingPage.buyNow"}
134 </button>
135 </form>
136 </td>
137 {/foreach}
138 </tr>
139 </table>
140 </div>
141 </div>
142 </div>
143 </div>
144 <div class="faqs">
145 <div class="container">
146 <div class="row">
147 <div class="col-md-10 col-md-offset-1">
148 <div class="row">
149 <div class="col-md-6">
150 <p class="question">{lang key="store.ox.faq1.question"}</p>
151 <p>{lang key="store.ox.faq1.answer"}</p>
152 <p class="question">{lang key="store.ox.faq2.question"}</p>
153 <p>{lang key="store.ox.faq2.answer"}</p>
154 <p class="question">{lang key="store.ox.faq9.question"}</p>
155 <p>{lang key="store.ox.faq9.answer"}</p>
156 <p class="question">{lang key="store.ox.faq3.question"}</p>
157 <p>{lang key="store.ox.faq3.answer"}</p>
158 <p class="question">{lang key="store.ox.faq4.question"}</p>
159 <p>{lang key="store.ox.faq4.answer"}<br><br>
160 <small>{lang key="store.ox.faq4.devices"}</small></p>
161 </div>
162 <div class="col-md-6">
163 <p class="question">{lang key="store.ox.faq5.question"}</p>
164 <p>{lang key="store.ox.faq5.answer"}</p>
165 <p class="question">{lang key="store.ox.faq6.question"}</p>
166 <p>{lang key="store.ox.faq6.answer"}</p>
167 <p class="question">{lang key="store.ox.faq7.question"}</p>
168 <p>{lang key="store.ox.faq7.answer"}</p>
169 <p class="question">{lang key="store.ox.faq8.question"}</p>
170 <p>{lang key="store.ox.faq8.answer"}</p>
171 </div>
172 </div>
173 </div>
174 </div>
175 </div>
176 </div>
177</div>
178
179