Shell

components/pages/Home.jsx

@@ -1,13 +1,14 @@
 import { homeItems } from "../../data";
 import PostCard from "../Card";
+import Content from "../Content";
 
 const Home = () => {
   return (
-    <div class="py-32">
+    <Content>
       {homeItems.map(i => (
         <PostCard {...i} />
       ))}
-    </div>
+    </Content>
   )
 }
 

components/pages/Profile.jsx

@@ -1,10 +1,11 @@
 import { homeItems } from "../../data";
+import Content from "../Content";
 
 const Profile = () => {
   return (
-    <div class="py-32">
+    <Content>
       <h2>Profile</h2>
-    </div>
+    </Content>
   )
 }
 

components/pages/Settings.jsx

@@ -1,8 +1,10 @@
+import Content from "../Content";
+
 const Settings = () => {
   return (
-    <div class="py-32">
+    <Content className="p-4">
       <h2>Settings</h2>
-    </div>
+    </Content>
   )
 }