add result page layout

kitabcitab/components/Result.js

@@ -0,0 +1,29 @@
+import React from 'react'
+import Link from 'next/link'
+
+const Result = ({result}) => {
+
+    const {title, heading, writer, page} = result
+
+  return (
+    <Link href="/results/[id]" as={`/results/${result.id}`} className='
+    self-end
+    bg-[#202124] 
+    w-[100%]
+    max-w-[50vw]
+    p-3 m-auto
+    border-4
+    border-[#303134]
+    font-serif text-base 
+    text-lg
+    tablet:text-2xl text-white
+    laptop:text-lg
+    '
+    >
+        <p className='m-3'>{heading}</p>
+        <p className='m-3'>"{title}" - {writer} - str. {page}.</p>
+    </Link>
+  )
+}
+
+export default Result