[#48] feat: add Grid component

components/grid/grid.component.tsx

@@ -0,0 +1,40 @@
+import React, { ReactElement } from 'react'
+// import Image from 'next/image'
+
+import styles from './grid.module.scss'
+
+// interface Props {
+//   children: ReactNode
+// }
+
+export default function Grid (
+): ReactElement {
+  return (
+    <div className={styles.container}>
+      <div className={styles.child}>
+        <p>test</p>
+        <p>test2</p>
+      </div>
+      <div className={styles.child}>
+        <p>test</p>
+        <p>test2</p>
+      </div>
+      <div className={styles.child}>
+        <p>test</p>
+        <p>test2</p>
+      </div>
+      <div className={styles.child}>
+        <p>test</p>
+        <p>test2</p>
+      </div>
+      <div className={styles.child}>
+        <p>test</p>
+        <p>test2</p>
+      </div>
+      <div className={styles.child}>
+        <p>test</p>
+        <p>test2</p>
+      </div>
+    </div>
+  )
+}

components/grid/grid.module.scss

@@ -0,0 +1,17 @@
+@use "../../global/variables.scss" as variables;
+
+.container {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 2rem;
+    justify-content: space-between;
+    width: 70vw;
+    align-content: flex-start;
+
+    .child {
+        background-color: blueviolet;
+        margin-top: 1rem;
+        height: 90px;
+        width: 90px;
+    }
+}

pages/about-us/index.tsx

@@ -10,6 +10,7 @@ import Paragraph from '../../components/paragraph/paragraph.component'
 import { getData } from '../../lib'
 import { CommonModel, AboutUsModel } from '../../interfaces/index'
 import styles from './about-us.module.scss'
+import Grid from '../../components/grid/grid.component'
 
 interface Props {
   common: CommonModel
@@ -62,6 +63,7 @@ export default function AboutUs ({
               Bir Karsal müşterisi, sadece kumaş numunesi veya seçimi yaptıktan sonra hiçbir işlemin sorumluluğu ve terminini takip etmek zorunda kalmadan faaliyet konusuna yoğunlaşabilmektedir. Bu nedenle Karsal üretimi kolaylaştırmaktadır. Karsal; Rusya, Hırvatistan, Bulgaristan, İtalya, Almanya, Portekiz, İspanya başta olmak üzere, birçok Avrupa ve Doğu Bloku ülkesine doğrudan ihracat yapmaktadır. Aileden gelen tekstil tecrübesi ile entegre bir sistemde üretimin yapılması, Karsal’a; üretilen kumaşların kalitesinin tüm sorumluluğunu üstlenebilmesini sağlamaktadır. Karsal; işinin profesyonelleri sayesinde müşterilerine, sağladığı kaliteli hammaddeyi, titiz bir işçilik ve düzenli ve hızlı sunumla müşteriye ulaştırmaktadır.
               </Paragraph>
             </div>
+            <Grid/>
           </div>
         </Section>
       </Layout>