diff --git a/src/modules/landingV3/Componets/HeroV5/HeroV5.module.scss b/src/modules/landingV3/Componets/HeroV5/HeroV5.module.scss index 854cd1f91..4b6fef6b1 100644 --- a/src/modules/landingV3/Componets/HeroV5/HeroV5.module.scss +++ b/src/modules/landingV3/Componets/HeroV5/HeroV5.module.scss @@ -6,11 +6,12 @@ display: flex; align-items: flex-start; gap: 125px; - margin-bottom: 40px; + margin-bottom: 60px; @include is-mobile { gap: 60px; flex-direction: column; + margin-bottom: 40px; } .left { diff --git a/src/modules/landingV3/Componets/UserReviews/UserReviews.module.scss b/src/modules/landingV3/Componets/UserReviews/UserReviews.module.scss index 467ea43c8..dc57d03ef 100644 --- a/src/modules/landingV3/Componets/UserReviews/UserReviews.module.scss +++ b/src/modules/landingV3/Componets/UserReviews/UserReviews.module.scss @@ -1,34 +1,43 @@ .wrapper { .item_wrapper { - height: 225px; + height: 210px; position: relative; - padding: 48px 24px 12px; + // padding: 48px 24px 12px; border-radius: 8px; + overflow: hidden; background: #FAFAFA; margin: 0 12px; - margin-top: 40px; + // margin-top: 40px; + display: flex; + flex-direction: column; + gap: 16px; .avatar { - max-width: 71px; - position: absolute; - top: 0; - left: 24px; - transform: translateY(-50%); + padding: 12px 20px; + background: #F4F4F4; + + // position: absolute; + // top: 0; + // left: 24px; + // transform: translateY(-50%); } .text { display: flex; align-items: start; gap: 8px; + padding-left: 20px; + padding-right: 27px; p { flex: 1; color: #000; font-family: "SF Pro Display"; - font-size: 14px; - // font-style: italic; + font-size: 16px; + font-style: normal; font-weight: 400; - line-height: 140%; + line-height: 24px; + /* 150% */ margin-top: 3px; /* 19.6px */ // margin-bottom: 16px; @@ -39,22 +48,20 @@ .name { color: #000; font-family: "SF Pro Display"; - font-size: 12px; + font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; white-space: nowrap; - /* 16.8px */ } .username { color: #000; font-family: "SF Pro Display"; - font-size: 11px; + font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%; - /* 15.4px */ opacity: 0.7; } } diff --git a/src/modules/landingV3/Componets/UserReviews/index.tsx b/src/modules/landingV3/Componets/UserReviews/index.tsx index aee6e3606..288d9b52c 100644 --- a/src/modules/landingV3/Componets/UserReviews/index.tsx +++ b/src/modules/landingV3/Componets/UserReviews/index.tsx @@ -18,12 +18,8 @@ const CONTENT = [ content: () => ( <> Rollups are the new server. -
Rollup as a service providers are the new Wordpress. -
-
They handle the infra so you can focus on the user experience / - application / business logic
-
lfg! crazy to think this is all happening +
Rollup as a service providers are the new Wordpress. ), name: 'Patrick McCorry', @@ -54,11 +50,12 @@ provability, etc`, <> @ethereum is the verifiable internet
+
Rollups are the verifiable web server
- @eigenlayer is the verifiable cloud + {/* @eigenlayer is the verifiable cloud
- eoracle is the verifiable real-world + eoracle is the verifiable real-world */} ), @@ -94,8 +91,8 @@ const Item = (props: ItemProps) => { return (
- - user avatar + + user avatar
{name}
{username}
@@ -104,6 +101,35 @@ const Item = (props: ItemProps) => {
+ + + + + + + + + + + +

{typeof content === 'function' ? content() : content}