diff --git a/components/md-renderer/mdx-components/index.tsx b/components/md-renderer/mdx-components/index.tsx
index 2a3f1a819..c3b21e448 100644
--- a/components/md-renderer/mdx-components/index.tsx
+++ b/components/md-renderer/mdx-components/index.tsx
@@ -10,6 +10,7 @@ import EnrichedLink from './a';
import { BadgeLink } from './badge-link';
import { Li, Ul } from './ul';
import PremiumBlock from './premium-block';
+import { ResourceGroupTitle } from './resource-group-title';
const MdxComponents = {
p: P,
@@ -22,6 +23,7 @@ const MdxComponents = {
img: Img,
code: Code,
BadgeLink: BadgeLink,
+ ResourceGroupTitle: ResourceGroupTitle,
PremiumBlock: PremiumBlock,
ul: Ul,
li: Li
diff --git a/components/md-renderer/mdx-components/resource-group-title.tsx b/components/md-renderer/mdx-components/resource-group-title.tsx
new file mode 100644
index 000000000..95eca8111
--- /dev/null
+++ b/components/md-renderer/mdx-components/resource-group-title.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import { Heading } from '@chakra-ui/react';
+
+type ResourceGroupTitleProps = {
+ children: React.ReactNode;
+};
+
+export function ResourceGroupTitle(props: ResourceGroupTitleProps) {
+ const { children } = props;
+
+ return {children};
+}
diff --git a/content/roadmaps/100-frontend/content/100-internet/readme.md b/content/roadmaps/100-frontend/content/100-internet/readme.md
index afd51fb0e..d0c9f207f 100644
--- a/content/roadmaps/100-frontend/content/100-internet/readme.md
+++ b/content/roadmaps/100-frontend/content/100-internet/readme.md
@@ -2,6 +2,7 @@
The Internet is a global network of computers connected to each other which communicate through a standardized set of protocols.
+Free Content
Introduction to Internet
How does the Internet work?
The Internet Explained