add result page layout

kitabcitab/components/Results.js

@@ -0,0 +1,44 @@
+import React from 'react'
+import Result from './Result'
+
+const Results = () => {
+
+
+    const data = [
+        {
+            id: 1,
+            title: 'Prevod Kur\'ana',
+            writer: 'Besim Korkut',
+            heading: '16. "Pa, koju blagodat Gospodara svoga poricete?"',
+            page: 531
+        },
+        {
+            id: 2,
+            title: 'Hamine pustolovine',
+            writer: 'Muhamed Ahmed Mustafa',
+            heading: 'Kad mu se Ramo pozalio da zena ne prica sa njim, Hamo je citirao ajet: "Pa, koju blagodat Gospodara svoga poricete?"',
+            page: 71
+        },
+    ]
+
+  return (
+    <div className='
+    flex flex-col justify-around gap-5
+
+    py-5
+    w-[90vw]
+    mt-5
+    m-auto
+    laptop:mt-0
+    laptop:ml-[8rem]
+    laptop:w-[55vw]
+    bg-[#202124]
+
+
+    '>
+        {data.map((result, id) => <Result key={id} result={result}/>)}
+    </div>
+  )
+}
+
+export default Results