Add links to personal pages

src/components/Facebook.tsx

@@ -0,0 +1,12 @@
+import {AboutMeEntry} from "@/components/AboutMeEntry";
+import {FunctionComponent} from "react";
+
+
+export const Facebook: FunctionComponent<any> = () => {
+    return <AboutMeEntry
+        url="https://www.facebook.com/pgrondek"
+        title="Facebook"
+        description=""
+        icon="bi bi-facebook"
+    />
+}

src/components/Instagram.tsx

@@ -0,0 +1,12 @@
+import {AboutMeEntry} from "@/components/AboutMeEntry";
+import {FunctionComponent} from "react";
+
+
+export const Instagram: FunctionComponent<any> = () => {
+    return <AboutMeEntry
+        url="https://www.instagram.com/pgrondek_/"
+        title="Instagram"
+        description="My instagram profile where I put pictures of my LEGO collections, 3D prints and pictures from traveling the world"
+        icon="bi bi-instagram"
+    />
+}

src/pages/index.tsx

@@ -3,17 +3,25 @@ import {Github} from "@/components/Github";
 import {LinkedIn} from "@/components/LinkedIn";
 import {Printables} from "@/components/Printables";
 import {Gitea} from "@/components/Gitea";
+import {Instagram} from "@/components/Instagram";
+import {Facebook} from "@/components/Facebook";
 
 export default function Home() {
     return (
         <main className={`flex min-h-screen flex-col items-center justify-between p-24`}>
             <div className="container">
                 <h2 className="pb-2 border-bottom">Przemek Grondek</h2>
+                <h3 className="pb-1 border-bottom">Personal</h3>
+                <div className="row g-4 py-5 row-cols-1 row-cols-lg-4">
+                    <LinkedIn/>
+                    <Instagram/>
+                    <Facebook/>
+                    <Printables/>
+                </div>
+                <h3 className="pb-1 border-bottom">Software Development</h3>
                 <div className="row g-4 py-5 row-cols-1 row-cols-lg-4">
                     <Gitea/>
                     <Github/>
-                    <LinkedIn/>
-                    <Printables/>
                 </div>
             </div>
         </main>