PluginProbe
Ebook Store / 6.21
Ebook Store v6.21
6.23 6.22 6.21 6.20 trunk
ebook-store / pricing_table.php

pricing_table.php in Ebook Store 6.21, at pricing_table.php

293 lines 17.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php // Tailwind CDN for modern styling
2 echo '<script src="https://cdn.tailwindcss.com"></script>';
3 ?>
4 <div class="max-w-7xl mx-auto px-4 py-8">
5 <!-- Header -->
6 <div class="text-center mb-12">
7 <h3 class="text-3xl font-bold text-gray-900 mb-4">Simple, Transparent Pricing</h3>
8 <p class="text-lg text-gray-600">Choose the perfect plan for your business needs with our professional eBook selling solutions.</p>
9 <p class="text-sm text-gray-500 mt-2">All plans include a <span class="font-semibold">one-time payment</span> and come with <span class="font-semibold">2 years of technical support</span>.</p>
10 </div>
11
12 <!-- Pricing Cards Container -->
13 <div class="grid md:grid-cols-3 gap-8 items-start">
14 <!-- Free Plan -->
15 <div class="relative bg-white rounded-2xl shadow-lg border border-gray-100 transition-all duration-200 hover:shadow-xl">
16 <div class="p-8">
17 <h3 class="text-2xl font-bold text-gray-900 mb-4">Free</h3>
18 <div class="flex items-baseline mb-8">
19 <span class="text-4xl font-extrabold text-gray-900">$0</span>
20 <span class="text-gray-500 ml-1">/forever</span>
21 </div>
22
23 <!-- Feature Groups -->
24 <div class="space-y-6">
25 <div>
26 <h4 class="font-semibold text-gray-900 mb-3">Core Features</h4>
27 <ul class="space-y-3">
28 <li class="flex items-center">
29 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
30 <span class="text-gray-600">Basic PayPal Integration</span>
31 </li>
32 <li class="flex items-center">
33 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
34 <span class="text-gray-600">Email Delivery</span>
35 </li>
36 <li class="flex items-center">
37 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
38 <span class="text-gray-600">Protected Download Links</span>
39 </li>
40 </ul>
41 </div>
42 </div>
43 </div>
44 <div class="p-8 bg-gray-50 rounded-b-2xl">
45 <button class="w-full py-3 px-6 rounded-xl bg-gray-200 text-gray-700 font-semibold hover:bg-gray-300 transition-colors">
46 Start Free
47 </button>
48 </div>
49 </div>
50
51 <!-- Pro Plan -->
52 <div class="relative bg-white rounded-2xl shadow-xl border-2 border-blue-500 transition-all duration-200 hover:shadow-2xl transform md:-translate-y-4">
53 <div class="absolute -top-5 left-0 right-0 mx-auto w-32 rounded-full bg-blue-500 text-white text-sm font-semibold py-1 text-center">
54 MOST POPULAR
55 </div>
56 <div class="p-8">
57 <h3 class="text-2xl font-bold text-blue-600 mb-4">Pro</h3>
58 <div class="flex items-baseline mb-8">
59 <span class="text-4xl font-extrabold text-gray-900">$49</span>
60 <span class="text-gray-500 ml-1">/one-time</span>
61 </div>
62
63 <!-- Feature Groups -->
64 <div class="space-y-6">
65 <div>
66 <h4 class="font-semibold text-gray-900 mb-3">Everything in Free, plus:</h4>
67 <ul class="space-y-3">
68 <li class="flex items-center">
69 <img height="16" width="16" src="<?php echo plugins_url('/img/stripe.png', __FILE__); ?>" class="mr-3" />
70 <span class="text-gray-600">All Payment Gateways</span>
71 </li>
72 <li class="flex items-center">
73 <img height="16" width="16" src="<?php echo plugins_url('/img/mc_script_black_web.png', __FILE__); ?>" class="mr-3" />
74 <span class="text-gray-600">MailChimp Integration</span>
75 </li>
76 <li class="flex items-center">
77 <img height="16" width="16" src="<?php echo plugins_url('/img/woocommerce-logo-min.png', __FILE__); ?>" class="mr-3" />
78 <span class="text-gray-600">WooCommerce Integration</span>
79 </li>
80 <li class="flex items-center">
81 <img height="16" width="16" src="<?php echo plugins_url('/img/affiliate-manager-header-logo.png', __FILE__); ?>" class="mr-3" />
82 <span class="text-gray-600">Affiliate Manager</span>
83 </li>
84 <li class="flex items-center">
85 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
86 <span class="text-gray-600">PDF Encryption & Watermarking</span>
87 </li>
88 <li class="flex items-center">
89 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
90 <span class="text-gray-600">QR Code Protection</span>
91 </li>
92 <li class="flex items-center">
93 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
94 <span class="text-gray-600">Free & Paid Downloads</span>
95 </li>
96 <li class="flex items-center">
97 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
98 <span class="text-gray-600">Donate to Download Option</span>
99 </li>
100 <li class="flex items-center">
101 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
102 <span class="text-gray-600">Auto Account Creation</span>
103 </li>
104 <li class="flex items-center">
105 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
106 <span class="text-gray-600">Unlimited Sites License</span>
107 </li>
108 </ul>
109 </div>
110 </div>
111 </div>
112 <div class="p-8 bg-gray-50 rounded-b-2xl">
113 <a href="https://www.shopfiles.com/index.php/products/wordpress-ebook-store#pricing" target="_blank"
114 class="block w-full py-3 px-6 rounded-xl bg-blue-600 text-white font-semibold text-center hover:bg-blue-700 transition-colors">
115 Get Started
116 </a>
117 </div>
118 </div>
119
120 <!-- Full Site Setup -->
121 <div class="relative bg-white rounded-2xl shadow-lg border border-gray-100 transition-all duration-200 hover:shadow-xl">
122 <div class="p-8">
123 <h3 class="text-2xl font-bold text-gray-900 mb-4">Full Site Setup</h3>
124 <div class="flex items-baseline mb-8">
125 <span class="text-4xl font-extrabold text-gray-900">$1,999</span>
126 <span class="text-gray-500 ml-1">/one-time</span>
127 </div>
128
129 <!-- Feature Groups -->
130 <div class="space-y-6">
131 <div>
132 <h4 class="font-semibold text-gray-900 mb-3">Complete Solution Including:</h4>
133 <ul class="space-y-3">
134 <li class="flex items-center">
135 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
136 <span class="text-gray-600">Custom Store Development</span>
137 </li>
138 <li class="flex items-center">
139 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
140 <span class="text-gray-600">Complete WordPress Setup</span>
141 </li>
142 <li class="flex items-center">
143 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
144 <span class="text-gray-600">60 Days VIP Support</span>
145 </li>
146 <li class="flex items-center">
147 <img height="16" width="16" src="<?php echo plugins_url('/img/checked.png', __FILE__); ?>" class="mr-3" />
148 <span class="text-gray-600">1-on-1 Training Sessions</span>
149 </li>
150 </ul>
151 </div>
152 </div>
153 </div>
154 <div class="p-8 bg-gray-50 rounded-b-2xl">
155 <a href="https://www.shopfiles.com/index.php/products/wordpress-ebook-store#pricing" target="_blank"
156 class="block w-full py-3 px-6 rounded-xl bg-gray-900 text-white font-semibold text-center hover:bg-gray-800 transition-colors">
157 Contact Us
158 </a>
159 </div>
160 </div>
161 </div>
162
163 <!-- Bottom CTA -->
164 <div class="text-center mt-12">
165 <p class="text-gray-600 mb-4">Not sure which plan is right for you?</p>
166 <a href="https://www.shopfiles.com/index.php/contact" target="_blank"
167 class="inline-block py-2 px-6 text-blue-600 font-medium hover:text-blue-700 transition-colors">
168 Contact our team for a personalized recommendation →
169 </a>
170 </div>
171 </div>
172
173 <!-- Video Tutorials Section -->
174 <div class="max-w-7xl mx-auto px-4 py-12 mt-8 border-t border-gray-100">
175 <div class="text-center mb-12">
176 <h3 class="text-3xl font-bold text-gray-900 mb-4">Video Tutorials</h3>
177 <p class="text-lg text-gray-600">Learn how to use every feature with our detailed video guides</p>
178 </div>
179
180 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
181 <!-- Payment Methods -->
182 <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 hover:shadow-md transition-shadow">
183 <div class="flex items-start mb-4">
184 <img height="24" width="24" src="<?php echo plugins_url('/img/yt.png', __FILE__); ?>" class="mr-3" alt="YouTube" />
185 <h3 class="text-lg font-semibold text-gray-900">Payment Integration</h3>
186 </div>
187 <p class="text-gray-600 mb-4">Learn how to set up Stripe and PayPal payment gateways</p>
188 <a href="https://youtu.be/jWbQtHqc3Lo" target="_blank"
189 class="inline-flex items-center text-blue-600 hover:text-blue-700">
190 Watch tutorial
191 <svg class="w-4 h-4 ml-1" viewBox="0 0 20 20" fill="currentColor">
192 <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
193 </svg>
194 </a>
195 </div>
196
197 <!-- WooCommerce Integration -->
198 <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 hover:shadow-md transition-shadow">
199 <div class="flex items-start mb-4">
200 <img height="24" width="24" src="<?php echo plugins_url('/img/yt.png', __FILE__); ?>" class="mr-3" alt="YouTube" />
201 <h3 class="text-lg font-semibold text-gray-900">WooCommerce Integration</h3>
202 </div>
203 <p class="text-gray-600 mb-4">Set up and configure WooCommerce with your ebook store</p>
204 <a href="https://www.youtube.com/watch?v=kaEKQ0yTaWA" target="_blank"
205 class="inline-flex items-center text-blue-600 hover:text-blue-700">
206 Watch tutorial
207 <svg class="w-4 h-4 ml-1" viewBox="0 0 20 20" fill="currentColor">
208 <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
209 </svg>
210 </a>
211 </div>
212
213 <!-- PDF Protection -->
214 <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 hover:shadow-md transition-shadow">
215 <div class="flex items-start mb-4">
216 <img height="24" width="24" src="<?php echo plugins_url('/img/yt.png', __FILE__); ?>" class="mr-3" alt="YouTube" />
217 <h3 class="text-lg font-semibold text-gray-900">PDF Protection</h3>
218 </div>
219 <p class="text-gray-600 mb-4">Learn about PDF encryption and watermarking features</p>
220 <a href="https://youtu.be/KfVWPZ3eKcc" target="_blank"
221 class="inline-flex items-center text-blue-600 hover:text-blue-700">
222 Watch tutorial
223 <svg class="w-4 h-4 ml-1" viewBox="0 0 20 20" fill="currentColor">
224 <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
225 </svg>
226 </a>
227 </div>
228
229 <!-- Free Downloads -->
230 <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 hover:shadow-md transition-shadow">
231 <div class="flex items-start mb-4">
232 <img height="24" width="24" src="<?php echo plugins_url('/img/yt.png', __FILE__); ?>" class="mr-3" alt="YouTube" />
233 <h3 class="text-lg font-semibold text-gray-900">Free Downloads</h3>
234 </div>
235 <p class="text-gray-600 mb-4">Configure and manage free download options</p>
236 <a href="https://youtu.be/l0gGYNtNENc" target="_blank"
237 class="inline-flex items-center text-blue-600 hover:text-blue-700">
238 Watch tutorial
239 <svg class="w-4 h-4 ml-1" viewBox="0 0 20 20" fill="currentColor">
240 <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
241 </svg>
242 </a>
243 </div>
244
245 <!-- Read on Site -->
246 <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 hover:shadow-md transition-shadow">
247 <div class="flex items-start mb-4">
248 <img height="24" width="24" src="<?php echo plugins_url('/img/yt.png', __FILE__); ?>" class="mr-3" alt="YouTube" />
249 <h3 class="text-lg font-semibold text-gray-900">Read on Site</h3>
250 </div>
251 <p class="text-gray-600 mb-4">Set up the PDF reader for on-site viewing</p>
252 <a href="https://youtu.be/ZLePB91b96M" target="_blank"
253 class="inline-flex items-center text-blue-600 hover:text-blue-700">
254 Watch tutorial
255 <svg class="w-4 h-4 ml-1" viewBox="0 0 20 20" fill="currentColor">
256 <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
257 </svg>
258 </a>
259 </div>
260
261 <!-- Auto Account Creation -->
262 <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 hover:shadow-md transition-shadow">
263 <div class="flex items-start mb-4">
264 <img height="24" width="24" src="<?php echo plugins_url('/img/yt.png', __FILE__); ?>" class="mr-3" alt="YouTube" />
265 <h3 class="text-lg font-semibold text-gray-900">Auto Account Creation</h3>
266 </div>
267 <p class="text-gray-600 mb-4">Learn about automatic user account creation</p>
268 <a href="https://youtu.be/HK7xxaBDtHY" target="_blank"
269 class="inline-flex items-center text-blue-600 hover:text-blue-700">
270 Watch tutorial
271 <svg class="w-4 h-4 ml-1" viewBox="0 0 20 20" fill="currentColor">
272 <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
273 </svg>
274 </a>
275 </div>
276
277 <!-- Download Form -->
278 <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 hover:shadow-md transition-shadow">
279 <div class="flex items-start mb-4">
280 <img height="24" width="24" src="<?php echo plugins_url('/img/yt.png', __FILE__); ?>" class="mr-3" alt="YouTube" />
281 <h3 class="text-lg font-semibold text-gray-900">Download Forms</h3>
282 </div>
283 <p class="text-gray-600 mb-4">Set up forms for download requests</p>
284 <a href="https://youtu.be/YLPNTKAgoLY" target="_blank"
285 class="inline-flex items-center text-blue-600 hover:text-blue-700">
286 Watch tutorial
287 <svg class="w-4 h-4 ml-1" viewBox="0 0 20 20" fill="currentColor">
288 <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
289 </svg>
290 </a>
291 </div>
292 </div>
293 </div>