Kuote simple landing implemented

kuote-bytedeal · Jan 30, 2021 · c24b8ad · c24b8ad
1 parent 6a6544f
commit c24b8ad
Show file tree

Hide file tree

Showing 15 changed files with 544 additions and 231 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,8 +8,11 @@
     "start": "next start"
   },
   "dependencies": {
+    "autoprefixer": "^10.2.4",
     "next": "10.0.6",
+    "postcss": "^8.2.4",
     "react": "17.0.1",
-    "react-dom": "17.0.1"
+    "react-dom": "17.0.1",
+    "tailwindcss": "^2.0.2"
   }
 }
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,7 +1,47 @@
-import '../styles/globals.css'
+import Image from "next/image";
+import "tailwindcss/tailwind.css";
 
-function MyApp({ Component, pageProps }) {
-  return <Component {...pageProps} />
-}
+const Preview = () => (
+  <div className="min-h-screen flex flex-col items-center justify-center bg-pink-100">
+    <div className="text-2xl text-gray-700 m-7">
+      Beautiful pictures with quotes of great people
+    </div>
+    <div className="flex flex-row flex-wrap justify-center md:space-x-4">
+      <div>
+        <Image
+          className="rounded-lg"
+          src="/preview1.png"
+          width={300}
+          height={540}
+        />
+      </div>
+      <div>
+        <Image
+          className="rounded-lg"
+          src="/preview2.png"
+          width={300}
+          height={540}
+        />
+      </div>
+      <div>
+        <Image
+          className="rounded-lg"
+          src="/preview3.png"
+          width={300}
+          height={540}
+        />
+      </div>
+    </div>
 
-export default MyApp
+    <div className="max-w-xs">
+      <a href="https://play.google.com/store/apps/details?id=space.bytedeal.kuote">
+        <img
+          alt="Get it on Google Play"
+          src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png"
+        />
+      </a>
+    </div>
+  </div>
+);
+
+export default Preview;
diff --git a/pages/_document.js b/pages/_document.js
@@ -0,0 +1,28 @@
+import Document, { Html, Head, Main, NextScript } from "next/document";
+
+class MyDocument extends Document {
+  static async getInitialProps(ctx) {
+    const initialProps = await Document.getInitialProps(ctx);
+    return { ...initialProps };
+  }
+
+  render() {
+    return (
+      <Html>
+        <Head>
+          <link rel="preconnect" href="https://fonts.gstatic.com" />
+          <link
+            href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap"
+            rel="stylesheet"
+          />
+        </Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}
+
+export default MyDocument;
diff --git a/pages/api/hello.js b/pages/api/hello.js
diff --git a/pages/index.js b/pages/index.js
diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {}
+  }
+};
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/preview1.png b/public/preview1.png
diff --git a/public/preview2.png b/public/preview2.png
diff --git a/public/preview3.png b/public/preview3.png
diff --git a/public/vercel.svg b/public/vercel.svg
diff --git a/styles/Home.module.css b/styles/Home.module.css
diff --git a/styles/globals.css b/styles/globals.css
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -0,0 +1,14 @@
+module.exports = {
+  purge: ["./pages/**/*.{js,ts,jsx,tsx}"],
+  darkMode: false,
+  theme: {
+    extend: {},
+    fontFamily: {
+      sans: ["Montserrat"]
+    }
+  },
+  variants: {
+    extend: {}
+  },
+  plugins: []
+};