diff --git a/src/data/tabs.json b/src/data/tabs.json index 84b82a7..0a24a09 100644 --- a/src/data/tabs.json +++ b/src/data/tabs.json @@ -18,5 +18,9 @@ "ranklist": { "href": "/ranklist", "text": "Ranklista" + }, + "contact": { + "href": "/contact", + "text": "Kapcsolat" } } diff --git a/src/pages/contact.js b/src/pages/contact.js new file mode 100644 index 0000000..17c568f --- /dev/null +++ b/src/pages/contact.js @@ -0,0 +1,43 @@ +import React from 'react' +import Head from 'next/head' + +import styles from './contact.module.css' + +const contactMethods = { + irc: { + title: 'IRC chat', + description: 'irc real time chat', + onClick: () => { + console.log('IRC') + }, + }, + email: { + title: 'E-mail', + description: 'email', + onClick: () => { + console.log('email') + }, + }, +} + +export default function Contact() { + return ( +
+ + Kapcsolat - Qmining | Frylabs.net + +
+
Itt vannak hogy hogy lehet kontaktolni
+ {Object.keys(contactMethods).map((key) => { + const { onClick, title, description } = contactMethods[key] + return ( +
+
{title}
+
{description}
+
+ ) + })} +
+
+ ) +} diff --git a/src/pages/contact.module.css b/src/pages/contact.module.css new file mode 100644 index 0000000..620c8fb --- /dev/null +++ b/src/pages/contact.module.css @@ -0,0 +1,7 @@ +.contactsContainer { + margin: 5px; +} + +.contactsContainer > div { + display: flex; +}