badass auth success page
This commit is contained in:
talksik
@@ -0,0 +1,12 @@
|
||||
import FullMottoLogo from "../../../components/logo/fullMotto";
|
||||
export default function Footer() {
|
||||
return (
|
||||
<div className="container mx-auto flex justify-between mt-auto items-center">
|
||||
<span className="ml-20">
|
||||
<span className="text-zinc-400 text-sm">Wanna chat? </span>
|
||||
<span className="font-bold text-white">arjunpatel@berkeley.edu</span>
|
||||
</span>
|
||||
<FullMottoLogo className="text-center scale-50" />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
import HorizontalLogo from "../../../components/logo/horizontal";
|
||||
|
||||
export default function Header() {
|
||||
return (
|
||||
<div className="container mx-auto p-0 flex flex-row justify-start">
|
||||
<HorizontalLogo className="scale-[0.5]" />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -7,6 +7,10 @@ function MyApp({ Component, pageProps }: AppProps) {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>Nirvana - virtual office</title>
|
||||
<meta name="description" content="Generated by create next app" />
|
||||
<link rel="icon" href="/logos/1024x1024.ico" />
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
@@ -14,7 +18,10 @@ function MyApp({ Component, pageProps }: AppProps) {
|
||||
rel="stylesheet"
|
||||
/>
|
||||
</Head>
|
||||
<Component {...pageProps} />
|
||||
|
||||
<main className="min-h-screen min-w-screen bg-zinc-700 flex flex-col">
|
||||
<Component {...pageProps} />
|
||||
</main>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,23 @@
|
||||
import { FcGoogle } from "react-icons/fc";
|
||||
import Footer from "../../components/footer";
|
||||
import Header from "../../components/header";
|
||||
|
||||
export default function AuthSuccess() {
|
||||
return (
|
||||
<>
|
||||
<Header />
|
||||
|
||||
<div className="my-auto flex flex-col items-center justify-center">
|
||||
<FcGoogle className="text-6xl m-10" />
|
||||
<span className="text-white text-6xl leading-[1.2] font-extrabold">
|
||||
{"You're Signed In"}
|
||||
</span>
|
||||
|
||||
<span className="text-zinc-400 text-xl mt-5">
|
||||
Go back to the desktop app that you download.
|
||||
</span>
|
||||
</div>
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -1,8 +1,10 @@
|
||||
import { BsApple, BsWindows } from "react-icons/bs";
|
||||
import { FaPeopleCarry, FaRunning } from "react-icons/fa";
|
||||
|
||||
import Footer from "../components/footer";
|
||||
import FullMottoLogo from "../../components/logo/fullMotto";
|
||||
import Head from "next/head";
|
||||
import Header from "../components/header";
|
||||
import HorizontalLogo from "../../components/logo/horizontal";
|
||||
import Image from "next/image";
|
||||
import { LogoType } from "../../components/logo/full";
|
||||
@@ -13,113 +15,94 @@ 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>
|
||||
{/* header */}
|
||||
<Header />
|
||||
|
||||
<main className="min-h-screen min-w-screen bg-zinc-700 flex flex-col">
|
||||
{/* 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>
|
||||
<div className="container mx-auto px-20">
|
||||
{/* above fold experience */}
|
||||
<div className="flex flex-row items-center space-x-10 mt-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>
|
||||
|
||||
<div className="container mx-auto px-20">
|
||||
{/* above fold experience */}
|
||||
<div className="flex flex-row items-center space-x-10 mt-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 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>
|
||||
|
||||
{/* download */}
|
||||
<span className="flex flex-col justify-start mt-20">
|
||||
<span className="text-white font-bold text-md mb-2">
|
||||
Download the desktop app
|
||||
</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>
|
||||
|
||||
{/* download */}
|
||||
<span className="flex flex-col justify-start mt-20">
|
||||
<span className="text-white font-bold text-md mb-2">
|
||||
Download the desktop app
|
||||
<span className="flex flex-row space-x-2">
|
||||
<span className="p-2 rounded bg-zinc-500 cursor-pointer">
|
||||
<BsWindows className="text-white text-xl" />
|
||||
</span>
|
||||
|
||||
<span className="flex flex-row space-x-2">
|
||||
<span className="p-2 rounded bg-zinc-500 cursor-pointer">
|
||||
<BsWindows className="text-white text-xl" />
|
||||
</span>
|
||||
|
||||
<span className="p-2 rounded bg-zinc-500 cursor-pointer">
|
||||
<BsApple className="text-white text-xl" />
|
||||
</span>
|
||||
<span className="p-2 rounded bg-zinc-500 cursor-pointer">
|
||||
<BsApple className="text-white text-xl" />
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<img
|
||||
src="/illustrations/undraw_co-working_re_w93t.svg"
|
||||
className="h-[30em]"
|
||||
/>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<img
|
||||
src="/illustrations/undraw_co-working_re_w93t.svg"
|
||||
className="h-[30em]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* value points */}
|
||||
<div className="flex flex-row w-full mx-auto px-20 py-10 bg-zinc-500 my-10 space-x-5">
|
||||
<span className="p-5 bg-zinc-600 flex flex-col items-start flex-1 shadow">
|
||||
<span className="flex flex-row items-center space-x-2">
|
||||
<FaRunning className="text-white text-xl" />
|
||||
<span className="text-white font-semibold text-lg">
|
||||
Move Faster
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span className="text-zinc-300 text-sm">
|
||||
No more back and forth chatter. Resolve issues in seconds with
|
||||
spontaneous conversations.
|
||||
{/* value points */}
|
||||
<div className="flex flex-row w-full mx-auto px-20 py-10 bg-zinc-500 my-10 space-x-5">
|
||||
<span className="p-5 bg-zinc-600 flex flex-col items-start flex-1 shadow">
|
||||
<span className="flex flex-row items-center space-x-2">
|
||||
<FaRunning className="text-white text-xl" />
|
||||
<span className="text-white font-semibold text-lg">
|
||||
Move Faster
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span className="p-5 bg-zinc-600 flex flex-col items-start flex-1 shadow">
|
||||
<span className="flex flex-row items-center space-x-2">
|
||||
<MdOutlineNaturePeople className="text-white text-xl" />
|
||||
<span className="text-white font-semibold text-lg">Minimal</span>
|
||||
</span>
|
||||
<span className="text-zinc-300 text-sm">
|
||||
No more back and forth chatter. Resolve issues in seconds with
|
||||
spontaneous conversations.
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span className="text-zinc-300 text-sm">
|
||||
All of your team’s converstions in one place. Nirvana’s built for
|
||||
flow state. Communication as simple and human as possible.
|
||||
<span className="p-5 bg-zinc-600 flex flex-col items-start flex-1 shadow">
|
||||
<span className="flex flex-row items-center space-x-2">
|
||||
<MdOutlineNaturePeople className="text-white text-xl" />
|
||||
<span className="text-white font-semibold text-lg">Minimal</span>
|
||||
</span>
|
||||
|
||||
<span className="text-zinc-300 text-sm">
|
||||
All of your team’s converstions in one place. Nirvana’s built for
|
||||
flow state. Communication as simple and human as possible.
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span className="p-5 bg-zinc-600 flex flex-col items-start flex-1 shadow">
|
||||
<span className="flex flex-row items-center space-x-2">
|
||||
<FaPeopleCarry className="text-white text-lg" />
|
||||
<span className="text-white font-semibold text-lg">
|
||||
Build Culture
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span className="p-5 bg-zinc-600 flex flex-col items-start flex-1 shadow">
|
||||
<span className="flex flex-row items-center space-x-2">
|
||||
<FaPeopleCarry className="text-white text-lg" />
|
||||
<span className="text-white font-semibold text-lg">
|
||||
Build Culture
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<span className="text-zinc-300 text-sm">
|
||||
Close-knit culture and increased serendipity by knowing your
|
||||
team’s right there with you.
|
||||
</span>
|
||||
<span className="text-zinc-300 text-sm">
|
||||
Close-knit culture and increased serendipity by knowing your team’s
|
||||
right there with you.
|
||||
</span>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
{/* footer */}
|
||||
<div className="container mx-auto flex justify-between mt-auto items-center">
|
||||
<span>
|
||||
<span className="text-zinc-400 text-sm">Wanna chat? </span>
|
||||
<span className="font-bold text-white">
|
||||
arjunpatel@berkeley.edu
|
||||
</span>
|
||||
</span>
|
||||
<FullMottoLogo className="text-center scale-50" />
|
||||
</div>
|
||||
</main>
|
||||
{/* footer */}
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user