52 lines
1.8 KiB
TypeScript
52 lines
1.8 KiB
TypeScript
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;
|