diff --git a/code/frontend/vogel-social-media/assets/evening.jpg b/code/frontend/vogel-social-media/assets/evening.jpg
new file mode 100644
index 0000000..42af11e
Binary files /dev/null and b/code/frontend/vogel-social-media/assets/evening.jpg differ
diff --git a/code/frontend/vogel-social-media/assets/images/BirdsSky.jpg b/code/frontend/vogel-social-media/assets/images/BirdsSky.jpg
new file mode 100644
index 0000000..93b1400
Binary files /dev/null and b/code/frontend/vogel-social-media/assets/images/BirdsSky.jpg differ
diff --git a/code/frontend/vogel-social-media/assets/images/PortraitForestAndStreet.jpg b/code/frontend/vogel-social-media/assets/images/PortraitForestAndStreet.jpg
new file mode 100644
index 0000000..38a5569
Binary files /dev/null and b/code/frontend/vogel-social-media/assets/images/PortraitForestAndStreet.jpg differ
diff --git a/code/frontend/vogel-social-media/assets/images/owl_50dp_black.svg b/code/frontend/vogel-social-media/assets/images/owl_50dp_black.svg
new file mode 100644
index 0000000..7c7bb8b
--- /dev/null
+++ b/code/frontend/vogel-social-media/assets/images/owl_50dp_black.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#000000"><path d="M480-80q-133 0-226.5-92.42T160-398v-205q0-120.69 96-198.85Q352-880 480-880t224 78.15q96 78.16 96 198.85v523H480Zm0-60h109q-32-30-50.5-71T520-300v-29q-10 2-20 2h-20q-73 0-139-29.5T223-437l-3 39q0 107.5 75.83 182.75Q371.67-140 480-140Zm100-160q0 66 47 113t113 47l-3-297q-33.86 33.43-72.93 57.21Q625-356 580-342v42ZM450-562q0-74-52-124.5T274-737q-25.83 27.03-39.91 60.81Q220-642.41 220-603q0 97 78.56 156.5t181.5 59.5Q583-387 661.5-446.5T740-603q0-40-14.5-73.5T685-737q-72 1-123.5 51.66T510-562h-60Zm-115.18-11q-12.82 0-21.32-8.68-8.5-8.67-8.5-21.5 0-12.82 8.68-21.32 8.67-8.5 21.5-8.5 12.82 0 21.32 8.68 8.5 8.67 8.5 21.5 0 12.82-8.68 21.32-8.67 8.5-21.5 8.5Zm290 0q-12.82 0-21.32-8.68-8.5-8.67-8.5-21.5 0-12.82 8.68-21.32 8.67-8.5 21.5-8.5 12.82 0 21.32 8.68 8.5 8.67 8.5 21.5 0 12.82-8.68 21.32-8.67 8.5-21.5 8.5ZM337-785q46 14 83 43t60 68q23-40 59.5-68.5T622-785q-32-17-68.02-26-36.02-9-74-9t-74.48 9q-36.5 9-68.5 26Zm463 645H520h280Zm-320 0q-108.33 0-184.17-75.25Q220-290.5 220-398h3q-2 108 73.54 183T480-140h109-109Zm100-160q0 66 46.5 113T737-140h3q-66 0-113-47t-47-113ZM479-674Z"/></svg>
\ No newline at end of file
diff --git a/code/frontend/vogel-social-media/assets/images/raven_50dp_black.svg b/code/frontend/vogel-social-media/assets/images/raven_50dp_black.svg
new file mode 100644
index 0000000..4d31d3c
--- /dev/null
+++ b/code/frontend/vogel-social-media/assets/images/raven_50dp_black.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#000000"><path d="m324-83-55-23 60-145q-110-24-179.5-111.5T80-562.24V-727q0-64 45.24-108.5T234-880q17.39 0 33.19 4Q283-872 299-865l234 97-146 54v76l453 288 40 190h-80l-38-84H552v164h-60v-164H391L324-83Zm74-221h402l-101-64H397.6q-68.6 0-119.1-46T228-528h60q0 43 32.31 71.5Q352.63-428 398-428h207L327-605v-122q0-38.36-27.45-65.68-27.45-27.32-66-27.32t-66.05 27Q140-766 140-727v165q0 107.5 75.25 182.75T398-304ZM234.18-697q-12.83 0-21.5-8.68-8.68-8.67-8.68-21.5 0-12.82 8.68-20.82 8.67-8 21.5-8 12.82 0 20.82 8t8 20.82q0 12.83-8 21.5-8 8.68-20.82 8.68ZM398-368Z"/></svg>
\ No newline at end of file