wpvr / admin / partials / wpvr_setup_wizard.php

wpvr_setup_wizard.php in WPVR – 360 Panorama viewer and Virtual Tour Builder for WordPress 8.5.36, at admin/partials/wpvr_setup_wizard.php

234 lines 12.4 KB

Raw Download Zip

1	<div class="wpvr-welcome">
2	<section class="wpvr-welcome-hero">
3	<div class="wpvr-container-1350">
4	<div class="hero-content-wrapper">
5	<div class="hero-content">
6	<a href="<?php echo esc_url( admin_url( 'edit.php?post_type=wpvr_item' ) ); ?>" class="backto-dashboard">
7	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/arrow-return.svg' ?>" alt="arrow-return" />
8	<?php echo __('Back to WPVR Dashboard','wpvr') ?>
9	</a>
10	<h1 class="hero-title"><?php echo __('Thank you','wpvr') ?> <br/> <?php echo __('for Choosing','wpvr') ?> <span>WP VR!</span></h1>
11	<p><?php echo __('Follow the Guided Wizard and Learn How it Works.','wpvr') ?></p>
12	<form action="<?php echo esc_url( admin_url( 'post-new.php' ) ); ?>" method="get">
13	<input type="text" name="post_type" value="wpvr_item" hidden>
14	<input type="text" name="wpvr-guide-tour" value="1" hidden>
15	<button type="submit" class="vr-welcome-btn hero-btn"><?php echo __('Take The Tour','wpvr') ?></button>
16	</form>
17	</div>
18
19	<div class="hero-video">
20	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/vr-hero-video-shape.svg' ?>" alt="vr-hero-video-shape" class="hero-video-shape" />
21
22	<div class="box-video">
23	<div class="bg-video">
24	<div class="bt-play">
25	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/youtube-play-icon.svg' ?>" alt="youtube-play-icon" />
26	</div>
27	</div>
28
29	<div class="video-container">
30	<iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/SWsv-bplne8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
31
32	</div>
33	</div>
34	</div>
35
36	</div>
37	</div>
38	</section>
39
40	<section class="wpvr-features">
41	<div class="wpvr-container-1350">
42	<div class="section-title">
43	<h2>The <span class="primary-color"> <?php echo __('Best WordPress Plugin','wpvr') ?></span> <?php echo __('for Virtual Tours, Viewing Panoramas, and 360 Degree Content','wpvr') ?></h2>
44	</div>
45
46	<div class="features-wrapper">
47	<div class="single-feature">
48	<span class="icon">
49	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/360-view.svg' ?>" alt="360-view" />
50	</span>
51	<h5 class="title"><?php echo __('360 Degree Panorama','wpvr') ?></h5>
52
53	<a href="https://rextheme.com/docs/wp-vr-create-simple-virtual-tour/" target="_blank" class="see-example">
54	<?php echo __('Learn more','wpvr') ?>
55	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/arrow-right-blue.svg' ?>" alt="arrow-right" />
56	</a>
57	</div>
58
59	<div class="single-feature">
60	<span class="icon">
61	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/smartphone.svg' ?>" alt="smartphone" />
62	</span>
63	<h5 class="title"><?php echo __('Mobile Panorama','wpvr') ?></h5>
64
65	<a href="https://rextheme.com/docs/create-virtual-tour-with-mobile-phone-panorama/" target="_blank" class="see-example">
66	<?php echo __('Learn more','wpvr') ?>
67	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/arrow-right-blue.svg' ?>" alt="arrow-right" />
68	</a>
69	</div>
70
71	<div class="single-feature">
72	<span class="icon">
73	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/3d-view.svg' ?>" alt="3d-view" />
74	</span>
75	<h5 class="title"><?php echo __('Cubemap Images','wpvr') ?></h5>
76
77	<a href="https://rextheme.com/docs/wp-vr/" class="see-example" target="_blank">
78	<?php echo __('Learn more','wpvr') ?>
79	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/arrow-right-blue.svg' ?>" alt="arrow-right" />
80	</a>
81	</div>
82
83	<div class="single-feature">
84	<span class="icon">
85	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/360-camera.svg' ?>" alt="360-camera" />
86	</span>
87	<h5 class="title"><?php echo __('360 Degree Video','wpvr') ?></h5>
88
89	<a href="https://rextheme.com/docs/wp-vr-360-degree-interactive-video/" target="_blank" class="see-example">
90	<?php echo __('Learn more','wpvr') ?>
91	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/arrow-right-blue.svg' ?>" alt="arrow-right" />
92	</a>
93	</div>
94
95	<div class="single-feature">
96	<span class="icon">
97	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/street-view.svg' ?>" alt="street-view" />
98	</span>
99	<h5 class="title"><?php echo __('Google Street View','wpvr') ?></h5>
100
101	<a href="https://rextheme.com/docs/wp-vr-embed-google-street-view-tour/" target="_blank" class="see-example">
102	<?php echo __('Learn more','wpvr') ?>
103	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/arrow-right-blue.svg' ?>" alt="arrow-right" />
104	</a>
105	</div>
106
107	</div>
108
109
110	<?php if(!is_plugin_active('wpvr-pro/wpvr-pro.php')){?>
111	<div class="features-cta">
112	<h2 class="cta-title"><?php echo __('Unlock all these options by upgrading to Premium version','wpvr')?></h2>
113	<a href="https://rextheme.com/wpvr/#pricing" class="vr-welcome-btn cta-btn" target="_blank"><?php echo __('Upgrade Now','wpvr')?></a>
114	</div>
115	<?php
116	}
117	?>
118
119	</div>
120	</section>
121
122	<section class="wpvr-feature-settings">
123	<div class="wpvr-container-1350">
124	<div class="section-title">
125	<h2><?php echo __('Features That Can','wpvr')?> <span class="primary-color"><?php echo __('Hook','wpvr')?></span> <?php echo __('Your Viewers - And Make Them Take','wpvr')?> <span class="primary-color"><?php echo __('Decisions','wpvr')?></span></h2>
126	<p><?php echo __('Personalize your virtual tours, in the way you want.','wpvr')?></p>
127	</div>
128
129	<div class="features-settings-wrapper">
130	<div class="single-settings">
131	<span class="icon">
132	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/scene-gallery.svg' ?>" alt="Panorama Scene Gallery" />
133	</span>
134	<h5 class="title"><?php echo __('Panorama Scene Gallery','wpvr')?></h5>
135	</div>
136
137	<div class="single-settings">
138	<span class="icon">
139	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/woocommerce.svg' ?>" alt="Sell WooCommerce Products" />
140	</span>
141	<h5 class="title"><?php echo __('Sell WooCommerce Products','wpvr')?></h5>
142	</div>
143
144	<div class="single-settings">
145	<span class="icon">
146	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/hotspot.svg' ?>" alt="Multiple Content on Hotspots" />
147	</span>
148	<h5 class="title"><?php echo __('Multiple Content on Hotspots','wpvr')?></h5>
149	</div>
150
151	<div class="single-settings">
152	<span class="icon">
153	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/control-button.svg' ?>" alt="Custom Control Buttons" />
154	</span>
155	<h5 class="title"><?php echo __('Custom Control Buttons','wpvr')?></h5>
156	</div>
157
158	<div class="single-settings">
159	<span class="icon">
160	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/contact-form.svg' ?>" alt="Set Contact Form" />
161	</span>
162	<h5 class="title"><?php echo __('Set Contact Form','wpvr')?></h5>
163	</div>
164
165	<div class="single-settings">
166	<span class="icon">
167	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/background-audio.svg' ?>" alt="Background Audio" />
168	</span>
169	<h5 class="title"><?php echo __('Background Audio','wpvr')?></h5>
170	</div>
171
172	<div class="single-settings">
173	<span class="icon">
174	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/explainer-video.svg' ?>" alt="Explainer Video" />
175	</span>
176	<h5 class="title"><?php echo __('Explainer Video','wpvr')?></h5>
177	</div>
178
179	<div class="single-settings">
180	<span class="icon">
181	<img loading="lazy" src="<?php echo WPVR_PLUGIN_DIR_URL . 'admin/icon/gyroscope.svg' ?>" alt="Gyroscope & Mobile Notices" />
182	</span>
183	<h5 class="title"><?php echo __('Gyroscope & Mobile Notices','wpvr')?></h5>
184	</div>
185
186	</div>
187	<?php if(!is_plugin_active('wpvr-pro/wpvr-pro.php')){?>
188	<div class="setting-cta-btn">
189	<a href="https://rextheme.com/wpvr/" class="vr-welcome-btn" target="_blank"><?php echo __('Checkout All Features','wpvr')?></a>
190	</div>
191	<div class="feature-settings-cta">
192	<div class="cta-content">
193	<h2> <?php echo __('Get Access to ','wpvr') ?> <span class="primary-color"> <?php echo __('Premium Features','wpvr') ?> </span> & <span class="primary-color"> <?php echo __('Add-ons','wpvr') ?> </span></h2>
194	<p><?php echo __('Starts from only','wpvr') ?> <span>$79</span>, <?php echo __('for unlimited virtual tours.','wpvr') ?> </p>
195	</div>
196
197	<a href="https://rextheme.com/wpvr/wpvr-pricing/" class="vr-welcome-btn cta-btn" target="_blank"><?php echo __('Get Pro Now','wpvr')?></a>
198	</div>
199	<?php
200	}else{?>
201	<div class="setting-cta-btn">
202	<form action="<?php echo esc_url( admin_url( 'post-new.php' ) ); ?>" method="get">
203	<input type="text" name="post_type" value="wpvr_item" hidden>
204	<input type="text" name="wpvr-guide-tour" value="1" hidden>
205	<button type="submit" class="vr-welcome-btn hero-btn"><?php echo __('Take The Tour','wpvr') ?></button>
206	</form>
207	</div>
208	<?php
209	}
210	?>
211
212
213
214
215	<div class="welcome-page-footer">
216	<ul class="footer-menu">
217	<li><a href="https://rextheme.com/support/" target="_blank" ><?php echo __('Contact Our Support','wpvr') ?></a></li>
218	<li><a href="https://rextheme.com/docs/wp-vr-install-and-activate/" target="_blank"><?php echo __('Read Documentations','wpvr') ?></a></li>
219	<li><a href="https://rextheme.com/category/virtual-tour/" target="_blank" ><?php echo __('Read Our Complete Guides','wpvr') ?></a></li>
220	</ul>
221	</div>
222	</div>
223	</section>
224
225	</div>
226	<style>
227	.pano-alert.scene-alert {
228	display: none;
229	}
230	div#error_occured {
231	display: none;
232	}
233	</style>
234