final fixes

explorer-nextjs/src/app/(pages)/onboarding/[slug]/page.tsx

@@ -106,7 +106,9 @@ export default async function BlogPage({
                     {section.text.map(({ text }) => (
                       <Box key={text} sx={{ mt: 3 }}>
                         <Typography variant="body2" component="span">
-                          <Markdown>{text}</Markdown>
+                          <Markdown className="reactMarkDownLink reactMarkDownList">
+                            {text}
+                          </Markdown>
                         </Typography>
                       </Box>
                     ))}

explorer-nextjs/src/app/(pages)/stake/page.tsx

@@ -1,5 +1,5 @@
-import BlogArticlesCards from "@/components/blogs/BlogArticleCards";
-import Grid from "@mui/material/Grid2";
+// import BlogArticlesCards from "@/components/blogs/BlogArticleCards";
+// import Grid from "@mui/material/Grid2";
 import { ContentLayout } from "../../../components/contentLayout/ContentLayout";
 import SectionHeading from "../../../components/headings/SectionHeading";
 import OverviewCards from "../../../components/staking/OverviewCards";
@@ -13,12 +13,12 @@ export default async function StakingPage() {
       <SubHeaderRow />
       <OverviewCards />
       <StakeTableWithAction />
-      <Grid container columnSpacing={5} rowSpacing={5}>
+      {/* <Grid container columnSpacing={5} rowSpacing={5}>
         <Grid size={12}>
           <SectionHeading title="Onboarding" />
         </Grid>
         <BlogArticlesCards ids={[1]} />
-      </Grid>
+      </Grid> */}
     </ContentLayout>
   );
 }

explorer-nextjs/src/app/(pages)/table/page.tsx

@@ -1,11 +1,11 @@
-import BlogArticlesCards from "@/components/blogs/BlogArticleCards";
+// import BlogArticlesCards from "@/components/blogs/BlogArticleCards";
 import { ContentLayout } from "@/components/contentLayout/ContentLayout";
 import SectionHeading from "@/components/headings/SectionHeading";
 import NodeTableWithAction from "@/components/nodeTable/NodeTableWithAction";
 import NodeAndAddressSearch from "@/components/search/NodeAndAddressSearch";
 import { Wrapper } from "@/components/wrapper";
 import { Box, Stack } from "@mui/material";
-import Grid from "@mui/material/Grid2";
+// import Grid from "@mui/material/Grid2";
 
 export default function ExplorerPage() {
   return (
@@ -18,12 +18,12 @@ export default function ExplorerPage() {
         <Box sx={{ mt: 5 }}>
           <NodeTableWithAction />
         </Box>
-        <Grid container columnSpacing={5} rowSpacing={5} mt={10}>
+        {/* <Grid container columnSpacing={5} rowSpacing={5} mt={10}>
           <Grid size={12}>
             <SectionHeading title="Onboarding" />
           </Grid>
           <BlogArticlesCards limit={2} />
-        </Grid>
+        </Grid> */}
       </Wrapper>
     </ContentLayout>
   );

explorer-nextjs/src/app/globals.css

@@ -54,7 +54,11 @@ a {
 }
 
 .reactMarkDownLink a {
-  color: #00ca33;
+  color: #000000;
   display: inline;
   font-weight: 700;
 }
+
+.reactMarkDownList ul {
+  margin-left: 20px;
+}

explorer-nextjs/src/components/header/menuItems.ts

@@ -8,7 +8,7 @@ const MENU_DATA: MenuItem[] = [
   {
     id: 1,
     title: "Explorer",
-    url: "/explorer",
+    url: "/table",
   },
   {
     id: 2,

explorer-nextjs/src/components/landingPageComponents/StakersNumberCard.tsx

@@ -17,7 +17,7 @@ export const RewardsCard = () => {
 
   if (isLoading) {
     return (
-      <ExplorerCard label="NYM Delegations">
+      <ExplorerCard label="Number of delegations">
         <Skeleton variant="text" height={90} />
       </ExplorerCard>
     );
@@ -25,7 +25,7 @@ export const RewardsCard = () => {
 
   if (isError || !observatoryNodes) {
     return (
-      <ExplorerCard label="NYM Delegations">
+      <ExplorerCard label="Number of delegations">
         <Typography variant="h3" sx={{ color: "pine.950" }}>
           Failed to load node data.
         </Typography>
@@ -41,7 +41,7 @@ export const RewardsCard = () => {
   const allStakers = getActiveStakersNumber(observatoryNodes);
 
   return (
-    <ExplorerCard label="NYM Delegations">
+    <ExplorerCard label="Number of delegations">
       <Typography variant="h3" sx={{ color: "pine.950" }}>
         {allStakers}
       </Typography>

explorer-nextjs/src/components/staking/StakeTable.tsx

@@ -552,7 +552,7 @@ const StakeTable = ({ nodes }: { nodes: MappedNymNodes }) => {
           size="large"
           onClick={(e) => e.stopPropagation()}
         >
-          <Link href="/explorer" underline="none" color="inherit">
+          <Link href="/table" underline="none" color="inherit">
             Stake
           </Link>
         </Button>

explorer-nextjs/src/data/Welcome-to-explorer-2.json

@@ -63,15 +63,43 @@
     },
     {
       "id": "section-2",
-      "heading": "Key features",
+      "heading": "Current features",
       "text": [
         {
           "type": "parapraph",
-          "text": "Our team is already preparing with features for the next release: like enabling visitor comments on node pages, adding advanced filters for node and gateway search, role based filtering for easy overview and the much awaited dark mode - just to list a few."
+          "text": "Explorer 2.0 was designed with simplicity in mind. It’s Lightweight web-app that provides easy access on mobile and desktop that uses all new APIs providing live network and NYM token economic metrics. "
         },
         {
           "type": "paragraph",
-          "text": "Let's continue exploring together! If there is a feature that you’d like to see in a future release, or in case you found a bug: do let us know in our community channels so we can improve and tailor the explorer to your needs."
+          "text": "The new design also has a 4-star scale to display an all-in-one quality of service score that is built routing, setup & probe scores, enabling easier overview for both VPN user and stakers."
+        },
+        {
+          "type": "paragraph",
+          "text": "The new design allows anyone to track their favorite nodes using the “Fav button” that creates a local only cache about the nodes they want to keep an eye on. While the refreshed staking interface providing easy overview of accumulated rewards and one-click reward redemption from multiple nodes."
+        }
+      ]
+    },
+    {
+      "id": "section-3",
+      "heading": "Upcoming features",
+      "text": [
+        {
+          "type": "parapraph",
+          "text": "Our team is already preparing with features for the next release: like enabling visitor comments on node pages, adding advanced filters for node and gateway search, role based filtering and the much awaited dark mode - just to list a few."
+        }
+      ]
+    },
+    {
+      "id": "section-4",
+      "heading": "Let’s continue exploring together!",
+      "text": [
+        {
+          "type": "parapraph",
+          "text": "If there’s a feature that you’d like to see in a future release or in case you found a bug: let us know in our community channels so we can improve the explorer experience together!"
+        },
+        {
+          "type": "parapraph",
+          "text": "- [X](https://x.com/nymproject) \n\n - [Telegram](https://t.me/nymchan) \n\n - [Matrix](https://matrix.to/#/%23nym-community:nymtech.chat) \n\n - [Discord](https://nym.com/blog/discord.gg/nym) "
         }
       ]
     }

explorer-nextjs/src/theme/markdown-styles.module.css

@@ -16,15 +16,3 @@
 .reactMarkDownLink {
   display: inline;
 }
-
-.reactMarkDownLink p {
-  margin: 7px 0px;
-  font-size: 14px;
-  display: inline-block;
-}
-
-.reactMarkDownLink a {
-  font-size: 14px;
-  color: #fb6e4e;
-  display: inline;
-}