darkify / src / Admin / HelpPage / Help.php

Help.php in Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) 1.4.2, at src/Admin/HelpPage/Help.php

831 lines 43.4 KB

Raw Download Zip

1	<?php
2
3	namespace ThemeAtelier\Darkify\Admin\HelpPage;
4
5	if (! defined('ABSPATH')) {
6	exit;
7	} // if direct access.
8
9	/**
10	* The help class for the Testimonial Free
11	*/
12	class Help
13	{
14
15	/**
16	* Single instance of the class
17	*
18	* @var null
19	*/
20	protected static $_instance = null;
21
22	/**
23	* Plugins Path variable.
24	*
25	* @var array
26	*/
27	protected static $plugins = array(
28	'darkify' => 'darkify.php',
29	'darkify' => 'darkify.php',
30	'domain-for-sale' => 'domain-for-sale.php',
31	'ask-faq' => 'ask-faq.php',
32	'attentive-security' => 'attentive-security.php',
33	'better-chat-support' => 'messenger-chat-support.php',
34	'bizreview' => 'bizreview.php',
35	'booklet-booking-system' => 'booklet.php',
36	'skype-chat' => 'skype-chat.php',
37	'chat-help' => 'chat-whatsapp.php',
38	'chat-telegram' => 'telegram-chat.php',
39	'chat-viber' => 'chat-viber-lite.php',
40	'click-to-dial' => 'click-to-dial.php',
41	'click-to-mail' => 'click-to-mail.php',
42	'eventful' => 'eventful.php',
43	'eventful-for-elementor' => 'eventful-for-elementor.php',
44	'postify' => 'postify.php',
45	);
46
47
48	/**
49	* Welcome pages
50	*
51	* @var array
52	*/
53	public $pages = array(
54	'darkify',
55	);
56
57	/**
58	* Not show this plugin list.
59	*
60	* @var array
61	*/
62	protected static $not_show_plugin_list = array(
63	'darkify',
64	'better-chat-support',
65	'chat-viber',
66	'chat-telegram',
67	'click-to-dial',
68	'chat-skype',
69	'click-to-mail',
70	'ask-faq',
71	'attentive-security',
72	'booklet-booking-system',
73	'postify',
74	);
75
76	/**
77	* Help page construct function.
78	*/
79	public function __construct()
80	{
81
82	$page = isset($_GET['page']) ? sanitize_text_field(wp_unslash($_GET['page'])) : '';
83	if ('darkify' !== $page) {
84	return;
85	}
86	}
87
88	/**
89	* Main Help page Instance
90	*
91	* @static
92	* @return self Main instance
93	*/
94	public static function instance()
95	{
96	if (is_null(self::$_instance)) {
97	self::$_instance = new self();
98	}
99
100	return self::$_instance;
101	}
102
103
104
105	/**
106	* Sprtf_plugins_info_api_help_page function.
107	*
108	* @return void
109	*/
110	public function themeatelier_plugins_info_api_help_page()
111	{
112	$plugins_arr = get_transient('themeatelier_plugins');
113	if (false === $plugins_arr) {
114	$args = (object) array(
115	'author' => 'themeatelier',
116	'per_page' => '120',
117	'page' => '1',
118	'fields' => array(
119	'slug',
120	'name',
121	'version',
122	'downloaded',
123	'active_installs',
124	'last_updated',
125	'rating',
126	'num_ratings',
127	'short_description',
128	'author',
129	),
130	);
131	$request = array(
132	'action' => 'query_plugins',
133	'timeout' => 30,
134	'request' => serialize($args),
135	);
136	// https://codex.wordpress.org/WordPress.org_API.
137	$url = 'http://api.wordpress.org/plugins/info/1.0/';
138	$response = wp_remote_post($url, array('body' => $request));
139
140	if (! is_wp_error($response)) {
141
142	$plugins_arr = array();
143	$plugins = unserialize($response['body']);
144
145	if (isset($plugins->plugins) && (count($plugins->plugins) > 0)) {
146	foreach ($plugins->plugins as $pl) {
147	if (! in_array($pl->slug, self::$not_show_plugin_list, true)) {
148	$plugins_arr[] = array(
149	'slug' => $pl->slug,
150	'name' => $pl->name,
151	'version' => $pl->version,
152	'downloaded' => $pl->downloaded,
153	'active_installs' => $pl->active_installs,
154	'last_updated' => strtotime($pl->last_updated),
155	'rating' => $pl->rating,
156	'num_ratings' => $pl->num_ratings,
157	'short_description' => $pl->short_description,
158	);
159	}
160	}
161	}
162
163	set_transient('themeatelier_plugins', $plugins_arr, 24 * HOUR_IN_SECONDS);
164	}
165	}
166
167	if (is_array($plugins_arr) && (count($plugins_arr) > 0)) {
168	array_multisort(array_column($plugins_arr, 'active_installs'), SORT_DESC, $plugins_arr);
169
170
171	foreach ($plugins_arr as $plugin) {
172	$plugin_slug = $plugin['slug'];
173	$image_type = 'png';
174	if (isset(self::$plugins[$plugin_slug])) {
175	$plugin_file = self::$plugins[$plugin_slug];
176	} else {
177	$plugin_file = $plugin_slug . '.php';
178	}
179
180	switch ($plugin_slug) {
181	case 'postify':
182	$image_type = 'jpg';
183	break;
184	case 'chat-help':
185	case 'darkify':
186	$image_type = 'gif';
187	break;
188	}
189
190	$details_link = network_admin_url('plugin-install.php?tab=plugin-information&plugin=' . $plugin['slug'] . '&TB_iframe=true&width=600&height=550');
191	?>
192	<div class="plugin-card <?php echo esc_attr($plugin_slug); ?>" id="<?php echo esc_attr($plugin_slug); ?>">
193	<div class="plugin-card-top">
194	<div class="name column-name">
195	<h3>
196	<a class="thickbox" title="<?php echo esc_attr($plugin['name']); ?>"
197	href="<?php echo esc_url($details_link); ?>">
198	<?php echo esc_html($plugin['name']); ?>
199	<img src="<?php echo esc_url('https://ps.w.org/' . $plugin_slug . '/assets/icon-256x256.' . $image_type); ?>"
200	class="plugin-icon" />
201	</a>
202	</h3>
203	</div>
204	<div class="action-links">
205	<ul class="plugin-action-buttons">
206	<li>
207	<?php
208	if ($this->is_plugin_installed($plugin_slug, $plugin_file)) {
209	if ($this->is_plugin_active($plugin_slug, $plugin_file)) {
210	?>
211	<button type="button" class="button button-disabled" disabled="disabled">Active</button>
212	<?php
213	} else {
214	?>
215	<a href="<?php echo esc_url($this->activate_plugin_link($plugin_slug, $plugin_file)); ?>"
216	class="button button-primary activate-now">
217	<?php esc_html_e('Activate', 'darkify'); ?>
218	</a>
219	<?php
220	}
221	} else {
222	?>
223	<a href="<?php echo esc_url($this->install_plugin_link($plugin_slug)); ?>"
224	class="button install-now">
225	<?php esc_html_e('Install Now', 'darkify'); ?>
226	</a>
227	<?php } ?>
228	</li>
229	<li>
230	<a href="<?php echo esc_url($details_link); ?>" class="thickbox open-plugin-details-modal"
231	aria-label="<?php echo esc_html('More information about ' . $plugin['name']); ?>"
232	title="<?php echo esc_attr($plugin['name']); ?>">
233	<?php esc_html_e('More Details', 'darkify'); ?>
234	</a>
235	</li>
236	</ul>
237	</div>
238	<div class="desc column-description">
239	<p><?php echo esc_html(isset($plugin['short_description']) ? $plugin['short_description'] : ''); ?></p>
240	<p class="authors"> <cite>By <a href="https://themeatelier.com/">Themeatelier</a></cite></p>
241	</div>
242	</div>
243	<?php
244	echo '<div class="plugin-card-bottom">';
245
246	if (isset($plugin['rating'], $plugin['num_ratings'])) {
247	?>
248	<div class="vers column-rating">
249	<?php
250	wp_star_rating(
251	array(
252	'rating' => $plugin['rating'],
253	'type' => 'percent',
254	'number' => $plugin['num_ratings'],
255	)
256	);
257	?>
258	<span class="num-ratings">(<?php echo esc_html(number_format_i18n($plugin['num_ratings'])); ?>)</span>
259	</div>
260	<?php
261	}
262	if (isset($plugin['version'])) {
263	?>
264	<div class="column-updated">
265	<strong><?php esc_html_e('Version:', 'darkify'); ?></strong>
266	<span><?php echo esc_html($plugin['version']); ?></span>
267	</div>
268	<?php
269	}
270
271	if (isset($plugin['active_installs'])) {
272	?>
273	<div class="column-downloaded">
274	<?php echo esc_html(number_format_i18n($plugin['active_installs'])) . esc_html__('+ Active Installations', 'darkify'); ?>
275	</div>
276	<?php
277	}
278
279	if (isset($plugin['last_updated'])) {
280	?>
281	<div class="column-compatibility">
282	<strong><?php esc_html_e('Last Updated:', 'darkify'); ?></strong>
283	<span><?php echo esc_html(human_time_diff($plugin['last_updated'])) . ' ' . esc_html__('ago', 'darkify'); ?></span>
284	</div>
285	<?php
286	}
287
288	echo '</div>';
289	?>
290	</div>
291	<?php
292	}
293	}
294	}
295
296	/**
297	* Check plugins installed function.
298	*
299	* @param string $plugin_slug Plugin slug.
300	* @param string $plugin_file Plugin file.
301	* @return boolean
302	*/
303	public function is_plugin_installed($plugin_slug, $plugin_file)
304	{
305	return file_exists(WP_PLUGIN_DIR . '/' . $plugin_slug . '/' . $plugin_file);
306	}
307
308	/**
309	* Check active plugin function
310	*
311	* @param string $plugin_slug Plugin slug.
312	* @param string $plugin_file Plugin file.
313	* @return boolean
314	*/
315	public function is_plugin_active($plugin_slug, $plugin_file)
316	{
317	return is_plugin_active($plugin_slug . '/' . $plugin_file);
318	}
319
320	/**
321	* Install plugin link.
322	*
323	* @param string $plugin_slug Plugin slug.
324	* @return string
325	*/
326	public function install_plugin_link($plugin_slug)
327	{
328	return wp_nonce_url(self_admin_url('update.php?action=install-plugin&plugin=' . $plugin_slug), 'install-plugin_' . $plugin_slug);
329	}
330
331	/**
332	* Active Plugin Link function
333	*
334	* @param string $plugin_slug Plugin slug.
335	* @param string $plugin_file Plugin file.
336	* @return string
337	*/
338	public function activate_plugin_link($plugin_slug, $plugin_file)
339	{
340	return wp_nonce_url(admin_url('admin.php?page=darkify&action=activate&plugin=' . $plugin_slug . '/' . $plugin_file . '#tab=help#recommended'), 'activate-plugin_' . $plugin_slug . '/' . $plugin_file);
341	}
342
343
344
345	/**
346	* The Chat Help Help Callback.
347	*
348	* @return void
349	*/
350	public function help_page_callback()
351	{
352	add_thickbox();
353
354	$action = isset($_GET['action']) ? sanitize_text_field(wp_unslash($_GET['action'])) : '';
355	$plugin = isset($_GET['plugin']) ? sanitize_text_field(wp_unslash($_GET['plugin'])) : '';
356	$_wpnonce = isset($_GET['_wpnonce']) ? sanitize_text_field(wp_unslash($_GET['_wpnonce'])) : '';
357
358	if (isset($action, $plugin) && ('activate' === $action) && wp_verify_nonce($_wpnonce, 'activate-plugin_' . $plugin)) {
359	activate_plugin($plugin, '', false, true);
360	}
361
362	if (isset($action, $plugin) && ('deactivate' === $action) && wp_verify_nonce($_wpnonce, 'deactivate-plugin_' . $plugin)) {
363	deactivate_plugins($plugin, '', false, true);
364	}
365
366	?>
367	<div class="darkify">
368	<!-- Header section start -->
369	<section class="themeatelier__help header themeatelier-container">
370	<div class="themeatelier-container">
371	<div class="header_nav">
372	<div class="header_nav_left">
373
374	<div class="header_nav_menu">
375	<ul>
376	<li>
377	<a href="<?php echo esc_url(home_url('') . '/wp-admin/admin.php?page=darkify#tab=help#get-start'); ?>" data-id="get-start-tab" class="active">
378	<i class="icofont-play-alt-2"></i>
379	<?php echo esc_html__('Get Started', 'darkify') ?>
380	</a>
381	</li>
382	<li>
383	<a href="<?php echo esc_url(home_url('') . '/wp-admin/admin.php?page=darkify#tab=help#recommended'); ?>" data-id="recommended-tab">
384	<i class="icofont-thumbs-up"></i>
385	<?php echo esc_html__('Recommended', 'darkify') ?>
386	</a>
387	</li>
388	<li>
389	<a href="<?php echo esc_url(home_url('') . '/wp-admin/admin.php?page=darkify#tab=help#lite-to-pro'); ?>" data-id="lite-to-pro-tab">
390	<i class="icofont-badge"></i>
391	<?php echo esc_html__('Lite Vs Pro', 'darkify') ?>
392	</a>
393	</li>
394	<li>
395	<a href="<?php echo esc_url(home_url('') . '/wp-admin/admin.php?page=darkify#tab=help#pro-plugins'); ?>" data-id="pro-plugins-tab">
396	<i class="icofont-info-circle"></i>
397	<?php echo esc_html__('Pro Plugins', 'darkify') ?>
398	</a>
399	</li>
400	</ul>
401	</div>
402	</div>
403	<div class="header_nav_right">
404	<div class="header_nav_right_menu">
405	<a target="_blank" href="https://darkifywp.com/pricing"><?php echo esc_html__('🚀 Upgrading To Pro!', 'darkify') ?></a>
406	</div>
407	</div>
408	</div>
409	</div>
410	</section>
411	<!--header section end -->
412
413	<!-- Start Page -->
414	<section class="start_page tab-content active" id="get-start-tab">
415	<div class="themeatelier-container">
416	<div class="start_page_wrapper">
417	<div class="start_page_nav">
418	<div class="nav_left">
419	<h2 class="section_title"><?php echo esc_html('Welcome to Darkify!', 'darkify') ?><span class="version__badge"><?php echo esc_html(DARKIFY_VERSION) ?></span></h2>
420	<span class="section_subtitle">
421	<?php echo esc_html__('Thank you for installing Darkify! This playlist will help you get started with the
422	plugin. Enjoy!', 'darkify') ?>
423	</span>
424	</div>
425	<div class="nev_right">
426	<i class="icofont-youtube-play"></i>
427	<a target="_blank" href="https://www.youtube.com/@themeatelier">Themeatelier</a>
428	</div>
429	</div>
430	<div class="section_video">
431	<div class="video">
432	<iframe width="724" height="405" src="https://www.youtube.com/embed/soYOnf-agSU"
433	title="Darkify - Overview" frameborder="0"
434	allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
435	referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
436	</div>
437	<div class="section_video_play_list">
438	<div class="play_list_item active" data-video_id="soYOnf-agSU">
439	<div class="play_list_item_title">
440	<h3>Overview</h3>
441	</div>
442	<div class="play_list_item_content">
443	<div class="title">Darkify Plugin - Overview</div>
444	<span>5:11</span>
445	</div>
446	</div>
447	</div>
448	</div>
449
450
451	<ul class="section_buttons">
452	<li>
453	<a class="chat_btn_primary"
454	href="<?php echo esc_url(home_url('') . '/wp-admin/admin.php?page=darkify'); ?>"><?php echo esc_html__('Plugin Settings', 'darkify') ?></a>
455	</li>
456	<li>
457	<a target="_blank" class="chat_btn_secondary"
458	href="https://darkifywp.com/"><?php echo esc_html__('Live Demo', 'darkify') ?></a>
459	</li>
460	<li>
461	<a target="_blank" class="chat_btn_secondary arrow-btn"
462	href="https://darkifywp.com/pricing"><?php echo esc_html__('Upgrade To Pro', 'darkify') ?>
463	</a>
464	</li>
465	</ul>
466	</div>
467	<div class="section_quick_help">
468	<div class="quick_help_wrapper">
469	<a target="_blank" href="https://docs.themeatelier.net/docs/darkify-pro/overview" class="quick_help_item">
470	<div class="quick_help_item_icon"><i class="icofont-file-document"></i></div>
471	<div class="quick_help_item_content">
472	<h4 class="quick_help_item_title">
473	<?php echo esc_html__('Documentation', 'darkify') ?>
474	</h4>
475	<div class="content"><?php echo esc_html__('Explore Darkify plugin capabilities in our enriched documentation.', 'darkify') ?></div>
476	</div>
477	</a>
478	<a target="_blank" href="https://wordpress.org/support/plugin/darkify/" class="quick_help_item">
479	<div class="quick_help_item_icon"><i class="icofont-live-support"></i></div>
480	<div class="quick_help_item_content">
481	<h4 class="quick_help_item_title">
482	<?php echo esc_html__('Technical Support', 'darkify') ?>
483	</h4>
484	<div class="content"><?php echo esc_html__('For personalized assistance, reach out to our skilled support team for prompt help.', 'darkify') ?></div>
485	</div>
486	</a>
487	<a target="_blank" href="https://www.themeatelier.net/contact/" class="quick_help_item">
488	<div class="quick_help_item_icon"><i class="icofont-users-alt-5"></i></div>
489	<div class="quick_help_item_content">
490	<h4 class="quick_help_item_title">
491	<?php echo esc_html__('Hire Us!', 'darkify') ?>
492	</h4>
493	<div class="content"><?php echo esc_html__('We are available for freelance work for any WordPress, React, NextJS projects. Click to contact us.', 'darkify') ?></div>
494	</div>
495	</a>
496	</div>
497	</div>
498	</div>
499	</section>
500
501	<!-- Recommended Page -->
502	<section id="recommended-tab" class="recommended_page tab-content">
503	<div class="themeatelier-container">
504	<h2 class="help_page_title">Enhance your Website with our Free Robust Plugins</h2>
505	<div class="themeatelier-wp-list-table plugin-install-php">
506	<div class="recommended_plugins" id="the-list">
507	<?php
508	$this->themeatelier_plugins_info_api_help_page();
509	?>
510	</div>
511	</div>
512	</div>
513	</section>
514
515	<!-- Lite To Pro Page -->
516	<section class="themeatelier__help lite_vs_pro_page tab-content" id="lite-to-pro-tab">
517	<div class="themeatelier-container">
518	<h2 class="help_page_title">Lite Vs Pro Comparison</h2>
519
520	<div class="themeatelier-features">
521	<ul>
522	<li class="themeatelier-header">
523	<span class="themeatelier-title"><?php echo esc_html__('FEATURES', 'darkify'); ?></span>
524	<span class="themeatelier-free"><?php echo esc_html__('Lite', 'darkify'); ?></span>
525	<span class="themeatelier-pro">🚀<?php echo esc_html__('PRO', 'darkify'); ?></span>
526	</li>
527	<li class="themeatelier-body">
528	<span class="themeatelier-title"><?php echo esc_html__('All Free Version Features', 'darkify'); ?></span>
529	<span class="themeatelier-free themeatelier-check-icon"></span>
530	<span class="themeatelier-pro themeatelier-check-icon"></span>
531	</li>
532	<li class="themeatelier-body">
533	<span class="themeatelier-title">
534	<?php echo esc_html__('Instant Dark Mode', 'darkify'); ?>
535	</span>
536	<span class="themeatelier-free themeatelier-check-icon"></span>
537	<span class="themeatelier-free themeatelier-check-icon"></span>
538	</li>
539
540	<li class="themeatelier-body">
541	<span class="themeatelier-title">
542	<?php echo esc_html__('Admin Dashboard Dark Mode', 'darkify'); ?>
543	</span>
544	<span class="themeatelier-free themeatelier-check-icon"></span>
545	<span class="themeatelier-free themeatelier-check-icon"></span>
546	</li>
547
548	<li class="themeatelier-body">
549	<span class="themeatelier-title">
550	<?php echo esc_html__('Default Dark Theme', 'darkify'); ?>
551	</span>
552	<span class="themeatelier-free themeatelier-check-icon"></span>
553	<span class="themeatelier-free themeatelier-check-icon"></span>
554	</li>
555
556	<li class="themeatelier-body">
557	<span class="themeatelier-title">
558	<?php echo esc_html__('Auto Dark Mode (OS-Based)', 'darkify'); ?>
559	</span>
560	<span class="themeatelier-free themeatelier-check-icon"></span>
561	<span class="themeatelier-free themeatelier-check-icon"></span>
562	</li>
563
564	<li class="themeatelier-body">
565	<span class="themeatelier-title">
566	<?php echo esc_html__('Scheduled Dark Mode ⏰', 'darkify'); ?>
567	</span>
568	<span class="themeatelier-free themeatelier-check-icon"></span>
569	<span class="themeatelier-free themeatelier-check-icon"></span>
570	</li>
571
572	<li class="themeatelier-body">
573	<span class="themeatelier-title">
574	<?php echo esc_html__('Keyboard Shortcut Toggle', 'darkify'); ?>
575	</span>
576	<span class="themeatelier-free themeatelier-check-icon"></span>
577	<span class="themeatelier-free themeatelier-check-icon"></span>
578	</li>
579
580
581	<li class="themeatelier-body">
582	<span class="themeatelier-title">
583	<?php echo esc_html__('Floating Dark Mode Switch', 'darkify'); ?>
584	</span>
585	<span class="themeatelier-free"><b>🎨 4+ Designs</b></span>
586	<span class="themeatelier-pro"><b>🎨 12+ Designs</b></span>
587	</li>
588
589	<li class="themeatelier-body">
590	<span class="themeatelier-title">
591	<?php echo esc_html__('Draggable Swatch Position', 'darkify'); ?> <i class="themeatelier-new">New</i>
592	</span>
593	<span class="themeatelier-free themeatelier-close-icon"></span>
594	<span class="themeatelier-pro themeatelier-check-icon"></span>
595	</li>
596
597	<li class="themeatelier-body">
598	<span class="themeatelier-title">
599	<?php echo esc_html__('Customizable Toggle Switch', 'darkify'); ?>
600	</span>
601	<span class="themeatelier-free themeatelier-check-icon"></span>
602	<span class="themeatelier-pro themeatelier-check-icon"></span>
603	</li>
604
605	<li class="themeatelier-body">
606	<span class="themeatelier-title">
607	<?php echo esc_html__('Navigation Menu Toggle', 'darkify'); ?>
608	</span>
609	<span class="themeatelier-free themeatelier-check-icon"></span>
610	<span class="themeatelier-pro themeatelier-check-icon"></span>
611	</li>
612
613	<li class="themeatelier-body">
614	<span class="themeatelier-title">
615	<?php echo esc_html__('Shortcode for Dark Mode', 'darkify'); ?>
616	</span>
617	<span class="themeatelier-free themeatelier-check-icon"></span>
618	<span class="themeatelier-pro themeatelier-check-icon"></span>
619	</li>
620
621
622	<li class="themeatelier-body">
623	<span class="themeatelier-title">
624	<?php echo esc_html__('Predefined & Custom Colors', 'darkify'); ?>
625	</span>
626	<span class="themeatelier-free themeatelier-check-icon"></span>
627	<span class="themeatelier-pro themeatelier-check-icon"></span>
628	</li>
629
630	<li class="themeatelier-body">
631	<span class="themeatelier-title">
632	<?php echo esc_html__('Color Presets', 'darkify'); ?>
633	</span>
634
635	<span class="themeatelier-free"><b>🎨 5 Presets</b></span>
636	<span class="themeatelier-pro"><b>🎨 11 Presets</b></span>
637	</li>
638
639	<li class="themeatelier-body">
640	<span class="themeatelier-title">
641	<?php echo esc_html__('Image Brightness & Contrast', 'darkify'); ?>
642	</span>
643	<span class="themeatelier-free themeatelier-check-icon"></span>
644	<span class="themeatelier-pro themeatelier-check-icon"></span>
645	</li>
646
647	<li class="themeatelier-body">
648	<span class="themeatelier-title">
649	<?php echo esc_html__('Video Enhancement', 'darkify'); ?>
650	</span>
651	<span class="themeatelier-free themeatelier-check-icon"></span>
652	<span class="themeatelier-pro themeatelier-check-icon"></span>
653	</li>
654
655	<li class="themeatelier-body">
656	<span class="themeatelier-title">
657	<?php echo esc_html__('Page Builder Integration', 'darkify'); ?>
658	</span>
659	<span class="themeatelier-free themeatelier-check-icon"></span>
660	<span class="themeatelier-pro themeatelier-check-icon"></span>
661	</li>
662
663	<li class="themeatelier-body">
664	<span class="themeatelier-title">
665	<?php echo esc_html__('Auto-Invert Images', 'darkify'); ?> <i class="themeatelier-new">New</i>
666	</span>
667	<span class="themeatelier-free themeatelier-close-icon"></span>
668	<span class="themeatelier-pro themeatelier-check-icon"></span>
669	</li>
670
671	<li class="themeatelier-body">
672	<span class="themeatelier-title">
673	<?php echo esc_html__('Replace Images in Dark Mode ', 'darkify'); ?> <i class="themeatelier-hot">Hot</i>
674	</span>
675	<span class="themeatelier-free themeatelier-close-icon"></span>
676	<span class="themeatelier-pro themeatelier-check-icon"></span>
677	</li>
678
679	<li class="themeatelier-body">
680	<span class="themeatelier-title">
681	<?php echo esc_html__('Replace Videos in Dark Mode ', 'darkify'); ?> <i class="themeatelier-hot">Hot</i>
682	</span>
683	<span class="themeatelier-free themeatelier-close-icon"></span>
684	<span class="themeatelier-pro themeatelier-check-icon"></span>
685	</li>
686
687	<li class="themeatelier-body">
688	<span class="themeatelier-title">
689	<?php echo esc_html__('Element-Specific Dark Mode ', 'darkify'); ?> <i class="themeatelier-new">New</i>
690	</span>
691	<span class="themeatelier-free themeatelier-close-icon"></span>
692	<span class="themeatelier-pro themeatelier-check-icon"></span>
693	</li>
694
695	<li class="themeatelier-body">
696	<span class="themeatelier-title">
697	<?php echo esc_html__('Post-Specific Dark Mode ', 'darkify'); ?> <i class="themeatelier-new">New</i>
698	</span>
699	<span class="themeatelier-free themeatelier-close-icon"></span>
700	<span class="themeatelier-pro themeatelier-check-icon"></span>
701	</li>
702
703	<li class="themeatelier-body">
704	<span class="themeatelier-title">
705	<?php echo esc_html__('Custom CSS for Dark Mode ', 'darkify'); ?> <i class="themeatelier-hot">Hot</i>
706	</span>
707	<span class="themeatelier-free themeatelier-close-icon"></span>
708	<span class="themeatelier-pro themeatelier-check-icon"></span>
709	</li>
710
711	</ul>
712	</div>
713
714	<div class="themeatelier-upgrade-to-pro">
715	<h2 class="themeatelier-section-title"><?php echo esc_html__('Upgrade To PRO & Enjoy Advanced Features!', 'darkify'); ?></h2>
716	<span class="themeatelier-section-subtitle">
717	<?php echo sprintf(esc_html__('Already, %s people are using Darkify on their websites to create beautiful showcases, why won’t you!', 'darkify'), '<b>1000+</b>'); ?>
718	</span>
719	<div class="themeatelier-upgrade-to-pro-btn">
720	<div class="themeatelier-action-btn">
721	<a target="_blank" href="https://darkifywp.com/pricing" class="chat_btn_primary">
722	<?php echo esc_html__('Upgrade to Pro Now!', 'darkify'); ?>
723	</a>
724	<span class="themeatelier-small-paragraph">
725	<?php echo sprintf(esc_html__('14-Day No-Questions-Asked %s', 'darkify'), '<a target="_blank" href="https://themeatelier.net/refund-policy/">' . esc_html__('Refund Policy', 'darkify') . '</a>'); ?>
726	</span>
727	</div>
728	<a target="_blank" class="chat_btn_secondary" href="https://darkifywp.com/#features"><?php echo esc_html__('See All Features', 'darkify'); ?></a>
729	<a target="_blank" class="chat_btn_secondary" href="https://darkifywp.com/"><?php echo esc_html__('Pro Live Demo', 'darkify'); ?></a>
730	</div>
731	</div>
732	</div>
733	</section>
734
735	<!-- About Page -->
736	<section id="pro-plugins-tab" class="themeatelier__help about-page tab-content">
737	<div class="themeatelier-container">
738	<div class="themeatelier-our-plugin-list">
739	<h2 class="help_page_title">Upgrade your Website with our High-quality Plugins!</h2>
740	<div class="themeatelier-our-plugin-list-wrap">
741	<a target="_blank" class="themeatelier-our-plugin-list-box" href="https://darkifywp.com/">
742	<div class="box_btn">
743	View Details
744	<i class="icofont-long-arrow-right"></i>
745	</div>
746	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'src/assets/img/darkify-icon.svg') ?>" alt="Darkify dark mode plugin">
747	<h4>Darkify - WordPress Dark Mode Plugin</h4>
748	<p>Darkify – is an extremely advanced dark mode plugin for any WordPress website. The plugin has the option to enable a dark mode switcher for the front end and also WordPress admin.</p>
749	</a>
750	<a target="_blank" class="themeatelier-our-plugin-list-box" href="https://themeatelier.net/downloads/whatsapp-chat-help">
751	<div class="box_btn">
752	View Details
753	<i class="icofont-long-arrow-right"></i>
754	</div>
755	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'src/Admin/HelpPage/assets/images/thumbnail-1.jpg') ?>" alt="logo">
756	<h4>WhatsApp Chat Help - Chat Support Plugin For WordPress</h4>
757	<p>Whatsapp chat support is a WordPress plugin that allows website owners to easily add a WhatsApp chat button to their website.</p>
758	</a>
759
760	<a target="_blank" class="themeatelier-our-plugin-list-box" href="https://themeatelier.net/downloads/eventful/">
761	<div class="box_btn">
762	View Details
763	<i class="icofont-long-arrow-right"></i>
764	</div>
765	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'src/Admin/HelpPage/assets/images/eventful.png') ?>" alt="logo">
766	<h4>Eventful - Events Showcase for The "The Events Calendar"</h4>
767	<p>With "Eventful," you can effortlessly create intelligent layouts for "The Events Calendar" plugin, effectively addressing and resolving compatibility issues that may arise.</p>
768	</a>
769	<a target="_blank" class="themeatelier-our-plugin-list-box" href="https://themeatelier.net/downloads/greet/">
770	<div class="box_btn">
771	View Details
772	<i class="icofont-long-arrow-right"></i>
773	</div>
774	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'src/Admin/HelpPage/assets/images/greet-logo.png') ?>" alt="logo">
775	<h4>Greet - Video Bubble Plugin for WordPress</h4>
776	<p>Placing a video on websites can increase the sales of your services or products in a significant way. Greet is a professional video bubble plugin for showing a welcome video on your websites in a great and fun way.</p>
777	</a>
778	<a target="_blank" class="themeatelier-our-plugin-list-box" href="https://themeatelier.net/downloads/eventful-for-elementor/">
779	<div class="box_btn">
780	View Details
781	<i class="icofont-long-arrow-right"></i>
782	</div>
783	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'src/Admin/HelpPage/assets/images/eventful-for-elementor.png') ?>" alt="logo">
784	<h4>Eventful for Elementor - Events Showcase for The "The Events Calendar"</h4>
785	<p>Easily display events from The Events Calendar plugin with Elementor widgets, offering seamless customization and powerful layout options.</p>
786	</a>
787
788	<a target="_blank" class="themeatelier-our-plugin-list-box" href="https://themeatelier.net/downloads/domain-for-sale/">
789	<div class="box_btn">
790	View Details
791	<i class="icofont-long-arrow-right"></i>
792	</div>
793	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'src/Admin/HelpPage/assets/images/thumbnail-2.png') ?>" alt="logo">
794	<h4>WordPress Domain For Sale Plugin</h4>
795	<p>The ultimate WordPress plugin for domain sales, appraisals, auctions, and marketplace management.</p>
796	</a>
797
798	</div>
799	</div>
800	</div>
801	</section>
802
803	<!-- Footer Section -->
804	<section class="themeatelier_footer">
805	<div class="themeatelier_footer_top">
806	<p>
807	<span>Made With <i class="icofont-heart-alt"></i></span>
808	By the Team <a target="_blank" href="https://themeatelier.net/">ThemeAtelier</a>
809	</p>
810	<p>Get connected with</p>
811	<ul>
812	<li>
813	<a target="_blank" href="https://www.facebook.com/ThemeAtelier/"><i class="icofont-facebook"></i></a>
814	</li>
815	<li>
816	<a target="_blank" href="https://x.com/intent/follow?screen_name=themeatelier"><i class="icofont-twitter"></i></a>
817	</li>
818	<li>
819	<a target="_blank" href="https://profiles.wordpress.org/themeatelier/#content-plugins"><i class="icofont-brand-wordpress"></i></a>
820	</li>
821	<li>
822	<a target="_blank" href="https://www.youtube.com/@themeatelier"><i class="icofont-youtube-play"></i></a>
823	</li>
824	</ul>
825	</div>
826	</section>
827	</div>
828	<?php
829	}
830	}
831