diff --git a/components/Contact.tsx b/components/Contact.tsx
new file mode 100644
index 0000000..0f8e7a2
--- /dev/null
+++ b/components/Contact.tsx
@@ -0,0 +1,45 @@
+import React from 'react';
+import Image from 'next/image';
+import styles from '../styles/Contact.module.scss';
+
+export const Contact = () => {
+  return (
+    <section className={styles.mainContainer}>
+      <Image
+        className={styles.keepersImage}
+        src='/elvira-iveta.png'
+        layout='responsive'
+        alt='shop keepers'
+        width={251}
+        height={251}
+      />
+      <span className={styles.emailAddress}>
+        info@livonsaarenosuuskauppa.fi
+      </span>
+      <span className={styles.phone}>+358 40 0460600</span>
+      <div className={styles.someContainer}>
+        <a href='https://www.facebook.com/LivonsaarenOsuuskauppa/'>
+          <Image
+            className={styles.someIcon}
+            src='/fb-icon.png'
+            layout='responsive'
+            alt='facebook'
+            width={300}
+            height={300}
+          />
+        </a>
+        <a href='https://www.instagram.com/livonsaaren_osuuskauppa/'>
+          <Image
+            className={styles.someIcon}
+            src='/insta-icon.png'
+            layout='responsive'
+            alt='facebook'
+            width={300}
+            height={300}
+          />
+        </a>
+      </div>
+      <span className={styles.separator} />
+    </section>
+  );
+};
diff --git a/pages/index.tsx b/pages/index.tsx
index 27f1cdb..d9c80cb 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,3 +1,4 @@
+import { Contact } from '../components/Contact';
 import { Header } from '../components/Header';
 import { OpenHours } from '../components/OpenHours';
 import styles from '../styles/Home.module.scss';
@@ -8,6 +9,7 @@ export default function Home() {
       <div className={styles.innerContainer}>
         <Header />
         <OpenHours />
+        <Contact />
       </div>
     </div>
   );
diff --git a/public/big-logo.webp b/public/big-logo.webp
new file mode 100644
index 0000000..bc82bb0
Binary files /dev/null and b/public/big-logo.webp differ
diff --git a/public/fb-icon.png b/public/fb-icon.png
new file mode 100755
index 0000000..26c6885
Binary files /dev/null and b/public/fb-icon.png differ
diff --git a/public/insta-icon.png b/public/insta-icon.png
new file mode 100755
index 0000000..eea657b
Binary files /dev/null and b/public/insta-icon.png differ
diff --git a/styles/Contact.module.scss b/styles/Contact.module.scss
new file mode 100644
index 0000000..a36855f
--- /dev/null
+++ b/styles/Contact.module.scss
@@ -0,0 +1,33 @@
+.mainContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+
+.keepersImage {
+  max-width: 150px;
+  margin-top: 1.5rem;
+}
+
+.emailAddress,
+.phone {
+  margin-top: 1rem;
+}
+
+.someContainer {
+  display: flex;
+  justify-content: space-around;
+  margin-top: 1rem;
+}
+
+.someIcon {
+  max-width: 30px;
+  margin: 15px;
+}
+
+.separator {
+  background-color: #fff;
+  width: 100%;
+  height: 0.05rem;
+}