From 0bd0bd0c355cbea8f219dd6a95357a2469d149d8 Mon Sep 17 00:00:00 2001 From: Richard Muscat Date: Fri, 19 Jan 2018 09:45:31 +0000 Subject: [PATCH 1/2] Bring disconnected landing page in line with new site content --- .../components/jetpack-connect/index.jsx | 165 +++++++++--------- 1 file changed, 87 insertions(+), 78 deletions(-) diff --git a/_inc/client/components/jetpack-connect/index.jsx b/_inc/client/components/jetpack-connect/index.jsx index f9d88f211ce1f..761a565326783 100644 --- a/_inc/client/components/jetpack-connect/index.jsx +++ b/_inc/client/components/jetpack-connect/index.jsx @@ -27,25 +27,78 @@ const JetpackConnect = React.createClass( {

- { __( 'Please connect to or create a WordPress.com account to start using Jetpack. This will enable powerful security, traffic, and customization services.' ) } + { __( 'Hassle-free design, marketing, and security for your WordPress site. Connect Jetpack to a WordPress.com account to start building your own success story.' ) }

- { __( 'No account? Create one for free' ) } + { __( 'No account? Create one for free.' ) }

+ +
+

+ { __( 'Design the perfect website' ) } +

+

+ { __( + 'Bring your ideas to life with elegant and professional designs and code-free ' + + 'customization tools.' + ) } +

+
+ +
+ Jetpacks photon serves up lightning fast, optimized images + +
+
+

+ { __( 'Professional themes' ) } +

+
+

+ { __( 'Find the perfect design for your site from hundreds of available themes.' ) } +

+
+
+
+

+ { __( 'Code-free customization' ) } +

+
+

+ { __( 'Customize your site with endless widget options, image galleries, and embedded media.' ) } +

+
+
+
+

+ { __( 'Speed up your site' ) } +

+
+

+ { __( 'Deliver blazing fast images and video and improve site load times.' ) } +

+
+
+
+
+ +

- { __( 'Drive more traffic to your site' ) } + { __( 'Increase traffic and revenue' ) }

- { __( 'Jetpack has many traffic and engagement tools to help you get more viewers to your site and keep them there.' ) } + { __( 'Reach more people and earn money with automated marketing tools.' ) }

Decoration: Jetpack clouds {/* defining width and height for IE here */} @@ -56,71 +109,49 @@ const JetpackConnect = React.createClass( {
-

- { __( 'Publicize', { context: 'Header. Noun: Publicize is a module of Jetpack' } ) } +

+ { __( 'Track your growth' ) }

-

- { __( 'Automated social marketing.' ) } -

- { __( 'Use Publicize to automatically share your posts with friends, followers, and the world.' ) } + { __( 'Keep an eye on your success with simple, concise, and mobile-friendly stats.' ) }

-

- { __( 'Sharing & Like Buttons' ) } +

+ { __( 'Automated marketing' ) }

-

- { __( 'Build a community.' ) } -

- { __( 'Give visitors the tools to share and subscribe to your content.' ) } + { __( 'Schedule social media posts in advance, show related content, and give better search results.' ) }

-

- { __( 'Related Posts', { context: 'Header. Noun: Related posts is a module of Jetpack.' } ) } +

+ { __( 'Generate revenue' ) }

-

- { __( 'Increase page views.' ) } -

- { __( 'Keep visitors engaged by giving them more to share and read with Related Posts.' ) } + { __( 'Monetize your site with high-quality ads and take PayPal payments.' ) }

-

- { __( 'Track your growth' ) } -

-

- { __( - 'Jetpack harnesses the power of WordPress.com to show you detailed insights about your visitors, ' + - 'what they’re reading, and where they’re coming from.' - ) } -

- - Jetpack statistics and traffic insights graph
- + +
-

- { __( 'Site security and peace of mind' ) } +

+ { __( 'Keep your site safe, 24/7' ) }

{ __( - 'Jetpack blocks malicious log in attempts, lets you know if your site goes down, ' + - 'and can automatically update your plugins, so you don’t have to worry.' + 'Automatic defense against hacks, malware, spam, data loss, and downtime.' ) }

@@ -128,69 +159,47 @@ const JetpackConnect = React.createClass( {
-

- { __( 'Protect', { context: 'Header. Noun: Protect is a module of Jetpack.' } ) } +

+ { __( 'Monitor', { context: 'Header. Noun: Monitor is a module of Jetpack.' } ) }

-

- { __( 'Block site attacks.' ) } -

{ __( - 'Gain peace of mind with Protect, the tool that has blocked billions of ' + - 'login attacks across millions of sites.' + 'Be alerted about any unexpected downtime the moment it happens.' ) }

-

- { __( 'Monitor', { context: 'Header. Noun: Monitor is a module of Jetpack.' } ) } +

+ { __( 'Protect', { context: 'Header. Noun: Protect is a module of Jetpack.' } ) }

-

- { __( 'Live site monitoring.' ) } -

- { __( 'Stress less. Monitor will send you real-time alerts if your site ever goes down.' ) } + { __( + 'Guard your site against brute force login attacks, spam, and harmful' + + 'malware injections.' + ) }

-

- { __( 'Manage', { context: 'Header. Noun: Manage is a module of Jetpack.' } ) } +

+ { __( 'Backup and restore' ) }

-

- { __( 'Automatic site updates.' ) } -

- { __( 'Never fall behind on a security release or waste time updating multiple sites.' ) } + { __( + 'Automatic, real-time backups mean your entire site is always ready ' + + 'to be restored.' + ) }

- -
-

- { __( 'Lightning fast, optimized images' ) } -

-

- { __( - 'Jetpack utilizes the state-of-the-art WordPress.com content delivery network to load your ' + - 'gorgeous imagery super fast. Optimized for any device, and its completely free.' - ) } -

-
-
- Jetpacks photon serves up lightning fast, optimized images -
-

{ __( @@ -201,7 +210,7 @@ const JetpackConnect = React.createClass( {

- { __( 'No account? Create one for free' ) } + { __( 'No account? Create one for free.' ) }

From 480ec8b55a7441a569298f2909d3298b2dd755d2 Mon Sep 17 00:00:00 2001 From: Igor Zinovyev Date: Fri, 26 Jan 2018 15:30:22 +0300 Subject: [PATCH 2/2] Fixed i18n in the Jetpack Connect landing page. --- .../components/jetpack-connect/index.jsx | 42 ++++++++++++------- 1 file changed, 26 insertions(+), 16 deletions(-) diff --git a/_inc/client/components/jetpack-connect/index.jsx b/_inc/client/components/jetpack-connect/index.jsx index 761a565326783..4c6f2728357cb 100644 --- a/_inc/client/components/jetpack-connect/index.jsx +++ b/_inc/client/components/jetpack-connect/index.jsx @@ -40,7 +40,7 @@ const JetpackConnect = React.createClass( {
-

+

{ __( 'Design the perfect website' ) }

@@ -53,12 +53,12 @@ const JetpackConnect = React.createClass( {

Jetpacks photon serves up lightning fast, optimized images + srcSet={ `${ imagePath }feature-photon-sm.jpg 600w, ${ imagePath }feature-photon-med.jpg 770w, ${ imagePath }feature-photon-lrg.jpg 1200w` } + className="jp-jetpack-connect__feature-image" alt={ __( "Jetpack's photon serves up lightning fast, optimized images" ) } />
-

+

{ __( 'Professional themes' ) }

@@ -68,7 +68,7 @@ const JetpackConnect = React.createClass( {
-

+

{ __( 'Code-free customization' ) }

@@ -78,7 +78,7 @@ const JetpackConnect = React.createClass( {
-

+

{ __( 'Speed up your site' ) }

@@ -94,22 +94,32 @@ const JetpackConnect = React.createClass( {
-

+

{ __( 'Increase traffic and revenue' ) }

{ __( 'Reach more people and earn money with automated marketing tools.' ) }

- Decoration: Jetpack clouds {/* defining width and height for IE here */} - Decoration: Jetpack bar graph + { {/* defining width and height for IE here */} + {
-

+

{ __( 'Track your growth' ) }

@@ -119,7 +129,7 @@ const JetpackConnect = React.createClass( {
-

+

{ __( 'Automated marketing' ) }

@@ -129,7 +139,7 @@ const JetpackConnect = React.createClass( {
-

+

{ __( 'Generate revenue' ) }

@@ -146,7 +156,7 @@ const JetpackConnect = React.createClass( {
-

+

{ __( 'Keep your site safe, 24/7' ) }

@@ -159,7 +169,7 @@ const JetpackConnect = React.createClass( {

-

+

{ __( 'Monitor', { context: 'Header. Noun: Monitor is a module of Jetpack.' } ) }

@@ -171,7 +181,7 @@ const JetpackConnect = React.createClass( {
-

+

{ __( 'Protect', { context: 'Header. Noun: Protect is a module of Jetpack.' } ) }

@@ -224,6 +234,6 @@ export default connect( state => { return { connectUrl: getConnectUrl( state ) - } + }; } )( JetpackConnect );