diff --git a/website/assets/images/background-homepage-hero.svg b/website/assets/images/background-homepage-hero.svg
new file mode 100644
index 0000000000..25806b889a
--- /dev/null
+++ b/website/assets/images/background-homepage-hero.svg
@@ -0,0 +1,29 @@
+
diff --git a/website/assets/images/feature-file-integrity-monitoring-600x355@2x.png b/website/assets/images/feature-file-integrity-monitoring-600x355@2x.png
new file mode 100644
index 0000000000..bb8bc8ad1d
Binary files /dev/null and b/website/assets/images/feature-file-integrity-monitoring-600x355@2x.png differ
diff --git a/website/assets/images/feature-file-integrity-monitoring-600x357@2x.png b/website/assets/images/feature-file-integrity-monitoring-600x357@2x.png
new file mode 100644
index 0000000000..7cb2769fc2
Binary files /dev/null and b/website/assets/images/feature-file-integrity-monitoring-600x357@2x.png differ
diff --git a/website/assets/images/feature-fleet-ui-600x394@2x.png b/website/assets/images/feature-fleet-ui-600x394@2x.png
new file mode 100644
index 0000000000..71ef032af1
Binary files /dev/null and b/website/assets/images/feature-fleet-ui-600x394@2x.png differ
diff --git a/website/assets/images/feature-realtime-500x315@2x.png b/website/assets/images/feature-realtime-500x315@2x.png
deleted file mode 100644
index bf303e9a8f..0000000000
Binary files a/website/assets/images/feature-realtime-500x315@2x.png and /dev/null differ
diff --git a/website/assets/images/feature-realtime-600x378@2x.png b/website/assets/images/feature-realtime-600x378@2x.png
new file mode 100644
index 0000000000..48e6123bf7
Binary files /dev/null and b/website/assets/images/feature-realtime-600x378@2x.png differ
diff --git a/website/assets/images/feature-realtime-600x382@2x.png b/website/assets/images/feature-realtime-600x382@2x.png
new file mode 100644
index 0000000000..3412b6fdfd
Binary files /dev/null and b/website/assets/images/feature-realtime-600x382@2x.png differ
diff --git a/website/assets/images/feature-threat-detection-500x328@2x.png b/website/assets/images/feature-threat-detection-500x328@2x.png
deleted file mode 100644
index be2a71ad5e..0000000000
Binary files a/website/assets/images/feature-threat-detection-500x328@2x.png and /dev/null differ
diff --git a/website/assets/images/feature-threat-detection-600x395@2x.png b/website/assets/images/feature-threat-detection-600x395@2x.png
new file mode 100644
index 0000000000..3d458a4062
Binary files /dev/null and b/website/assets/images/feature-threat-detection-600x395@2x.png differ
diff --git a/website/assets/images/feature-threat-detection-600x400@2x.png b/website/assets/images/feature-threat-detection-600x400@2x.png
new file mode 100644
index 0000000000..82d871af64
Binary files /dev/null and b/website/assets/images/feature-threat-detection-600x400@2x.png differ
diff --git a/website/assets/images/fleet-sandbox-300x200@2x.png b/website/assets/images/fleet-sandbox-300x200@2x.png
new file mode 100644
index 0000000000..e2c16ee7eb
Binary files /dev/null and b/website/assets/images/fleet-sandbox-300x200@2x.png differ
diff --git a/website/assets/images/icon-checkmark-6x6@2x.png b/website/assets/images/icon-checkmark-6x6@2x.png
new file mode 100644
index 0000000000..35248a5e7f
Binary files /dev/null and b/website/assets/images/icon-checkmark-6x6@2x.png differ
diff --git a/website/assets/images/icon-play-20x24@2x.png b/website/assets/images/icon-play-20x24@2x.png
new file mode 100644
index 0000000000..e350a54e15
Binary files /dev/null and b/website/assets/images/icon-play-20x24@2x.png differ
diff --git a/website/assets/images/logo-atlassian-white-172x22@2x.png b/website/assets/images/logo-atlassian-white-172x22@2x.png
new file mode 100644
index 0000000000..1a8ba3d273
Binary files /dev/null and b/website/assets/images/logo-atlassian-white-172x22@2x.png differ
diff --git a/website/assets/images/logo-snowflake-white-151x30@2x.png b/website/assets/images/logo-snowflake-white-151x30@2x.png
new file mode 100644
index 0000000000..ddd4141048
Binary files /dev/null and b/website/assets/images/logo-snowflake-white-151x30@2x.png differ
diff --git a/website/assets/images/logo-square-106x27@2x.png b/website/assets/images/logo-square-106x27@2x.png
new file mode 100644
index 0000000000..fe2b0aac46
Binary files /dev/null and b/website/assets/images/logo-square-106x27@2x.png differ
diff --git a/website/assets/images/logo-uber-84x29@2x.png b/website/assets/images/logo-uber-84x29@2x.png
new file mode 100644
index 0000000000..b07f3c51aa
Binary files /dev/null and b/website/assets/images/logo-uber-84x29@2x.png differ
diff --git a/website/assets/images/logo-wayfair-150x33@2x.png b/website/assets/images/logo-wayfair-150x33@2x.png
new file mode 100644
index 0000000000..ec1921c4a8
Binary files /dev/null and b/website/assets/images/logo-wayfair-150x33@2x.png differ
diff --git a/website/assets/js/pages/homepage.page.js b/website/assets/js/pages/homepage.page.js
index 5e79addda5..3a4cafc4fa 100644
--- a/website/assets/js/pages/homepage.page.js
+++ b/website/assets/js/pages/homepage.page.js
@@ -23,6 +23,8 @@ parasails.registerPage('homepage', {
// Success state when form has been submitted
cloudSuccess: false,
+ showAllTweets: false,
+ modal: undefined,
},
// ╦ ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦ ╔═╗
@@ -50,6 +52,15 @@ parasails.registerPage('homepage', {
// > ~Dec 31, 2020
window.dispatchEvent(new Event('papercups:open'));
},
+ clickToggleTruncateTweets: function() {
+ this.showAllTweets = !this.showAllTweets;
+ },
+ clickOpenVideoModal: function() {
+ this.modal = 'video';
+ },
+ closeModal: function() {
+ this.modal = '';
+ },
submittedForm: async function() {
// Show the success message.
diff --git a/website/assets/styles/components/modal.component.less b/website/assets/styles/components/modal.component.less
index 6255120282..1614ad4c0b 100644
--- a/website/assets/styles/components/modal.component.less
+++ b/website/assets/styles/components/modal.component.less
@@ -89,8 +89,8 @@
// Modal backdrop styles are exposed globally here because this gets appended to the
.modal-backdrop {
- background-color: #8b8fa2;
+ background-color: #192147;
&.show {
- opacity: 0.45;
+ opacity: 1;
}
}
diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less
index 19d73764e7..7728024eba 100644
--- a/website/assets/styles/layout.less
+++ b/website/assets/styles/layout.less
@@ -16,7 +16,7 @@ html, body {
padding-bottom: @footer-height;
}
.homepage-cta-banner {
- background-color: #FFF;
+ background-color: ;
color: #000;
a {
@@ -27,8 +27,8 @@ html, body {
.homepage-cta-banner + .homepage-header-top {
top: 52px;
}
-.non-homepage-cta-banner {
- background-color: @core-fleet-black;
+.homepage-cta-banner {
+ background-color: #A182DF;
color: #FFF;
a {
color: #FFF;
@@ -139,7 +139,7 @@ html, body {
}
} // Homepage header styles
&.homepage-header {
- z-index: 9999;
+ z-index: 999;
position: absolute;
color: #fff;
top: 0;
@@ -181,7 +181,7 @@ html, body {
right: 0;
// border-bottom: 1px solid #e2e4ea;
// box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
- z-index: 9999;
+ z-index: 999;
position: sticky;
top: 0;
background-color: #fff;
diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less
index f2cbb2204a..9f093ecaa3 100644
--- a/website/assets/styles/pages/homepage.less
+++ b/website/assets/styles/pages/homepage.less
@@ -9,7 +9,13 @@
font-size: 24px;
line-height: 32px;
font-weight: @bold;
- margin-bottom: 24px;
+ margin-bottom: 8px;
+ }
+
+ h2 {
+ font-size: 24px;
+ font-weight: 800;
+ line-height: 32px;
}
h6 {
@@ -19,54 +25,153 @@
}
.btn {
- font-size: 18px;
+ font-size: 16px;
}
+ [purpose='hero-background'] {
+ background: linear-gradient(270deg, #362863 0%, #272A5E 100%);
+ }
[purpose='hero-banner'] {
- padding-top: 162px;
+ background: url('/images/background-homepage-hero.svg');
+ background-size: cover;
+ background-position: center;
+ padding-top: 80px;
+ padding-bottom: 80px;
width: 100%;
height: 100%;
- background: linear-gradient(173.74deg, #1F1D42 4.94%, #00FFF0 87.78%);
- background-size: 100% 85%;
- background-repeat: no-repeat;
color: #FFFFFF;
+ }
+ [purpose='hero-text'] {
+ max-width: 780px;
+ span {
+ display: block;
+ font-size: 12px;
+ line-height: 24px;
+ font-weight: bold;
+ }
+ h1 {
+ padding-top: 12px;
+ font-weight: 800;
+ font-size: 64px;
+ line-height: 48px;
+ }
+ h6 {
+ padding-top: 32px;
+ font-weight: 400;
+ font-size: 20px;
+ line-height: 28px;
+ }
p {
- font-size: 24px;
- line-height: 32px;
+ padding-top: 25px;
+ font-size: 14px;
+ line-height: 20px;
+ }
+ }
+ [purpose='hero-logos'] {
+ background-color: #192147;
+ height: 80px;
+ [purpose='snowflake-logo'] {
+ height: 30px;
+ }
+ [purpose='wayfair-logo'] {
+ height: 33px;
+ }
+ [purpose='uber-logo'] {
+ height: 30px;
+ }
+ [purpose='atlassian-logo'] {
+ height: 21px;
+ }
+ }
+ [purpose='logo-column'] {
+ img {
+ margin-right: 35px;
+ margin-left: 35px;
+ }
+ }
+ [purpose='slack-button'] {
+ background: #FFFFFF;
+ font-size: 16px;
+ color: #192147;
+ padding: 16px 51px 17px 32px;
+ border: 1px solid #C5C7D1;
+ border-radius: 8px;
+ font-weight: 700;
+ }
+ [purpose='round-button'] {
+ cursor: pointer;
+ height: 60px;
+ width: 240px;
+ background: #FF5C83;
+ border-radius: 30px;
+ color: #FFF;
+ font-weight: 700;
+ font-size: 16px;
+ line-height: 24px;
+ padding: 16px 46px 18px;
+ text-decoration: none;
+ }
+ [purpose='homepage-section'] {
+ padding-top: 120px;
+ padding-bottom: 120px;
+ padding-right: 40px;
+ padding-left: 40px;
+ }
+
+
+ [purpose='homepage-content'] {
+ padding-top: 44px;
+ }
+ [purpose='homepage-top-text-block'] {
+ max-width: 550px;
+ }
+ [purpose='top-image'] {
+ max-width: 600px;
+ width: 100%;
+ }
+
+ [purpose='homepage-text-block'] {
+ max-width: 700px;
+ }
+ [purpose='features-text'] {
+ max-width: 550px;
+ }
+ [purpose='feature-image'] {
+ max-width: 600px;
+ img {
+ width: 100%;
+ height: auto;
}
}
- [purpose='hero-clouds'] {
- background-image: url('/images/clouds-1600x320@2x.png');
- background-position: bottom 150px center;
- background-size: 1600px auto;
- background-repeat: repeat-x;
- }
-
-
- [purpose='top-try-it-out-btn'] {
- max-width: 220px;
- line-height: 24px;
- padding-top: 16px;
- padding-bottom: 16px;
+ [purpose='features'] {
+ margin-top: 120px;
+ margin-bottom: 120px;
+ p {
+ margin-bottom: 0px;
+ }
+ [purpose='features-check-list'] {
+ p::before {
+ content: url('/images/icon-checkmark-6x6@2x.png');
+ margin-right: 12px;
+ }
+ }
}
[purpose='animated-arrow-button-red'] {
color: #192147;
.btn-animated-arrow-red();
}
- [purpose='animated-arrow-button-white'] {
- .btn-animated-arrow-white();
- padding-top: 16px;
- padding-bottom: 16px;
- }
[purpose='log-destination-grid'] {
- max-width: 736px;
+ max-width: 1200px;
+ columns: 4;
}
[purpose='log-destination'] {
+ flex: 1 0 225px;
height: 80px;
+ column-span: 1;
justify-content: center;
align-items: center;
background: #fff;
@@ -80,174 +185,268 @@
}
}
+ [purpose='show-all-tweets-btn'] {
+ margin-top: 18px;
+ padding: 8px 16px;
+ font-size: 16px;
+ line-height: 22px;
+ border-radius: 8px;
+ border: 1px solid #C5C7D1;
+ background: #FFF;
+ cursor: pointer;
+ }
+
+ [purpose='bottom-sandbox-cta'] {
+ padding-top: 80px;
+ }
+
[purpose='tweets'] {
+ position: relative;
max-width: 1200px;
- padding-bottom: 50px;
- box-sizing: content-box;
+ padding-top: 80px;
[purpose='tweet-card'] {
+ margin-left: 8px;
+ margin-right: 8px;
+ margin-bottom: 16px;
text-align: left;
background: #FFFFFF;
padding: 40px;
- margin-bottom: 30px;
border: 1px solid #E2E4EA;
box-sizing: border-box;
box-shadow: 0px 7px 3px 0px rgba(25, 33, 71, 0.1);
border-radius: 16px;
}
}
- [purpose='features'] {
- padding-bottom: 120px;
- p {
- margin-bottom: 0px;
- }
- [purpose='features-text-left'] {
- max-width: 450px;
- padding-right: 80px;
- }
- [purpose='features-text-right'] {
- max-width: 450px;
- padding-left: 80px;
- }
+ [purpose='tweets'].truncated {
+ max-height: 560px;
+ overflow: hidden;
+ top: 0px;
+
+ }
+ [purpose='tweets'].truncated::before {
+ content: '';
+ position: absolute;
+ bottom: 0px;
+ width: 100%;
+ height: 100px;
+ z-index: 2;
+ background: linear-gradient(180deg, rgba(244, 246, 250, 0) 0%, #F4F6FA 100%);
}
- [purpose='report-banner-container'] {
- background: linear-gradient(#FFF 50%, #F4F6FA 50%);
- padding-right: 40px;
- padding-left: 40px;
- }
- [purpose='report-banner-cta'] {
- max-width: 1080px;
- margin-top: 40px;
- border-radius: 16px;
- background-color: #261c50;
- background-image: url('/images/homepage-report-cta-background.svg');
- background-position-x: right;
- background-size: cover;
- color: #FFF;
- padding: 27px 87px 34px 87px;
- img {
- margin-right: 60px;
- height: auto;
+ [parasails-component='modal'] {
+ [purpose='modal-content'] {
+ margin-top: 0px;
+ max-width: 100vw;
+ height: 100vh;
+ width: 100vw;
+ background-color: #192147;
+ border: 0;
+ padding: 120px;
+ box-shadow: none;
+ overflow: hidden;
+ [purpose='modal-close-button'] {
+ margin-top: 40px;
+ margin-right: 40px;
+ color: #FFF;
+ opacity: 1;
+ }
+ }
+ [purpose='modal-dialog'] {
+ max-width: 100%;
+ margin: 0;
+ }
+ [purpose='embedded-content'] {
+ position: relative;
+ padding-bottom: 54.5%;
+ padding-top: 25px;
width: 100%;
- max-width: 309px;
- }
- a {
- font-weight: 400;
- color: #FFF;
+ iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
}
}
-
-
@media (min-width: 1200px) {
[purpose='tweets'] {
padding-left: 0px;
padding-right: 0px;
[purpose='tweet-card'] {
- margin-left: 15px;
- margin-right: 15px;
- flex: 0 1 326px;
+ flex: 1 1 326px;
}
}
}
@media (max-width: 1200px) {
[purpose='tweets'] {
- padding-left: 72px;
- padding-right: 72px;
[purpose='tweet-card'] {
- flex: 1 1 360px;
- margin-bottom: 15px;
- margin-left: 8px;
- margin-right: 8px;
+ flex: 1 1 330px;
}
}
- }
-
- @media (max-width: 990px) {
- [purpose='hero-banner'] {
- padding-top: 172px;
+ [purpose='feature-image'] {
+ width: 560px;
}
- [purpose='tweets'] {
- [purpose='tweet-card'] {
- flex: 1 1 295px;
- }
+ [purpose='features-text'] {
+ max-width: 500px;
}
- [purpose='features'] {
- padding-bottom: 80px;
- [purpose='features-text-left'] {
- padding-right: 0px;
- padding-bottom: 40px;
- max-width: 640px;
- }
- [purpose='features-text-right'] {
- padding-left: 0px;
- padding-bottom: 40px;
- max-width: 640px;
- }
- }
-
- [purpose='report-banner-cta'] {
- padding: 27px 43px 34px 43px;
- img {
- margin-right: 0px;
- }
- }
- [purpose='report-banner-container'] {
- padding-right: 20px;
- padding-left: 20px;
- }
- }
-
-
- @media (min-width: 768px) {
- [purpose='log-destination-grid'] {
- max-width: 976px;
+ [purpose='top-image'] {
+ max-width: 500px;
+ width: 100%;
+ margin-left: 48px;
}
[purpose='log-destination'] {
- flex: 0 0 228px;
+ flex: 1 0 216px;
}
-
}
- @media (max-width: 769px) {
+ @media (max-width: 991px) {
[purpose='tweets'] {
- padding-left: 52px;
- padding-right: 52px;
- [purpose='tweet-card'] {
- flex: 1 1 316px;
- }
+ padding-top: 40px;
}
- [purpose='hero-clouds'] {
- background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 23%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%);
+ [purpose='homepage-top-text-block'] {
+ max-width: 600px;
+ }
+ [purpose='homepage-text-block'] {
+ max-width: 600px;
+ }
+ [purpose='top-image'] {
+ max-width: 600px;
+ margin-left: 0px;
+ margin-top: 80px;
}
[purpose='hero-banner'] {
- padding-top: 222px;
- background-size: 100% 125%;
+ padding-top: 80px;
+ padding-bottom: 80px;
+ padding-left: 120px;
+ padding-right: 120px;
}
- [purpose='report-banner-container'] {
- padding-right: 15px;
- padding-left: 15px;
+ [purpose='hero-text'] {
+ max-width: 600px;
+ h1 {
+ font-size: 44px;
+ }
+ h6 {
+ padding-top: 16px;
+ font-size: 16px;
+ }
+ }
+ [purpose='logo-column'] {
+ img {
+ margin-right: 20px;
+ margin-left: 20px;
+ }
+ }
+ [purpose='homepage-section'] {
+ padding-left: 120px;
+ padding-right: 120px;
+ padding-top: 80px;
+ padding-bottom: 80px;
+ }
+ [purpose='features'] {
+ margin-top: 100px;
+ margin-bottom: 100px;
+ padding-left: 0;
+ padding-right: 0;
+ [purpose='features-text'] {
+ padding-top: 48px;
+ max-width: 600px;
+ }
+ }
+ [purpose='tweet-card'] {
+ flex: 1 1 295px;
+ }
+ [purpose='log-destination-grid'] {
+ columns: 2;
+ max-width: 600px;
+ }
+ [purpose='log-destination'] {
+ flex: 1 0 200px;
}
}
+ @media (max-width: 767px) {
+
+ [purpose='tweets'].truncated {
+ max-height: 630px;
+ }
+
+ [purpose='tweet-card'] {
+ flex: 1 1 316px;
+ }
+
+ [purpose='hero-logos'] {
+ height: 140px;
+ }
+
+ [purpose='homepage-section'] {
+ padding-left: 40px;
+ padding-right: 40px;
+ padding-top: 60px;
+ padding-bottom: 60px;
+ }
+ [purpose='hero-banner'] {
+ padding-top: 60px;
+ padding-bottom: 60px;
+ padding-left: 40px;
+ padding-right: 40px;
+ }
+
+ [purpose='features'] {
+ margin-top: 80px;
+ margin-bottom: 80px;
+ [purpose='features-text'] {
+ padding-top: 40px;
+ }
+ }
+ [parasails-component='modal'] {
+ [purpose='modal-content'] {
+
+ max-width: 100vw;
+ width: 100vw;
+ background-color: #192147;
+ border: 0;
+ padding: 40px;
+ padding-top: 80px;
+ }
+ [purpose='embedded-content'] {
+ position: relative;
+ padding-bottom: 52%;
+ padding-top: 25px;
+ width: 100%;
+ iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+
+ }
+
+ @media (min-width: 991px) and (max-width: 1024px) {
+ [purpose='feature-image'] {
+ max-width: 420px;
+ }
+ }
+
+
@media (min-width: 600px) and (max-width: (767px)) {
[purpose='log-destination'] {
- flex: 0 0 280px;
+ flex: 1 0 230px;
p {
display: flex;
};
}
}
- @media (max-width: 605px) {
- [purpose='hero-banner'] {
- padding-top: 242px;
- }
- }
@media (max-width: 600px) {
[purpose='log-destination'] {
- flex-basis: 160px;
+ flex-basis: 159px;
p {
display: none;
}
@@ -256,6 +455,7 @@
}
@media (max-width: 575px) {
+
h1 {
font-size: 26px;
line-height: 34px;
@@ -268,48 +468,88 @@
font-size: 18px;
line-height: 24px;
}
- [purpose='top-try-it-out-btn'] {
+
+ [purpose='hero-banner'] {
+ padding-top: 60px;
+ padding-bottom: 60px;
+ }
+ [purpose='hero-text'] {
+ padding-left: 40px;
+ padding-right: 40px;
max-width: 100%;
+ p {
+ font-size: 12px;
+ }
+ h1 {
+ font-size: 48px;
+ }
+ h6 {
+ font-size: 16px;
+ }
+ }
+ [purpose='round-button'] {
+ width: 100%;
+ }
+ [purpose='logo-column'] {
+ img {
+ margin-right: 12px;
+ margin-left: 12px;
+ }
+ }
+ [purpose='features-check-list'] {
+ p::before {
+ margin-right: 16px;
+ }
+ p {
+ padding-left: 24px;
+ text-indent: -24px;
+ }
}
[purpose='tweets'] {
- padding-left: 16px;
- padding-right: 16px;
+ padding-left: 0;
+ padding-right: 0;
[purpose='tweet-card'] {
margin-bottom: 30px;
}
}
- [purpose='hero-banner'] {
- padding-top: 216px;
+ [purpose='slack-button'] {
+ width: 100%;
}
+
}
- @media (max-width: 480px) {
- [purpose='features'] {
- [purpose='features-text-left'] {
- max-width: 320px;
- }
- [purpose='features-text-right'] {
- max-width: 320px;
- }
+ @media (max-width: 436px) {
+ [purpose='log-destination'] {
+ flex-basis: 140px;
}
}
@media (max-width: 395px) {
- [purpose='hero-banner'] {
- padding-top: 236px;
- }
- }
-
- @media (max-width: 355px) {
[purpose='log-destination'] {
- flex-basis: 80px;
+ flex-basis: 100px;
+ }
+ [purpose='hero-logos'] {
+ img {
+ display: inline;
+ }
+ [purpose='snowflake-logo'] {
+ height: 22px;
+ width: 113px;
+ }
+ [purpose='wayfair-logo'] {
+ height: 22px;
+ width: 113px;
+ }
+ [purpose='uber-logo'] {
+ height: 22px;
+ width: 62px;
+ }
+ [purpose='atlassian-logo'] {
+ height: 16px;
+ width: 128px;
+ }
}
}
- @media (max-width: 330px) {
- [purpose='hero-banner'] {
- padding-top: 256px;
- }
- }
}
diff --git a/website/assets/styles/pages/platform.less b/website/assets/styles/pages/platform.less
index d58d987e75..704b37f873 100644
--- a/website/assets/styles/pages/platform.less
+++ b/website/assets/styles/pages/platform.less
@@ -28,7 +28,9 @@
}
[purpose='platform-banner-background'] {
- background: linear-gradient(100.68deg, #1F1D42 0%, #00FFF0 100%);
+ background: url('/images/background-homepage-hero.svg');
+ background-position: center;
+ background-size: cover;
overflow: hidden;
}
@@ -97,7 +99,7 @@
color: #F9FAFC;
position: relative;
padding: 100px 80px 0px 80px;
- height: 520px;
+ height: 480px;
[purpose='platform-banner-text'] {
max-width: 544px;
z-index: 2;
@@ -322,7 +324,7 @@
line-height: 54px;
}
[purpose='platform-banner-background'] {
- background: linear-gradient(141.32deg, #1F1D42 0%, #00FFF0 91.41%);;
+ background: url('/images/background-homepage-hero.svg');
overflow: hidden;
}
[purpose='platform-section'] {
diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs
index 8fe0f66561..391a26b5e3 100644
--- a/website/views/layouts/layout.ejs
+++ b/website/views/layouts/layout.ejs
@@ -112,31 +112,21 @@
-
- <% } else { %>
- <% } %>
<%/* Mobile Navigation menu */%>
@@ -194,7 +184,7 @@