Move everything into a same index component

components/Contact.tsx

@@ -1,45 +0,0 @@
-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='separator' />
-    </section>
-  );
-};

components/Header.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import styles from '../styles/Header.module.scss';
-import Image from 'next/image';
-
-export const Header = () => {
-  return (
-    <header className={styles.mainContainer}>
-      <span className={styles.addressText}>
-        Velkuantie 988, 21180 Livonsaari
-      </span>
-      <Image
-        src='/big-logo.webp'
-        layout='responsive'
-        alt='main'
-        width={528}
-        height={237}
-      />
-      <h1 className={styles.subTitleText}>Kauppa&Ravintola&Kahvila&Baari</h1>
-    </header>
-  );
-};

components/OpenHours.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import styles from '../styles/OpenHours.module.scss';
-
-export const OpenHours = () => {
-  return (
-    <section className={styles.mainContainer}>
-      <h2 className={styles.openHoursBold}>Auki:</h2>
-      <span className={styles.openHours}>ma-la 12:00-19:00</span>
-      <p className={styles.openHoursDesc}>
-        kysynnän ja sään salliessa myös pidempään
-      </p>
-      <h2 className={styles.openHoursBold}>Tervetuloa!</h2>
-    </section>
-  );
-};

components/PostService.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import styles from '../styles/PostService.module.scss';
-
-export const PostService = () => {
-  return (
-    <section className={styles.mainContainer}>
-      <h1 className={styles.title}>Postin automaattipalvelu</h1>
-      <p className={styles.desc}>
-        Lähetä tai nouda paketti Postin pakettiautomaatista Livonsaaren
-        Osuuskaupasta
-      </p>
-      <span className={styles.info}>ma-la 12:00-19:00</span>
-      <span className={styles.info}>Velkuantie 988, 21180 Livonsaari</span>
-      <a href='https://www.smartpost.fi/' className={styles.link}>
-        Lisätietoja
-      </a>
-      <span className='separator' />
-    </section>
-  );
-};