add

src/App.js

@@ -141,7 +141,7 @@ function App() {
         {/* <TimeLineComponent /> */}
         {/* <CardTrelloDesign /> */}
         {/* <ReligiousTimes /> */}
-        {/* <DistributedData /> */}
+        <DistributedData />
         {/* <CardDesign1 /> */}
         {/* <CardDesign2 /> */}
         {/* <LeafletMap /> */}

src/components/UserProfileInfo/index.js

@@ -1,11 +1,14 @@
 import React from "react";
 import DistributedData from "../DistributedData";
 
+import ProfileInfo from "../ProfileInfo";
+import DateTime from "../DateTime";
+
 const UserProfileInfo = () => {
   return (
-    <div>
+    <DistributedData
-      <DistributedData items={} />
+      items={[[{ name: <DateTime /> }, { name: <ProfileInfo /> }]]}
-    </div>
+    />
   );
 };