AdditionalAddonCard.js
4 years ago
AdditionalAddonCard.module.css
4 years ago
AdditionalAddons.js
4 years ago
AdditionalAddons.module.css
4 years ago
AddonsAdminPage.js
4 years ago
AddonsAdminPage.module.css
4 years ago
Button.js
4 years ago
Button.module.css
4 years ago
Card.js
4 years ago
Card.module.css
4 years ago
FreeAddOnTab.js
4 years ago
FreeAddOnTab.module.css
4 years ago
Hero.js
4 years ago
Hero.module.css
4 years ago
MustHaveAddonCard.js
4 years ago
MustHaveAddonCard.module.css
4 years ago
MustHaveAddons.js
4 years ago
MustHaveAddons.module.css
4 years ago
PricingPlanCard.js
4 years ago
PricingPlanCard.module.css
4 years ago
PricingPlans.js
4 years ago
PricingPlans.module.css
4 years ago
RecurringDonationsTab.js
4 years ago
RecurringDonationsTab.module.scss
4 years ago
RecurringDonationsTab.js
51 lines
| 1 | import {__} from '@wordpress/i18n'; |
| 2 | |
| 3 | import {Button} from './Button'; |
| 4 | import {Card} from './Card'; |
| 5 | import styles from './RecurringDonationsTab.module.scss'; |
| 6 | |
| 7 | const features = [ |
| 8 | __('Flexible recurring giving options', 'give'), |
| 9 | __('Subscription management built-in', 'give'), |
| 10 | __('Advanced reporting features', 'give'), |
| 11 | __('Multiple gateways supported', 'give'), |
| 12 | __('Customizable subscription emails', 'give'), |
| 13 | __('Stripe, PayPal, Apple and G Pay', 'give'), |
| 14 | ]; |
| 15 | |
| 16 | export const RecurringDonationsTab = () => ( |
| 17 | <Card as="article" className={styles.card}> |
| 18 | <h2 className={styles.title}>{__('Increase your fundraising with Recurring Donations', 'give')}</h2> |
| 19 | <p className={styles.description}> |
| 20 | {__( |
| 21 | 'The best fundraisers and organizations know that capturing recurring donors is the foundation of your organizations longevity.', |
| 22 | 'give' |
| 23 | )} |
| 24 | </p> |
| 25 | <Button |
| 26 | as="a" |
| 27 | href="https://docs.givewp.com/acrecurring" |
| 28 | rel="noopener" |
| 29 | target="_blank" |
| 30 | className={styles.learnMoreButton} |
| 31 | > |
| 32 | {__('Learn More', 'give')} |
| 33 | </Button> |
| 34 | <img |
| 35 | className={styles.image} |
| 36 | src={`${window.GiveRecurringDonations.assetsUrl}images/admin/recurring-upsell-graphic.png`} |
| 37 | alt="" |
| 38 | /> |
| 39 | <ul className={styles.features}> |
| 40 | {features.map((feature) => ( |
| 41 | <li key={feature} className={styles.feature}> |
| 42 | <svg className={styles.featureIcon} viewBox="0 0 16 12" preserveAspectRatio="xMinYMax meet"> |
| 43 | <use href="#give-in-plugin-upsells-checkmark" /> |
| 44 | </svg> |
| 45 | {feature} |
| 46 | </li> |
| 47 | ))} |
| 48 | </ul> |
| 49 | </Card> |
| 50 | ); |
| 51 |