darkify / src / Admin / HelpPage / Help.php

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

1,021 lines 56.2 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	'domain-for-sale' => 'domain-for-sale.php',
30	'ask-faq' => 'ask-faq.php',
31	'attentive-security' => 'attentive-security.php',
32	'better-chat-support' => 'messenger-chat-support.php',
33	'bizreview' => 'bizreview.php',
34	'booklet-booking-system' => 'booklet.php',
35	'skype-chat' => 'skype-chat.php',
36	'chat-help' => 'chat-whatsapp.php',
37	'chat-telegram' => 'telegram-chat.php',
38	'chat-viber' => 'chat-viber-lite.php',
39	'click-to-dial' => 'click-to-dial.php',
40	'click-to-mail' => 'click-to-mail.php',
41	'eventful' => 'eventful.php',
42	'eventful-for-elementor' => 'eventful-for-elementor.php',
43	'postify' => 'postify.php',
44	'idonate' => 'idonate.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	'idonate',
65	'bizreview',
66	'chat-viber',
67	'chat-telegram',
68	'click-to-dial',
69	'chat-skype',
70	'click-to-mail',
71	'ask-faq',
72	'attentive-security',
73	'booklet-booking-system',
74	'postify',
75	);
76
77	/**
78	* Help page construct function.
79	*/
80	public function __construct()
81	{
82
83	$page = isset($_GET['page']) ? sanitize_text_field(wp_unslash($_GET['page'])) : '';
84	if ('darkify' !== $page) {
85	return;
86	}
87	}
88
89	/**
90	* Main Help page Instance
91	*
92	* @static
93	* @return self Main instance
94	*/
95	public static function instance()
96	{
97	if (is_null(self::$_instance)) {
98	self::$_instance = new self();
99	}
100
101	return self::$_instance;
102	}
103
104
105
106	/**
107	* Sprtf_plugins_info_api_help_page function.
108	*
109	* @return void
110	*/
111	public function themeatelier_plugins_info_api_help_page()
112	{
113	$plugins_arr = get_transient('themeatelier_plugins');
114	if (false === $plugins_arr) {
115	$args = (object) array(
116	'author' => 'themeatelier',
117	'per_page' => '120',
118	'page' => '1',
119	'fields' => array(
120	'slug',
121	'name',
122	'version',
123	'downloaded',
124	'active_installs',
125	'last_updated',
126	'rating',
127	'num_ratings',
128	'short_description',
129	'author',
130	),
131	);
132	$request = array(
133	'action' => 'query_plugins',
134	'timeout' => 30,
135	'request' => serialize($args),
136	);
137	// https://codex.wordpress.org/WordPress.org_API.
138	$url = 'http://api.wordpress.org/plugins/info/1.0/';
139	$response = wp_remote_post($url, array('body' => $request));
140
141	if (! is_wp_error($response)) {
142
143	$plugins_arr = array();
144	$plugins = unserialize($response['body']);
145
146	if (isset($plugins->plugins) && (count($plugins->plugins) > 0)) {
147	foreach ($plugins->plugins as $pl) {
148	if (! in_array($pl->slug, self::$not_show_plugin_list, true)) {
149	$plugins_arr[] = array(
150	'slug' => $pl->slug,
151	'name' => $pl->name,
152	'version' => $pl->version,
153	'downloaded' => $pl->downloaded,
154	'active_installs' => $pl->active_installs,
155	'last_updated' => strtotime($pl->last_updated),
156	'rating' => $pl->rating,
157	'num_ratings' => $pl->num_ratings,
158	'short_description' => $pl->short_description,
159	);
160	}
161	}
162	}
163
164	set_transient('themeatelier_plugins', $plugins_arr, 24 * HOUR_IN_SECONDS);
165	}
166	}
167
168	if (is_array($plugins_arr) && (count($plugins_arr) > 0)) {
169	array_multisort(array_column($plugins_arr, 'active_installs'), SORT_DESC, $plugins_arr);
170
171
172	foreach ($plugins_arr as $plugin) {
173	$plugin_slug = $plugin['slug'];
174	$image_type = 'png';
175	if (isset(self::$plugins[$plugin_slug])) {
176	$plugin_file = self::$plugins[$plugin_slug];
177	} else {
178	$plugin_file = $plugin_slug . '.php';
179	}
180
181	switch ($plugin_slug) {
182	case 'postify':
183	$image_type = 'jpg';
184	break;
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="<?php echo esc_url(DARKIFY_DEMO_URL . 'pricing/?ref=1'); ?>">
406	<?php echo esc_html__('🚀 Upgrading To Pro!', 'darkify'); ?>
407	</a>
408	</div>
409	</div>
410	</div>
411	</div>
412	</section>
413	<!--header section end -->
414
415	<!-- Start Page -->
416	<section class="start_page tab-content active" id="get-start-tab">
417	<div class="themeatelier-container">
418	<div class="start_page_wrapper">
419	<div class="start_page_nav">
420	<div class="nav_left">
421	<h2 class="section_title"><?php echo esc_html('Welcome to Darkify!', 'darkify') ?><span class="version__badge"><?php echo esc_html(DARKIFY_VERSION) ?></span></h2>
422	<span class="section_subtitle">
423	<?php echo esc_html__('Thank you for installing Darkify! This playlist will help you get started. Enjoy!', 'darkify') ?>
424	</span>
425	</div>
426	<div class="nev_right">
427	<i class="icofont-youtube-play"></i>
428	<a target="_blank" href="https://www.youtube.com/@themeatelier">Themeatelier</a>
429	</div>
430	</div>
431	<div class="section_video">
432	<div class="video">
433	<iframe width="724" height="405" src="https://www.youtube.com/embed/camMkoEa_4Q"
434	title="Darkify - Overview" frameborder="0"
435	allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
436	referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
437	</div>
438	<div class="section_video_play_list">
439
440	<div class="play_list_item active" data-video_id="camMkoEa_4Q">
441	<div class="play_list_item_title">
442	<h3>Overview</h3>
443	</div>
444	<div class="play_list_item_content">
445	<div class="title">How to Use Darkify Dark Mode Free Plugin</div>
446	<span>4:19</span>
447	</div>
448	</div>
449
450	<div class="play_list_item" data-video_id="14eXSmcipQI">
451	<div class="play_list_item_title">
452	<h3>Controls</h3>
453	</div>
454	<div class="play_list_item_content">
455	<div class="title">Darkify Control Settings Explained</div>
456	<span>4:12</span>
457	</div>
458	</div>
459
460	<div class="play_list_item" data-video_id="1TbW7aBwA2I">
461	<div class="play_list_item_title">
462	<h3>Switches</h3>
463	</div>
464	<div class="play_list_item_content">
465	<div class="title">Darkify Swatches Settings Explained</div>
466	<span>3:44</span>
467	</div>
468	</div>
469
470	<div class="play_list_item" data-video_id="jchzlK-ifG8">
471	<div class="play_list_item_title">
472	<h3>Colors</h3>
473	</div>
474	<div class="play_list_item_content">
475	<div class="title">Darkify Color Presets Explained</div>
476	<span>2:37</span>
477	</div>
478	</div>
479
480	<div class="play_list_item" data-video_id="JjlQ-sby4gc">
481	<div class="play_list_item_title">
482	<h3>Media</h3>
483	</div>
484	<div class="play_list_item_content">
485	<div class="title">Darkify Media Settings Explained</div>
486	<span>5:23</span>
487	</div>
488	</div>
489
490	<div class="play_list_item" data-video_id="q1liB1qxFno">
491	<div class="play_list_item_title">
492	<h3>Advanced</h3>
493	</div>
494	<div class="play_list_item_content">
495	<div class="title">Darkify Advanced Settings Explained</div>
496	<span>2:42</span>
497	</div>
498	</div>
499	</div>
500	</div>
501
502	<ul class="section_buttons">
503	<li>
504	<a class="chat_btn_primary"
505	href="<?php echo esc_url(home_url('') . '/wp-admin/admin.php?page=darkify'); ?>"><?php echo esc_html__('Plugin Settings', 'darkify') ?></a>
506	</li>
507	<li>
508	<a target="_blank" class="chat_btn_secondary"
509	href="<?php echo esc_url(DARKIFY_DEMO_URL); ?>"><?php echo esc_html__('Live Demo', 'darkify') ?></a>
510	</li>
511	<li>
512	<a target="_blank" class="chat_btn_secondary arrow-btn"
513	href="<?php echo esc_url(DARKIFY_DEMO_URL); ?>pricing/?ref=1"><?php echo esc_html__('Upgrade To Pro', 'darkify') ?>
514	</a>
515	</li>
516	</ul>
517	</div>
518	<div class="section_quick_help">
519	<div class="quick_help_wrapper">
520	<a target="_blank" href="<?php echo esc_url(DARKIFY_DOCS_URL); ?>" class="quick_help_item">
521	<div class="quick_help_item_icon"><i class="icofont-file-document"></i></div>
522	<div class="quick_help_item_content">
523	<h4 class="quick_help_item_title">
524	<?php echo esc_html__('Documentation', 'darkify') ?>
525	</h4>
526	<div class="content"><?php echo esc_html__('Explore Darkify’s features in our detailed documentation.', 'darkify') ?></div>
527	</div>
528	</a>
529	<a target="_blank" href="https://wordpress.org/support/plugin/darkify/" class="quick_help_item">
530	<div class="quick_help_item_icon"><i class="icofont-live-support"></i></div>
531	<div class="quick_help_item_content">
532	<h4 class="quick_help_item_title">
533	<?php echo esc_html__('Technical Support', 'darkify') ?>
534	</h4>
535	<div class="content"><?php echo esc_html__('For personalized assistance, contact our support team for quick help.', 'darkify') ?></div>
536	</div>
537	</a>
538	<a target="_blank" href="https://www.themeatelier.net/contact/" class="quick_help_item">
539	<div class="quick_help_item_icon"><i class="icofont-users-alt-5"></i></div>
540	<div class="quick_help_item_content">
541	<h4 class="quick_help_item_title">
542	<?php echo esc_html__('Hire Us!', 'darkify') ?>
543	</h4>
544	<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>
545	</div>
546	</a>
547	</div>
548	</div>
549	</div>
550	</section>
551
552	<!-- Recommended Page -->
553	<section id="recommended-tab" class="recommended_page tab-content">
554	<div class="themeatelier-container">
555	<h2 class="help_page_title">Enhance Your Website with Our Free & Powerful Plugins</h2>
556	<div class="themeatelier-wp-list-table plugin-install-php">
557	<div class="recommended_plugins" id="the-list">
558	<?php
559	$this->themeatelier_plugins_info_api_help_page();
560	?>
561	</div>
562	</div>
563	</div>
564	</section>
565
566	<!-- Lite To Pro Page -->
567	<section class="themeatelier__help lite_vs_pro_page tab-content" id="lite-to-pro-tab">
568	<div class="themeatelier-container">
569	<h2 class="help_page_title">Lite vs. Pro Comparison</h2>
570
571	<div class="themeatelier-features">
572	<ul>
573	<li class="themeatelier-header">
574	<span class="themeatelier-title"><?php echo esc_html__('FEATURES', 'darkify'); ?></span>
575	<span class="themeatelier-free"><?php echo esc_html__('Lite', 'darkify'); ?></span>
576	<span class="themeatelier-pro">🚀<?php echo esc_html__('PRO', 'darkify'); ?></span>
577	</li>
578	<li class="themeatelier-body">
579	<span class="themeatelier-title"><?php echo esc_html__('All Free Version Features', 'darkify'); ?></span>
580	<span class="themeatelier-free themeatelier-check-icon"></span>
581	<span class="themeatelier-pro themeatelier-check-icon"></span>
582	</li>
583	<li class="themeatelier-body">
584	<span class="themeatelier-title">
585	<?php echo esc_html__('Instant Dark Mode', 'darkify'); ?>
586	</span>
587	<span class="themeatelier-free themeatelier-check-icon"></span>
588	<span class="themeatelier-free themeatelier-check-icon"></span>
589	</li>
590
591	<li class="themeatelier-body">
592	<span class="themeatelier-title">
593	<?php echo esc_html__('Admin Dashboard Dark Mode', 'darkify'); ?>
594	</span>
595	<span class="themeatelier-free themeatelier-check-icon"></span>
596	<span class="themeatelier-free themeatelier-check-icon"></span>
597	</li>
598
599	<li class="themeatelier-body">
600	<span class="themeatelier-title">
601	<?php echo esc_html__('Default Dark Theme', 'darkify'); ?>
602	</span>
603	<span class="themeatelier-free themeatelier-check-icon"></span>
604	<span class="themeatelier-free themeatelier-check-icon"></span>
605	</li>
606
607	<li class="themeatelier-body">
608	<span class="themeatelier-title">
609	<?php echo esc_html__('Auto Dark Mode (OS-Based)', 'darkify'); ?>
610	</span>
611	<span class="themeatelier-free themeatelier-check-icon"></span>
612	<span class="themeatelier-free themeatelier-check-icon"></span>
613	</li>
614
615	<li class="themeatelier-body">
616	<span class="themeatelier-title">
617	<?php echo esc_html__('Scheduled Dark Mode ⏰', 'darkify'); ?>
618	</span>
619	<span class="themeatelier-free themeatelier-check-icon"></span>
620	<span class="themeatelier-free themeatelier-check-icon"></span>
621	</li>
622
623	<li class="themeatelier-body">
624	<span class="themeatelier-title">
625	<?php echo esc_html__('Keyboard Shortcut Toggle', 'darkify'); ?>
626	</span>
627	<span class="themeatelier-free themeatelier-check-icon"></span>
628	<span class="themeatelier-free themeatelier-check-icon"></span>
629	</li>
630
631
632	<li class="themeatelier-body">
633	<span class="themeatelier-title">
634	<?php echo esc_html__('Floating Dark Mode Switch', 'darkify'); ?>
635	</span>
636	<span class="themeatelier-free"><b>🎨 5+ Designs</b></span>
637	<span class="themeatelier-pro"><b>🎨 16+ Designs</b></span>
638	</li>
639
640	<li class="themeatelier-body">
641	<span class="themeatelier-title">
642	<?php echo esc_html__('Draggable Swatch Position', 'darkify'); ?> <i class="themeatelier-new">New</i>
643	</span>
644	<span class="themeatelier-free themeatelier-close-icon"></span>
645	<span class="themeatelier-pro themeatelier-check-icon"></span>
646	</li>
647
648	<li class="themeatelier-body">
649	<span class="themeatelier-title">
650	<?php echo esc_html__('Customizable Toggle Switch', 'darkify'); ?>
651	</span>
652	<span class="themeatelier-free themeatelier-check-icon"></span>
653	<span class="themeatelier-pro themeatelier-check-icon"></span>
654	</li>
655
656	<li class="themeatelier-body">
657	<span class="themeatelier-title">
658	<?php echo esc_html__('Navigation Menu Toggle', 'darkify'); ?>
659	</span>
660	<span class="themeatelier-free themeatelier-check-icon"></span>
661	<span class="themeatelier-pro themeatelier-check-icon"></span>
662	</li>
663
664	<li class="themeatelier-body">
665	<span class="themeatelier-title">
666	<?php echo esc_html__('Unlimited Navigation Menu Toggle', 'darkify'); ?>
667	</span>
668	<span class="themeatelier-free themeatelier-close-icon"></span>
669	<span class="themeatelier-pro themeatelier-check-icon"></span>
670	</li>
671
672	<li class="themeatelier-body">
673	<span class="themeatelier-title">
674	<?php echo esc_html__('Shortcode for Dark Mode', 'darkify'); ?>
675	</span>
676	<span class="themeatelier-free themeatelier-check-icon"></span>
677	<span class="themeatelier-pro themeatelier-check-icon"></span>
678	</li>
679
680	<li class="themeatelier-body">
681	<span class="themeatelier-title">
682	<?php echo esc_html__('Dark Mode Switcher for Gutenberg', 'darkify'); ?>
683	</span>
684	<span class="themeatelier-free themeatelier-check-icon"></span>
685	<span class="themeatelier-pro themeatelier-check-icon"></span>
686	</li>
687	<li class="themeatelier-body">
688	<span class="themeatelier-title">
689	<?php echo esc_html__('Color Presets for gutenberg', 'darkify'); ?>
690	</span>
691
692	<span class="themeatelier-free"><b>🎨 5 Presets</b></span>
693	<span class="themeatelier-pro"><b>🎨 11 Presets</b></span>
694	</li>
695	<li class="themeatelier-body">
696	<span class="themeatelier-title">
697	<?php echo esc_html__('Dark Mode Switcher for Elementor', 'darkify'); ?>
698	</span>
699	<span class="themeatelier-free themeatelier-check-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__('Dark Mode Switcher for WP Widget', 'darkify'); ?>
706	</span>
707	<span class="themeatelier-free themeatelier-check-icon"></span>
708	<span class="themeatelier-pro themeatelier-check-icon"></span>
709	</li>
710
711
712	<li class="themeatelier-body">
713	<span class="themeatelier-title">
714	<?php echo esc_html__('Predefined & Custom Colors', 'darkify'); ?>
715	</span>
716	<span class="themeatelier-free themeatelier-check-icon"></span>
717	<span class="themeatelier-pro themeatelier-check-icon"></span>
718	</li>
719
720	<li class="themeatelier-body">
721	<span class="themeatelier-title">
722	<?php echo esc_html__('Color Presets', 'darkify'); ?>
723	</span>
724
725	<span class="themeatelier-free"><b>🎨 5 Presets</b></span>
726	<span class="themeatelier-pro"><b>🎨 11 Presets</b></span>
727	</li>
728
729	<li class="themeatelier-body">
730	<span class="themeatelier-title">
731	<?php echo esc_html__('Image Brightness & Contrast', 'darkify'); ?>
732	</span>
733	<span class="themeatelier-free themeatelier-check-icon"></span>
734	<span class="themeatelier-pro themeatelier-check-icon"></span>
735	</li>
736
737	<li class="themeatelier-body">
738	<span class="themeatelier-title">
739	<?php echo esc_html__('Video Enhancement', 'darkify'); ?>
740	</span>
741	<span class="themeatelier-free themeatelier-check-icon"></span>
742	<span class="themeatelier-pro themeatelier-check-icon"></span>
743	</li>
744
745	<li class="themeatelier-body">
746	<span class="themeatelier-title">
747	<?php echo esc_html__('Page Builder Integration', 'darkify'); ?>
748	</span>
749	<span class="themeatelier-free themeatelier-check-icon"></span>
750	<span class="themeatelier-pro themeatelier-check-icon"></span>
751	</li>
752
753	<li class="themeatelier-body">
754	<span class="themeatelier-title">
755	<?php echo esc_html__('Auto-Invert Images', 'darkify'); ?> <i class="themeatelier-new">New</i>
756	</span>
757	<span class="themeatelier-free themeatelier-close-icon"></span>
758	<span class="themeatelier-pro themeatelier-check-icon"></span>
759	</li>
760
761	<li class="themeatelier-body">
762	<span class="themeatelier-title">
763	<?php echo esc_html__('Replace Images in Dark Mode', 'darkify'); ?> <i class="themeatelier-hot">Hot</i>
764	</span>
765	<span class="themeatelier-free themeatelier-close-icon"></span>
766	<span class="themeatelier-pro themeatelier-check-icon"></span>
767	</li>
768
769	<li class="themeatelier-body">
770	<span class="themeatelier-title">
771	<?php echo esc_html__('Replace Videos in Dark Mode', 'darkify'); ?> <i class="themeatelier-hot">Hot</i>
772	</span>
773	<span class="themeatelier-free themeatelier-close-icon"></span>
774	<span class="themeatelier-pro themeatelier-check-icon"></span>
775	</li>
776
777	<li class="themeatelier-body">
778	<span class="themeatelier-title">
779	<?php echo esc_html__('Element-Specific Dark Mode', 'darkify'); ?> <i class="themeatelier-new">New</i>
780	</span>
781	<span class="themeatelier-free themeatelier-close-icon"></span>
782	<span class="themeatelier-pro themeatelier-check-icon"></span>
783	</li>
784
785	<li class="themeatelier-body">
786	<span class="themeatelier-title">
787	<?php echo esc_html__('Post-Specific Dark Mode ', 'darkify'); ?> <i class="themeatelier-new">New</i>
788	</span>
789	<span class="themeatelier-free themeatelier-close-icon"></span>
790	<span class="themeatelier-pro themeatelier-check-icon"></span>
791	</li>
792
793	<li class="themeatelier-body">
794	<span class="themeatelier-title">
795	<?php echo esc_html__('Custom CSS for Dark Mode ', 'darkify'); ?> <i class="themeatelier-hot">Hot</i>
796	</span>
797	<span class="themeatelier-free themeatelier-close-icon"></span>
798	<span class="themeatelier-pro themeatelier-check-icon"></span>
799	</li>
800
801	</ul>
802	</div>
803
804	<div class="themeatelier-upgrade-to-pro">
805	<h2 class="themeatelier-section-title"><?php echo esc_html__('Upgrade To PRO & Enjoy Advanced Features!', 'darkify'); ?></h2>
806	<span class="themeatelier-section-subtitle">
807	<?php
808	/* translators: %s: Number of people using Darkify. */
809	echo sprintf(esc_html__('Already, %s websites are using Darkify to add dark mode — why not yours?', 'darkify'), '<b>7000+</b>'); ?>
810	</span>
811	<div class="themeatelier-upgrade-to-pro-btn">
812	<div class="themeatelier-action-btn">
813	<a target="_blank" href="<?php echo esc_url(DARKIFY_DEMO_URL . 'pricing/?ref=1'); ?>" class="chat_btn_primary">
814	<?php echo esc_html__('Upgrade to Pro Now!', 'darkify'); ?>
815	</a>
816	<span class="themeatelier-small-paragraph">
817	<?php
818	/* translators: %s: "Refund Policy" link. */
819	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>'); ?>
820	</span>
821	</div>
822	<a target="_blank" class="chat_btn_secondary" href="<?php echo esc_url(DARKIFY_DEMO_URL . 'features'); ?>">
823	<?php echo esc_html__('See All Features', 'darkify'); ?>
824	</a>
825
826	<a target="_blank" class="chat_btn_secondary" href="<?php echo esc_url(DARKIFY_DEMO_URL); ?>"><?php echo esc_html__('Pro Live Demo', 'darkify'); ?></a>
827	</div>
828	</div>
829
830
831	<div class="darkify_testimonial">
832	<div class="darkify_testimonial_title_section">
833	<span class="darkify_testimonial-subtitle"><?php echo esc_html('NO NEED TO TAKE OUR WORD FOR IT', 'darkify') ?></span>
834	<h2 class="themeatelier-section-title"><?php echo esc_html('Our Users Love DARKIFY PRO!', 'darkify') ?></h2>
835	</div>
836	<div class="darkify_testimonial_wrap">
837
838	<div class="darkify_testimonial_area">
839	<div class="darkify_testimonial_content">
840	<p><?php echo esc_html('Fantastic plugin which creates a very pleasing balance of shades in dark mode, which is very important for me as some of my students are dyslexic and visual clarity is essential!
841
842	Easy to install and setup., but I had two things I couldn’t figure…a check box, and targeting content in an iframe (h5p). I created a short video for support and they solved it within 90 minutes. I found a second problem, which they solved in less than an hour! When I say ‘solved it’ I mean I gave them access and they went in and did the work!
843
844	Incredible! If you need Dark Mode, look no further!', 'darkify') ?></p>
845	</div>
846	<div class="darkify_testimonial-info">
847	<div class="themeatelier-img">
848	<img src="https://secure.gravatar.com/avatar/6fa225e484bcd7c60daaaf316423499fac92629a84fe20cd514d1eb03866622d?s=200&d=retro&r=g" alt="<?php echo esc_html('Alex Cz', 'darkify') ?>">
849	</div>
850	<div class="themeatelier-info">
851	<h3><?php echo esc_html('Alex Cz', 'darkify') ?></h3>
852	<div class="themeatelier-star">
853	<i>�
854	�
855	�
856	�
857	�
858	</i>
859	</div>
860	</div>
861	</div>
862	</div>
863	<div class="darkify_testimonial_area">
864	<div class="darkify_testimonial_content">
865	<p><?php echo esc_html('I’ve tried several dark mode plugins over the past few years, including WP Dark Mode, Darklup, Dracula Dark Mode, DarkMySite, Darklooks, Dusky Dark Mode, Dark Mode Toggle, Dark Reader and a few lightweight CSS-only solutions. Many of them looked promising at first, but they always seemed to come with some trade-offs either too heavy, too many ads in the admin panel, compatibility issues with Elementor or limited custom control.
866
867	After switching to Darkify Dark Mode it’s the first time I’ve actually stuck with a dark mode plugin and didn’t feel the need to look for alternatives.', 'darkify') ?></p>
868	</div>
869	<div class="darkify_testimonial-info">
870	<div class="themeatelier-img">
871	<img src="https://secure.gravatar.com/avatar/53f195cce9b59b850eabd2081bfa1975ab225ef083b571cc24fc74713a2dcef3?s=200&d=retro&r=g" alt="<?php echo esc_html('Monica Hayes', 'darkify') ?>">
872	</div>
873	<div class="themeatelier-info">
874	<h3><?php echo esc_html('Monica Hayes', 'darkify') ?></h3>
875	<div class="themeatelier-star">
876	<i>�
877	�
878	�
879	�
880	�
881	</i>
882	</div>
883	</div>
884	</div>
885	</div>
886	<div class="darkify_testimonial_area">
887	<div class="darkify_testimonial_content">
888	<p><?php echo esc_html__('Truly never dealt with better support than this. I was sceptical at first to spend money on this plugin, but after having dealt with a couple issues, and support getting to replying to my support tickets in less than 1 hour, I am no longer disappointed for having to spend money on this plugin. (I am not one to spend money on plugins often. Very rare!) So definitely had to leave a 5 star review if not for support alone; the plugin itself is absolutely perfect! Does exactly what I want, and then some! 🙂 Couldn’t be happier with the results. Thank you!', 'darkify'); ?></p>
889	</div>
890	<div class="darkify_testimonial-info">
891	<div class="themeatelier-img">
892	<img src="<?php echo esc_url('https://secure.gravatar.com/avatar/038bf2b4b114ac81e0468eb1d2e87777806a9dd52414739be9ae151e6a24fcc0?s=200&d=retro&r=g'); ?>"
893	alt="<?php echo esc_attr__('Jody Mitoma', 'darkify'); ?>">
894	</div>
895	<div class="themeatelier-info">
896	<h3><?php echo esc_html__('Jody Mitoma', 'darkify'); ?></h3>
897	<div class="themeatelier-star">
898	<i>�
899	�
900	�
901	�
902	�
903	</i>
904	</div>
905	</div>
906	</div>
907	</div>
908
909	</div>
910
911	</div>
912
913	</div>
914	</section>
915
916	<!-- About Page -->
917	<section id="pro-plugins-tab" class="themeatelier__help about-page tab-content">
918	<div class="themeatelier-container">
919	<div class="themeatelier-our-plugin-list">
920	<h2 class="help_page_title"><?php echo esc_html__('Upgrade your Website with our High-quality Plugins!', 'darkify'); ?></h2>
921	<div class="themeatelier-our-plugin-list-wrap">
922
923	<a target="_blank" class="themeatelier-our-plugin-list-box" href="<?php echo esc_url(DARKIFY_DEMO_URL); ?>">
924	<div class="box_btn">
925	<?php echo esc_html__('View Details', 'darkify'); ?>
926	<i class="icofont-long-arrow-right"></i>
927	</div>
928	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'src/assets/img/darkify-icon.svg'); ?>" alt="<?php echo esc_attr__('Darkify dark mode plugin', 'darkify'); ?>">
929	<h4><?php echo esc_html__('Darkify - WordPress Dark Mode Plugin', 'darkify'); ?></h4>
930	<p><?php echo esc_html__('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.', 'darkify'); ?></p>
931	</a>
932
933	<a target="_blank" class="themeatelier-our-plugin-list-box" href="<?php echo esc_url('https://wpchathelp.com/'); ?>">
934	<div class="box_btn">
935	<?php echo esc_html__('View Details', 'darkify'); ?>
936	<i class="icofont-long-arrow-right"></i>
937	</div>
938	<img src="<?php echo esc_url('https://ps.w.org/chat-help/assets/icon-256x256.png?rev=3270129'); ?>" alt="<?php echo esc_attr__('WhatsApp Chat Help', 'darkify'); ?>">
939	<h4><?php echo esc_html__('WhatsApp Chat Help - Chat Support Plugin For WordPress', 'darkify'); ?></h4>
940	<p><?php echo esc_html__('Whatsapp chat support is a WordPress plugin that allows website owners to easily add a WhatsApp chat button to their website.', 'darkify'); ?></p>
941	</a>
942
943	<a target="_blank" class="themeatelier-our-plugin-list-box" href="<?php echo esc_url('https://wpeventful.com/'); ?>">
944	<div class="box_btn">
945	<?php echo esc_html__('View Details', 'darkify'); ?>
946	<i class="icofont-long-arrow-right"></i>
947	</div>
948	<img src="<?php echo esc_url('https://ps.w.org/eventful/assets/icon-256x256.png?rev=3088585'); ?>" alt="<?php echo esc_attr__('Eventful', 'darkify'); ?>">
949	<h4><?php echo esc_html__('Event Carousel, Event Slider, Event Grid, and Event List for The Events Calendar', 'darkify'); ?></h4>
950	<p><?php echo esc_html__('With "Eventful," you can effortlessly create intelligent layouts for "The Events Calendar" plugin, effectively addressing and resolving compatibility issues that may arise.', 'darkify'); ?></p>
951	</a>
952
953	<a target="_blank" class="themeatelier-our-plugin-list-box" href="<?php echo esc_url('https://wpdomainforsale.com/'); ?>">
954	<div class="box_btn">
955	<?php echo esc_html__('View Details', 'darkify'); ?>
956	<i class="icofont-long-arrow-right"></i>
957	</div>
958	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'src/Admin/HelpPage/assets/images/domain-for-sale-icon.png'); ?>" alt="<?php echo esc_attr__('Domain For Sale', 'darkify'); ?>">
959	<h4><?php echo esc_html__('Domain For Sale', 'darkify'); ?></h4>
960	<p><?php echo esc_html__('The ultimate WordPress plugin for domain sales, appraisals, auctions, and marketplace management.', 'darkify'); ?></p>
961	</a>
962
963	<a target="_blank" class="themeatelier-our-plugin-list-box" href="<?php echo esc_url('https://themeatelier.net/downloads/greet/'); ?>">
964	<div class="box_btn">
965	<?php echo esc_html__('View Details', 'darkify'); ?>
966	<i class="icofont-long-arrow-right"></i>
967	</div>
968	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'src/Admin/HelpPage/assets/images/greet-logo.png'); ?>" alt="<?php echo esc_attr__('Greet - Video Bubble Plugin', 'darkify'); ?>">
969	<h4><?php echo esc_html__('Greet - Video Bubble Plugin for WordPress', 'darkify'); ?></h4>
970	<p><?php echo esc_html__('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.', 'darkify'); ?></p>
971	</a>
972
973	<a target="_blank" class="themeatelier-our-plugin-list-box" href="<?php echo esc_url('https://themeatelier.net/downloads/eventful-for-elementor/'); ?>">
974	<div class="box_btn">
975	<?php echo esc_html__('View Details', 'darkify'); ?>
976	<i class="icofont-long-arrow-right"></i>
977	</div>
978	<img src="<?php echo esc_url(DARKIFY_DIR_URL . 'src/Admin/HelpPage/assets/images/eventful-for-elementor.png'); ?>" alt="<?php echo esc_attr__('Eventful for Elementor', 'darkify'); ?>">
979	<h4><?php echo esc_html__('Eventful for Elementor - Events Showcase for The "The Events Calendar"', 'darkify'); ?></h4>
980	<p><?php echo esc_html__('Easily display events from The Events Calendar plugin with Elementor widgets, offering seamless customization and powerful layout options.', 'darkify'); ?></p>
981	</a>
982
983	</div>
984	</div>
985	</div>
986	</section>
987
988
989	<!-- Footer Section -->
990	<section class="themeatelier_footer">
991	<div class="themeatelier_footer_top">
992	<p>
993	<span><?php echo esc_html__('Made With', 'darkify'); ?> <i class="icofont-heart-alt"></i></span>
994	<?php echo esc_html__('By the Team', 'darkify'); ?>
995	<a target="_blank" href="<?php echo esc_url('https://themeatelier.net/'); ?>">
996	<?php echo esc_html__('ThemeAtelier', 'darkify'); ?>
997	</a>
998	</p>
999	<p><?php echo esc_html__('Get connected with', 'darkify'); ?></p>
1000	<ul>
1001	<li>
1002	<a target="_blank" href="<?php echo esc_url('https://www.facebook.com/ThemeAtelier/'); ?>"><i class="icofont-facebook"></i></a>
1003	</li>
1004	<li>
1005	<a target="_blank" href="<?php echo esc_url('https://x.com/intent/follow?screen_name=themeatelier'); ?>"><i class="icofont-twitter"></i></a>
1006	</li>
1007	<li>
1008	<a target="_blank" href="<?php echo esc_url('https://profiles.wordpress.org/themeatelier/#content-plugins'); ?>"><i class="icofont-brand-wordpress"></i></a>
1009	</li>
1010	<li>
1011	<a target="_blank" href="<?php echo esc_url('https://www.youtube.com/@themeatelier'); ?>"><i class="icofont-youtube-play"></i></a>
1012	</li>
1013	</ul>
1014	</div>
1015	</section>
1016
1017	</div>
1018	<?php
1019	}
1020	}
1021