chore: adjust ProfileCards position

src/pages/index.mdx

@@ -93,24 +93,6 @@ import {
   />
 </Box>
 
-<Box top={{ xs: 144, lg: 216 }}>
-  <CallToActionSection
-    title="Team"
-    columns={1}
-  />
-  <ProfileCards
-    items={[
-      {
-        name: 'Name',
-        githubUsername: 'Github',
-        githubLink: 'https://github.com/',
-        discordUsername: 'Discord',
-        discordLink: 'https://discord.gg/',
-      },
-    ]}
-  />
-</Box>
-
 <Box top={{ xs: 144, lg: 216 }}>
   <Roadmap
     title="Roadmap"
@@ -153,6 +135,24 @@ import {
   </Roadmap>
 </Box>
 
+<Box top={{ xs: 144, lg: 216 }}>
+  <CallToActionSection
+    title="Team"
+    columns={1}
+  />
+  <ProfileCards
+    items={[
+      {
+        name: 'Name',
+        githubUsername: 'Github',
+        githubLink: 'https://github.com/',
+        discordUsername: 'Discord',
+        discordLink: 'https://discord.gg/',
+      },
+    ]}
+  />
+</Box>
+
 <Box top={{ xs: 144, lg: 336 }}>
   <CallToActionSection
     title={