setting up landing page and getting going

2022-03-31 13:08:49 -04:00
parent cd7d78bcb8
commit 70eadc2265
26 changed files with 1177 additions and 13 deletions
@@ -0,0 +1,22 @@
+import "../styles/globals.css";
+
+import type { AppProps } from "next/app";
+import Head from "next/head";
+
+function MyApp({ Component, pageProps }: AppProps) {
+  return (
+    <>
+      <Head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;600&display=swap"
+          rel="stylesheet"
+        />
+      </Head>
+      <Component {...pageProps} />
+    </>
+  );
+}
+
+export default MyApp;
@@ -0,0 +1,13 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+import type { NextApiRequest, NextApiResponse } from 'next'
+
+type Data = {
+  name: string
+}
+
+export default function handler(
+  req: NextApiRequest,
+  res: NextApiResponse<Data>
+) {
+  res.status(200).json({ name: 'John Doe' })
+}
@@ -0,0 +1,51 @@
+import Head from "next/head";
+import HorizontalLogo from "../../components/logo/horizontal";
+import Image from "next/image";
+import { LogoType } from "../../components/logo/full";
+import type { NextPage } from "next";
+import styles from "../styles/Home.module.css";
+
+const Home: NextPage = () => {
+  return (
+    <>
+      <Head>
+        <title>Nirvana - virtual office</title>
+        <meta name="description" content="Generated by create next app" />
+        <link rel="icon" href="/logos/1024x1024.ico" />
+      </Head>
+
+      <main className="h-screen w-screen bg-zinc-700">
+        {/* header */}
+        <div className="container mx-auto p-0 flex flex-row justify-start">
+          {/* <img className="text-md" src={"/logos/horizontal.svg"} /> */}
+          <HorizontalLogo className="scale-[0.5]" />
+        </div>
+
+        {/* above fold experience */}
+        <div className="container mx-auto px-20 mt-10">
+          <div className="flex flex-row items-center space-x-10">
+            <div className="flex flex-col items-start">
+              <span className="text-white text-6xl leading-[1.2] font-extrabold">
+                The <span className="text-nirvanaTeal">walkie-talkie</span>{" "}
+                <br /> for remote teams.
+              </span>
+
+              <span className="text-zinc-400 text-xl mt-5">
+                The <span className="text-nirvanaTeal">{"'less is more'"}</span>{" "}
+                approach. Skip zoom scheduling, <br></br> slack notifications,
+                and email threads. <br /> Just talk to your team.
+              </span>
+            </div>
+
+            <img
+              src="/illustrations/undraw_co-working_re_w93t.svg"
+              className="h-[30em]"
+            />
+          </div>
+        </div>
+      </main>
+    </>
+  );
+};
+
+export default Home;