diff --git a/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/readme.md b/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/readme.md
index f6ce326cb..dc205ed8d 100644
--- a/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/readme.md
+++ b/content/roadmaps/103-react/content/100-react-fundamental-topics/102-components/readme.md
@@ -1 +1,9 @@
-# Components
\ No newline at end of file
+# Components
+
+Components are the building blocks of React applications. They let us split the UI into independent, reusable pieces, and think about each piece in isolation.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/components-and-props.html'>Components and Props</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/react-component.html'>Components in Depth</BadgeLink>
+
+