Merge pull request #819 from TrustlessComputer/arch/new-home

update sapcing
TrustlessComputer · Nov 7, 2024 · 0dc03a4 · 0dc03a4
2 parents 142917f + 9f524d8
commit 0dc03a4
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 22 deletions.
diff --git a/src/modules/landingV3/Componets/UserReviews/index.tsx b/src/modules/landingV3/Componets/UserReviews/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Slider from 'react-slick';
 import s from './UserReviews.module.scss';
-import { Flex, Image } from '@chakra-ui/react';
+import { Flex, Image, Text } from '@chakra-ui/react';
 
 type Props = {};
 
@@ -17,9 +17,8 @@ const CONTENT = [
     avatarSrc: '/landing-v6/avt-stonecoldpat0.png',
     content: () => (
       <>
-        Rollups are the new server.
-        <br />
-        <br /> Rollup as a service providers are the new Wordpress.
+        <span>Rollups are the new server.</span>
+        <span>Rollup as a service providers are the new Wordpress. </span>
       </>
     ),
     name: 'Patrick McCorry',
@@ -48,11 +47,8 @@ provability, etc`,
     // eoracle is the verifiable real-world connection.`,
     content: () => (
       <>
-        @ethereum is the verifiable internet
-        <br />
-        <br />
-        Rollups are the verifiable web server
-        <br />
+        <span>@ethereum is the verifiable internet</span>
+        <span>Rollups are the verifiable web server</span>
         {/* @eigenlayer is the verifiable cloud
         <br />
         eoracle is the verifiable real-world */}
@@ -73,10 +69,10 @@ provability, etc`,
     avatarSrc: '/landing-v6/avt-Polymer_Labs.png',
     content: () => (
       <>
-        The future of Ethereum interop will resemble the cloud today
-        <br />
-        <br />
-        Rollups = on-chain web servers
+        <span>
+          The future of Ethereum interop will resemble the cloud today
+        </span>
+        <span>Rollups = on-chain web servers</span>
       </>
     ),
 
@@ -130,7 +126,9 @@ const Item = (props: ItemProps) => {
             </defs>
           </svg>
 
-          <p>{typeof content === 'function' ? content() : content}</p>
+          <Text display={'flex'} flexDir={'column'} gap="12px">
+            {typeof content === 'function' ? content() : content}
+          </Text>
         </div>
       </Flex>
     </div>

diff --git a/src/modules/landingV3/styles.module.scss b/src/modules/landingV3/styles.module.scss
@@ -6,22 +6,15 @@
   background-color: #fff;
   padding: 80px 0;
 
-  //padding-bottom: 0;
-  //background-color: #f4f4f4;
   @include is-min-table {
     padding: 120px 0;
-    //padding-bottom: 0;
   }
 }
 
 .bottom {
   background-color: rgb(250, 250, 250);
 
-  //margin-top: 80px;
-  //@include is-min-table {
-  //   padding-top: 80px;
-  //   padding-bottom: 80px;
-  //}
+
   &_top {
     text-align: center;