From 8a1ae826f18b4b32b3b7d236919f9e714b623d86 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Przemys=C5=82aw=20Grondek?= <przemek@grondek.pl>
Date: Thu, 26 Oct 2023 17:51:45 +0200
Subject: [PATCH] Add links to personal pages

---
 src/components/Facebook.tsx  | 12 ++++++++++++
 src/components/Instagram.tsx | 12 ++++++++++++
 src/pages/index.tsx          | 12 ++++++++++--
 3 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 src/components/Facebook.tsx
 create mode 100644 src/components/Instagram.tsx

diff --git a/src/components/Facebook.tsx b/src/components/Facebook.tsx
new file mode 100644
index 0000000..eecb950
--- /dev/null
+++ b/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"
+    />
+}
diff --git a/src/components/Instagram.tsx b/src/components/Instagram.tsx
new file mode 100644
index 0000000..2f86e36
--- /dev/null
+++ b/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"
+    />
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 9f908df..3cab54d 100644
--- a/src/pages/index.tsx
+++ b/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>