create project and home page

2022-12-27 02:53:10 +01:00
parent b7abf61657
commit 2a33a2d3de
18 changed files with 6443 additions and 0 deletions
--- a/kitabcitab/pages/_app.js
+++ b/kitabcitab/pages/_app.js
@@ -0,0 +1,5 @@
+import '../styles/globals.css'
+
+export default function App({ Component, pageProps }) {
+  return <Component {...pageProps} />
+}
--- a/kitabcitab/pages/_document.js
+++ b/kitabcitab/pages/_document.js
@@ -0,0 +1,13 @@
+import { Html, Head, Main, NextScript } from 'next/document'
+
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  )
+}
--- a/kitabcitab/pages/api/hello.js
+++ b/kitabcitab/pages/api/hello.js
@@ -0,0 +1,5 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default function handler(req, res) {
+  res.status(200).json({ name: 'John Doe' })
+}
--- a/kitabcitab/pages/index.js
+++ b/kitabcitab/pages/index.js
@@ -0,0 +1,27 @@
+
+
+export default function HomePage() {
+  return (
+    <div className="flex flex-col items-center">
+      <div className="py-3 px-2 ">
+        <p className="text-5xl text-white">KitabCitab</p>
+      </div>
+      <div className="
+        p-2 border-2 w-[90%]
+        border-black rounded-3xl flex flex-row justify-center
+
+        tablet:w-[70%] 
+        tablet:p-3
+
+        laptop:w-[50%] 
+        laptop:p-2    
+        "
+        >
+        
+        <input className="bg-[#303134] w-[80%]"/>
+      </div>
+    </div>
+
+    
+  )
+}