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 (
{typeof content === 'function' ? content() : content}