Make success screen, need to add image

_locales/en/messages.json

@@ -1734,6 +1734,15 @@
 	"hub_create_account_toast_error": {
 		"message": "That email address is already in use. Please choose another."
 	},
+	"hub_browser_yay_youre_all_set": {
+		"message": "Yay! You're all set."
+	},
+	"hub_browser_start_browsing_the_web_with": {
+		"message": "Start browsing the web with"
+	},
+	"hub_browser_lets_search": {
+		"message": "Let's search"
+	},
 	"enable_when_paused": {
 		"message": "To use this function, Resume Ghostery."
 	},

app/hub/Views/BrowserSuccessView/BrowserSuccessView.jsx

@@ -20,10 +20,10 @@ import React from 'react';
  */
 const BrowserSuccessView = () => (
 	<div className="BrowserSuccessView__container">
-		<div className="BrowserSuccessView__title">{t('hub_browser_welcome')}</div>
-		<div className="BrowserSuccessView__subtitle">{t('hub_browser_begin')}</div>
+		<div className="BrowserSuccessView__title">{t('hub_browser_yay_youre_all_set')}</div>
+		<div className="BrowserSuccessView__subtitle">{`${t('hub_browser_start_browsing_the_web_with')} Ghostery`}</div>
 		<img className="BrowserSuccessView__rocketShip" src="/app/images/hub/welcome/rocketShip.png" />
-		<button className="BrowserSuccessView__ctaButton" type="button">{t('hub_browser_lets_do_this')}</button>
+		<button className="BrowserSuccessView__ctaButton" type="button">{t('hub_browser_lets_search')}</button>
 	</div>
 );
 

app/hub/Views/BrowserSuccessView/BrowserSuccessView.scss

@@ -0,0 +1,57 @@
+.BrowserSuccessView__container {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+}
+
+.BrowserSuccessView__title {
+	margin-top: 125px;
+	font-size: 24px;
+	font-weight: 600;
+	line-height: 2.33;
+}
+
+.BrowserSuccessView__subtitle {
+	margin-bottom: 20px;
+	width: 392px;
+	font-size: 18px;
+	line-height: 2.33;
+	text-align: center;
+}
+
+.BrowserSuccessView__rocketShip {
+	margin-bottom: 84px;
+	height: 330px;
+	width: 545px;
+}
+
+.BrowserSuccessView__ctaButton {
+	display: flex;
+	justify-content: center;
+	margin: 48px auto 0 auto;
+	height: 44px;
+	width: 162px;
+	padding: 7.7px 14px;
+	line-height: 22px;
+	background: linear-gradient(
+		45deg,
+		#ff7e74 50%,
+		#00aef0
+	);
+	background-size: 200% 100%;
+	background-position: 100% 50%;
+	transition: 0.25s all;
+	border: none;
+	&:hover {
+		background-position: 0% 50%;
+		transition: 0.25s all;
+	}
+	color: #FFF;
+	font-size: 14.1px;
+	font-weight: 700;
+	border-radius: 3.5px;
+	text-align: center;
+	line-height: 2.05;
+	cursor: pointer;
+}

app/hub/Views/BrowserSuccessView/index.js

@@ -0,0 +1,3 @@
+import BrowserSuccessView from './BrowserSuccessView';
+
+export default BrowserSuccessView;