diff --git a/static/images/plans/wpcom/ecommerce-trial/best-in-class-hosting.svg b/client/assets/images/plans/wpcom/ecommerce-trial/best-in-class-hosting.svg similarity index 100% rename from static/images/plans/wpcom/ecommerce-trial/best-in-class-hosting.svg rename to client/assets/images/plans/wpcom/ecommerce-trial/best-in-class-hosting.svg diff --git a/static/images/plans/wpcom/ecommerce-trial/email.png b/client/assets/images/plans/wpcom/ecommerce-trial/connect.png similarity index 100% rename from static/images/plans/wpcom/ecommerce-trial/email.png rename to client/assets/images/plans/wpcom/ecommerce-trial/connect.png diff --git a/static/images/plans/wpcom/ecommerce-trial/google-analytics.svg b/client/assets/images/plans/wpcom/ecommerce-trial/google-analytics.svg similarity index 100% rename from static/images/plans/wpcom/ecommerce-trial/google-analytics.svg rename to client/assets/images/plans/wpcom/ecommerce-trial/google-analytics.svg diff --git a/static/images/plans/wpcom/ecommerce-trial/launch.png b/client/assets/images/plans/wpcom/ecommerce-trial/launch.png similarity index 100% rename from static/images/plans/wpcom/ecommerce-trial/launch.png rename to client/assets/images/plans/wpcom/ecommerce-trial/launch.png diff --git a/static/images/plans/wpcom/ecommerce-trial/premium-themes.svg b/client/assets/images/plans/wpcom/ecommerce-trial/premium-themes.svg similarity index 100% rename from static/images/plans/wpcom/ecommerce-trial/premium-themes.svg rename to client/assets/images/plans/wpcom/ecommerce-trial/premium-themes.svg diff --git a/static/images/plans/wpcom/ecommerce-trial/priority-support.svg b/client/assets/images/plans/wpcom/ecommerce-trial/priority-support.svg similarity index 100% rename from static/images/plans/wpcom/ecommerce-trial/priority-support.svg rename to client/assets/images/plans/wpcom/ecommerce-trial/priority-support.svg diff --git a/static/images/plans/wpcom/ecommerce-trial/promote.png b/client/assets/images/plans/wpcom/ecommerce-trial/promote.png similarity index 100% rename from static/images/plans/wpcom/ecommerce-trial/promote.png rename to client/assets/images/plans/wpcom/ecommerce-trial/promote.png diff --git a/static/images/plans/wpcom/ecommerce-trial/jetpack-features.svg b/client/assets/images/plans/wpcom/ecommerce-trial/security-performance.svg similarity index 100% rename from static/images/plans/wpcom/ecommerce-trial/jetpack-features.svg rename to client/assets/images/plans/wpcom/ecommerce-trial/security-performance.svg diff --git a/static/images/plans/wpcom/ecommerce-trial/seo-tools.svg b/client/assets/images/plans/wpcom/ecommerce-trial/seo-tools.svg similarity index 100% rename from static/images/plans/wpcom/ecommerce-trial/seo-tools.svg rename to client/assets/images/plans/wpcom/ecommerce-trial/seo-tools.svg diff --git a/static/images/plans/wpcom/ecommerce-trial/shipping.png b/client/assets/images/plans/wpcom/ecommerce-trial/shipping2.png similarity index 100% rename from static/images/plans/wpcom/ecommerce-trial/shipping.png rename to client/assets/images/plans/wpcom/ecommerce-trial/shipping2.png diff --git a/static/images/plans/wpcom/ecommerce-trial/advanced-customization.svg b/client/assets/images/plans/wpcom/ecommerce-trial/simple-customization.svg similarity index 100% rename from static/images/plans/wpcom/ecommerce-trial/advanced-customization.svg rename to client/assets/images/plans/wpcom/ecommerce-trial/simple-customization.svg diff --git a/static/images/plans/wpcom/ecommerce-trial/unlimited-products.svg b/client/assets/images/plans/wpcom/ecommerce-trial/unlimited-products.svg similarity index 100% rename from static/images/plans/wpcom/ecommerce-trial/unlimited-products.svg rename to client/assets/images/plans/wpcom/ecommerce-trial/unlimited-products.svg diff --git a/client/my-sites/plans/current-plan/ecommerce-trial/index.tsx b/client/my-sites/plans/current-plan/ecommerce-trial/index.tsx index cd201e977ede6..35992c1532cad 100644 --- a/client/my-sites/plans/current-plan/ecommerce-trial/index.tsx +++ b/client/my-sites/plans/current-plan/ecommerce-trial/index.tsx @@ -4,6 +4,18 @@ import { useTranslate } from 'i18n-calypso'; import page from 'page'; import { useState } from 'react'; import { useSelector } from 'react-redux'; +import bestInClassHosting from 'calypso/assets/images/plans/wpcom/ecommerce-trial/best-in-class-hosting.svg'; +import connect from 'calypso/assets/images/plans/wpcom/ecommerce-trial/connect.png'; +import googleAnalytics from 'calypso/assets/images/plans/wpcom/ecommerce-trial/google-analytics.svg'; +import launch from 'calypso/assets/images/plans/wpcom/ecommerce-trial/launch.png'; +import premiumThemes from 'calypso/assets/images/plans/wpcom/ecommerce-trial/premium-themes.svg'; +import prioritySupport from 'calypso/assets/images/plans/wpcom/ecommerce-trial/priority-support.svg'; +import promote from 'calypso/assets/images/plans/wpcom/ecommerce-trial/promote.png'; +import securityPerformance from 'calypso/assets/images/plans/wpcom/ecommerce-trial/security-performance.svg'; +import seoTools from 'calypso/assets/images/plans/wpcom/ecommerce-trial/seo-tools.svg'; +import shipping from 'calypso/assets/images/plans/wpcom/ecommerce-trial/shipping2.png'; +import simpleCustomization from 'calypso/assets/images/plans/wpcom/ecommerce-trial/simple-customization.svg'; +import unlimitedProducts from 'calypso/assets/images/plans/wpcom/ecommerce-trial/unlimited-products.svg'; import BodySectionCssClass from 'calypso/layout/body-section-css-class'; import { getSelectedSite } from 'calypso/state/ui/selectors'; import ECommerceTrialBanner from '../../ecommerce-trial/ecommerce-trial-banner'; @@ -36,14 +48,14 @@ const ECommerceTrialCurrentPlan = () => { { title: translate( 'Priority support' ), text: translate( 'Need help? Reach out to us anytime, anywhere.' ), - illustration: '/calypso/images/plans/wpcom/ecommerce-trial/priority-support.svg', + illustration: prioritySupport, showButton: true, buttonText: translate( 'Ask a question' ), }, { title: translate( 'Premium themes' ), text: translate( 'Choose from a wide selection of beautifully designed themes.' ), - illustration: '/calypso/images/plans/wpcom/ecommerce-trial/premium-themes.svg', + illustration: premiumThemes, showButton: true, buttonText: translate( 'Browse premium themes' ), }, @@ -52,7 +64,7 @@ const ECommerceTrialCurrentPlan = () => { text: translate( "Change your store's look and feel, update your cart and checkout pages, and more." ), - illustration: '/calypso/images/plans/wpcom/ecommerce-trial/advanced-customization.svg', + illustration: simpleCustomization, showButton: true, buttonText: translate( 'Design your store' ), }, @@ -61,14 +73,14 @@ const ECommerceTrialCurrentPlan = () => { text: translate( "Create as many products or services as you'd like, including subscriptions." ), - illustration: '/calypso/images/plans/wpcom/ecommerce-trial/unlimited-products.svg', + illustration: unlimitedProducts, showButton: true, buttonText: translate( 'Add a product' ), }, { title: translate( 'Security & performance' ), text: translate( 'Get auto real-time backups, malware scans, and spam protection.' ), - illustration: '/calypso/images/plans/wpcom/ecommerce-trial/jetpack-features.svg', + illustration: securityPerformance, showButton: true, buttonText: translate( 'Keep your store safe' ), }, @@ -77,21 +89,21 @@ const ECommerceTrialCurrentPlan = () => { text: translate( 'Boost traffic with tools that make your content more findable on search engines.' ), - illustration: '/calypso/images/plans/wpcom/ecommerce-trial/seo-tools.svg', + illustration: seoTools, showButton: true, buttonText: translate( 'Increase visibility' ), }, { title: translate( 'Google Analytics' ), text: translate( "See where your visitors come from and what they're doing on your store." ), - illustration: '/calypso/images/plans/wpcom/ecommerce-trial/google-analytics.svg', + illustration: googleAnalytics, showButton: true, buttonText: translate( 'Connect Google Analytics' ), }, { title: translate( 'Best-in-class hosting' ), text: translate( 'We take care of hosting your store so you can focus on selling.' ), - illustration: '/calypso/images/plans/wpcom/ecommerce-trial/best-in-class-hosting.svg', + illustration: bestInClassHosting, showButton: false, }, ]; @@ -105,28 +117,28 @@ const ECommerceTrialCurrentPlan = () => { { title: translate( 'Launch your store to the world' ), text: translate( 'Once you upgrade, you can publish your store and start taking orders.' ), - illustration: '/calypso/images/plans/wpcom/ecommerce-trial/launch.png', + illustration: launch, }, { title: translate( 'Promote your products' ), text: translate( 'Advertise and sell on popular marketplaces and social media platforms using your product catalog.' ), - illustration: '/calypso/images/plans/wpcom/ecommerce-trial/promote.png', + illustration: promote, }, { title: translate( 'Connect with your customers' ), text: translate( 'Get access to email features that let you communicate with your customers and prospects.' ), - illustration: '/calypso/images/plans/wpcom/ecommerce-trial/email.png', + illustration: connect, }, { title: translate( 'Integrate top shipping carriers' ), text: translate( 'Customize your shipping rates, print labels right from your store, and more.' ), - illustration: '/calypso/images/plans/wpcom/ecommerce-trial/shipping.png', + illustration: shipping, }, ]; diff --git a/static/images/plans/wpcom/ecommerce-trial/money.png b/static/images/plans/wpcom/ecommerce-trial/money.png deleted file mode 100644 index 03c58501daf2b..0000000000000 Binary files a/static/images/plans/wpcom/ecommerce-trial/money.png and /dev/null differ diff --git a/static/images/plans/wpcom/ecommerce-trial/themes.png b/static/images/plans/wpcom/ecommerce-trial/themes.png deleted file mode 100644 index 393083cd412c2..0000000000000 Binary files a/static/images/plans/wpcom/ecommerce-trial/themes.png and /dev/null differ