diff --git a/public/images/partners/partners-light.jpg b/public/images/partners/partners-light.jpg new file mode 100644 index 0000000..95bec1d Binary files /dev/null and b/public/images/partners/partners-light.jpg differ diff --git a/public/images/partners/partners.jpg b/public/images/partners/partners.jpg new file mode 100644 index 0000000..b45b55f Binary files /dev/null and b/public/images/partners/partners.jpg differ diff --git a/public/images/partners/partners.png b/public/images/partners/partners.png deleted file mode 100644 index 5e16a12..0000000 Binary files a/public/images/partners/partners.png and /dev/null differ diff --git a/src/components/common/header/header.module.scss b/src/components/common/header/header.module.scss index d22d6a4..9ad2629 100644 --- a/src/components/common/header/header.module.scss +++ b/src/components/common/header/header.module.scss @@ -104,7 +104,8 @@ border: 1px solid var(--color-white); border-radius: tovw(8px, 'default', 8px); top: tovw(40px, 'default', 30px); - padding: tovw(24px, 'default', 20px); + padding: tovw(23px, 'default', 20px) tovw(24px, 'default', 23px) + tovw(24px, 'default', 20px) tovw(21px, 'default', 19px); background-color: rgb(4 4 4 / 0.8); backdrop-filter: blur(20px); animation: viewporto 250ms ease-in-out; @@ -323,6 +324,10 @@ color: var(--color-black); } + .content { + background-color: unset; + } + .button { @include respond-to('mobile') { border: tovw(1px, 'default', 1px) solid var(--color-black); diff --git a/src/components/sections/about/hero/hero.module.scss b/src/components/sections/about/hero/hero.module.scss index 7e1435f..bf0c17b 100644 --- a/src/components/sections/about/hero/hero.module.scss +++ b/src/components/sections/about/hero/hero.module.scss @@ -17,7 +17,7 @@ @include respond-to('mobile') { display: flex; place-content: center; - min-height: tovw(430px, 'mobile', 495px); + min-height: tovw(380px, 'mobile', 415px); } display: none; @@ -25,8 +25,7 @@ .hero__mobile { @include respond-to('mobile') { display: flex; - margin: tovw(30px, 'mobile', 75px) 0 tovw(-25px, 'mobile') - tovw(10px, 'mobile', 10px); + margin: 0 0 tovw(-75px, 'mobile') tovw(10px, 'mobile', 10px); width: 300%; mix-blend-mode: screen; place-self: center; diff --git a/src/components/sections/careers/hero/hero.module.scss b/src/components/sections/careers/hero/hero.module.scss index 62d34f8..ccc7c68 100644 --- a/src/components/sections/careers/hero/hero.module.scss +++ b/src/components/sections/careers/hero/hero.module.scss @@ -67,6 +67,7 @@ place-content: center; min-height: tovw(750px, 'default', 366px); min-height: tovw(400px, 'mobile', 510px); + margin-top: tovw(-80px, 'mobile', -30px); } display: none; diff --git a/src/components/sections/community/hero/hero.module.scss b/src/components/sections/community/hero/hero.module.scss index 95e45c5..52f9581 100644 --- a/src/components/sections/community/hero/hero.module.scss +++ b/src/components/sections/community/hero/hero.module.scss @@ -7,7 +7,8 @@ padding-bottom: tovw(18px, 'mobile'); width: 100vw; min-height: 100vh; - gap: tovw(49px, 'default', 49px); + gap: tovw(10px, 'mobile'); + padding-top: unset; } display: grid; @@ -25,7 +26,7 @@ @include respond-to('mobile') { display: flex; place-content: center; - min-height: tovw(450px, 'mobile', 515px); + min-height: tovw(460px, 'mobile', 515px); } display: none; diff --git a/src/components/sections/contact/hero/hero.module.scss b/src/components/sections/contact/hero/hero.module.scss index 40b5e4a..0cb3954 100644 --- a/src/components/sections/contact/hero/hero.module.scss +++ b/src/components/sections/contact/hero/hero.module.scss @@ -61,9 +61,9 @@ @include respond-to('mobile') { display: flex; place-content: center; - margin-top: tovw(-210px, 'default', -220px); - margin-bottom: tovw(-60px, 'default', -70px); - min-height: tovw(925px, 'default', 485px); + margin-top: tovw(-270px, 'mobile', -280px); + margin-bottom: tovw(-60px, 'mobile'); + min-height: tovw(660px, 'mobile', 660px); } display: none; @@ -223,6 +223,10 @@ } } + .hero__container { + mix-blend-mode: darken; + } + .video_container { mix-blend-mode: darken; } diff --git a/src/components/sections/newsroom/hero/hero.module.scss b/src/components/sections/newsroom/hero/hero.module.scss index 344e289..969d8fd 100644 --- a/src/components/sections/newsroom/hero/hero.module.scss +++ b/src/components/sections/newsroom/hero/hero.module.scss @@ -55,9 +55,10 @@ .hero__container { @include respond-to('mobile') { - min-height: tovw(360px, 'mobile', 460px); + min-height: tovw(420px, 'mobile', 480px); display: flex; place-content: center; + margin-top: tovw(-80px, 'mobile', -90px); } display: none; diff --git a/src/components/sections/partners/hero/hero.module.scss b/src/components/sections/partners/hero/hero.module.scss index b0040f0..45df23c 100644 --- a/src/components/sections/partners/hero/hero.module.scss +++ b/src/components/sections/partners/hero/hero.module.scss @@ -57,7 +57,11 @@ @include respond-to('mobile') { display: flex; place-content: center; - min-height: tovw(400px, 'mobile', 480px); + min-height: tovw(350px, 'mobile', 310px); + + img { + width: 115% !important; + } } display: none; diff --git a/src/components/sections/partners/hero/index.tsx b/src/components/sections/partners/hero/index.tsx index 660f3ae..1a0d2c6 100644 --- a/src/components/sections/partners/hero/index.tsx +++ b/src/components/sections/partners/hero/index.tsx @@ -42,8 +42,8 @@ const Hero = ({ data }: Props) => { partnersHeroMobileRef.current.src = theme === 'dark' - ? '/images/partners/partners.png' - : '/images/partners/partners.png' + ? '/images/partners/partners.jpg' + : '/images/partners/partners-light.jpg' }, [theme]) return ( diff --git a/src/components/sections/partners/opportunities/opportunities.module.scss b/src/components/sections/partners/opportunities/opportunities.module.scss index 02c5fae..8cc2ffa 100644 --- a/src/components/sections/partners/opportunities/opportunities.module.scss +++ b/src/components/sections/partners/opportunities/opportunities.module.scss @@ -50,6 +50,14 @@ border-bottom: tovw(1px, 'default', 1px) solid var(--color-grey-light); } + &:nth-child(even) { + grid-template-columns: auto tovw(300px, 'default', 50px); + + .item_image { + grid-area: 1 / 2 / 2 / 3; + } + } + .item_image { @include respond-to('mobile') { display: none; diff --git a/src/components/sections/products/app/app.module.scss b/src/components/sections/products/app/app.module.scss index 372a1fe..7ef5a6a 100644 --- a/src/components/sections/products/app/app.module.scss +++ b/src/components/sections/products/app/app.module.scss @@ -6,7 +6,7 @@ height: unset; padding: 0; margin-bottom: 0; - padding-bottom: tovw(88px, 'mobile'); + padding-bottom: tovw(60px, 'mobile'); } display: flex; @@ -49,6 +49,7 @@ div:first-child { @include respond-to('mobile') { width: 100%; + min-height: tovw(300px, 'mobile', 340px); } position: relative; diff --git a/src/components/sections/products/hero/hero.module.scss b/src/components/sections/products/hero/hero.module.scss index d6d2cc2..0078cb3 100644 --- a/src/components/sections/products/hero/hero.module.scss +++ b/src/components/sections/products/hero/hero.module.scss @@ -45,7 +45,7 @@ .hero__mobile { @include respond-to('mobile') { display: flex; - margin: tovw(50px, 'mobile', 130px) 0 tovw(50px, 'mobile', 70px) + margin: tovw(30px, 'mobile', 70px) 0 tovw(30px, 'mobile', 40px) tovw(16px, 'mobile', 20px); width: 200%; mix-blend-mode: screen; diff --git a/src/components/sections/products/network/index.tsx b/src/components/sections/products/network/index.tsx index 9a4006d..1c51123 100644 --- a/src/components/sections/products/network/index.tsx +++ b/src/components/sections/products/network/index.tsx @@ -56,11 +56,13 @@ const Network = ({ data }: Props) => { {data?.networkHeading}
{data?.networkDesc}
-
diff --git a/src/components/sections/products/network/network.module.scss b/src/components/sections/products/network/network.module.scss
index 73a2e68..915e58c 100644
--- a/src/components/sections/products/network/network.module.scss
+++ b/src/components/sections/products/network/network.module.scss
@@ -3,7 +3,7 @@
.section {
@include respond-to('mobile') {
padding: 0;
- padding-bottom: tovw(18px, 'mobile');
+ padding-bottom: tovw(14px, 'mobile');
}
position: relative;
@@ -48,7 +48,7 @@
@include respond-to('mobile') {
display: flex;
flex-direction: column;
- margin-top: tovw(25px, 'mobile');
+ margin-top: tovw(15px, 'mobile');
}
display: grid;
@@ -111,16 +111,20 @@
mix-blend-mode: screen;
}
- .network__img__mobile {
- @include respond-to('mobile') {
- display: unset;
- margin: tovw(60px, 'mobile') 0 tovw(20px, 'mobile') 0;
- width: 100%;
- mix-blend-mode: screen;
- max-width: tovw(400px, 'default', 400px);
- }
+ .mobile_img_container {
+ min-height: tovw(268px, 'mobile', 450px);
- display: none;
+ .network__img__mobile {
+ @include respond-to('mobile') {
+ display: unset;
+ margin: tovw(30px, 'mobile') 0 tovw(20px, 'mobile') 0;
+ width: 100%;
+ mix-blend-mode: screen;
+ max-width: tovw(400px, 'default', 400px);
+ }
+
+ display: none;
+ }
}
}
}
diff --git a/src/components/sections/products/stack/stack.module.scss b/src/components/sections/products/stack/stack.module.scss
index 29a7cb3..fba586c 100644
--- a/src/components/sections/products/stack/stack.module.scss
+++ b/src/components/sections/products/stack/stack.module.scss
@@ -3,7 +3,7 @@
.section {
@include respond-to('mobile') {
padding: 0;
- padding-bottom: tovw(88px, 'mobile');
+ padding-bottom: tovw(68px, 'mobile');
}
position: relative;
@@ -47,6 +47,10 @@
}
div:nth-child(2) {
+ @include respond-to('mobile') {
+ margin-top: tovw(35px, 'mobile');
+ }
+
margin-top: tovw(165px, 'default', 80px);
ol {