talksik/nirvana
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixing header text

Browse Source
This commit is contained in:
Arjun Patel
2022-01-26 19:57:31 -08:00
parent 9160c28ea2
commit 2c0f8c18bb
4 changed files with 84 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/index.js
+81 -52
View File
@@ -27,6 +27,7 @@ import { useState } from "react";
import SkeletonLoader from "../components/Loading/skeletonLoader";
import { useAuth } from "../contexts/authContext";
import LangingPageLayout from "../components/Layouts/LandingPageLayout";
import Link from "next/link";
export default function Home() {
const handleGetDemo = () => {
@@ -53,58 +54,61 @@ export default function Home() {
return (
<LangingPageLayout>
{/* above fold main */}
<span className="flex flex-col justify-evenly items-center backdrop-blur-xl rounded-lg p-5">
<span className="flex flex-row text-left md:text-6xl text-5xl space-x-5 h-[5rem] overflow-hidden">
<span className="font-semibold text-black py-4">No</span>
<span className="md:hidden flex flex-row space-x-2 py-4 text-red-600">
<FaSlackHash /> <span>slacking</span>
{/* header text */}
<div className="flex flex-col items-center backdrop-blur-lg p-10">
<span className="flex flex-col items-center">
<span className="text-5xl font-bold">
<span className="text-teal-800">Minimal </span>
Collaboration Tool for
</span>
<span className="hidden flippingWords md:visible md:flex flex-col space-y-5 text-red-600 ">
<span className="flex flex-row space-x-2">
<FaRocketchat /> <span>threads</span>
</span>
<span className="flex flex-row space-x-2">
<FaSlackHash /> <span>slacking</span>
</span>
<span className="flex flex-row space-x-2">
<FaCalendarAlt /> <span>calendars</span>
</span>
<span className="flex flex-row space-x-2">
<FaNewspaper /> <span>files</span>
</span>
<span className="flex flex-row space-x-2">
<FaRocketchat /> <span>threads</span>
</span>
<span className="text-5xl font-bold text-left">
<span className="text-red-800">Messy, Distracted</span> WFH Teams.
</span>
</span>
<span className="flex flex-row text-left md:text-6xl text-5xl space-x-5">
<span className="font-semibold text-black">More</span>
<span className="text-sky-600 font-bold">focus.</span>
</span>
<span className="my-10 text-xl text-center text-gray-600 w-max">
Minimal, voice-only collaboration tool for scrum/agile teams.
<span className="my-5 text-xl text-center text-black font-semibold w-max">
A <span className="text-teal-600">&apos;less is more&apos;</span>{" "}
approach to team communication.
<br></br>
Skip slack and email, just talk to your team.
Skip{" "}
<img
src="/icons/zoom-logo.svg"
className="inline w-[4rem] h-[2rem] px-1"
/>{" "}
fatigue,{" "}
<img
src="/icons/slack-logo.svg"
className="inline w-[5rem] h-[2rem] px-1"
/>{" "}
notifications, and{" "}
<img
src="/icons/gmail-logo.svg"
className="inline w-[2rem] h-[1rem]"
/>{" "}
threads,
<br></br>
and just talk to your team.
<br></br>
{/* Improve team focus, performance, and wellbeing. */}
</span>
<span className="flex flex-row space-x-2">
<button
onClick={() =>
window.open(
"mailto:usenirvana@gmail.com?subject=Interested in Nirvana for Startups",
"_blank"
)
}
className="rounded text-teal-600 p-2 shadow-l flex flex-row items-center space-x-2"
>
Email Us
</button>
{getStartedButton}
<span className="p-2 rounded-lg font-bold text-left text-sm bg-purple-200 text-purple-700">
No credit card required
</span>
</span>
<span className="flex flex-row items-center space-x-2 mt-5">
<Link href="/features">Features</Link>
<button
onClick={() => window.open("/teams/login", "_self")}
className="rounded font-semibold bg-teal-600 p-2 text-white shadow-lg flex flex-row items-center justify-evenly space-x-2"
>
<span>Get Started</span>
<FaAngleRight />
</button>
</span>
</div>
<span className="flex w-full justify-evenly">
<img
@@ -116,13 +120,16 @@ export default function Home() {
{/* voice line section */}
<span className="flex flex-row py-32">
<span className="flex flex-col grow max-w-sm rounded-lg shadow-lg bg-gray-200 bg-opacity-40 backdrop-blur-xl p-10">
<span className="bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
VOICE LINE
<span className="bg-clip-text font-bold text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
VOICE ONLY
</span>
<span className="text-left text-3xl text-gray-700 font-bold">
Move 10x <span className="text-teal-600">Faster.</span>
</span>
<span className="text-sm text-gray-500">
{"Resolve issues faster, and improve performance."}
</span>
<span className="text-left text-lg text-gray-700"></span>
@@ -150,10 +157,18 @@ export default function Home() {
</span>
</span>
<span className="flex flex-row items-center space-x-2">
<FaCheck className="text-teal-500" />
<span className="text-left text-lg text-gray-600">
{"Clearer communication."}{" "}
<span className="flex flex-row items-baseline space-x-2">
<FaCheck className="text-teal-500 text-md shrink-0" />
<span className="flex flex-col">
<span className="flex flex-row items-center space-x-2">
<span className="text-left text-lg text-gray-600">
{"Clear Communication."}
</span>
</span>
<span className="text-sm text-gray-500">
{/* {"Resolve issues faster, and improve performance."} */}
</span>
</span>
</span>
@@ -189,7 +204,7 @@ export default function Home() {
</span>
{/* description text */}
<span className="text-left flex flex-col grow max-w-lg shadow-lg rounded-lg bg-gray-200 bg-opacity-40 backdrop-blur-xl p-10">
<span className="bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
<span className="bg-clip-text font-bold text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
TEAM
</span>
<span className="text-3xl text-gray-700 font-bold">
@@ -271,7 +286,7 @@ export default function Home() {
<span className="flex flex-row items-center py-20">
{/* description card */}
<span className="text-left flex flex-col grow max-w-lg shadow-lg rounded-lg bg-gray-200 bg-opacity-40 backdrop-blur-xl p-10">
<span className="bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
<span className="bg-clip-text font-bold text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
CLARITY
</span>
<span className="text-3xl text-gray-700 font-bold">
@@ -282,6 +297,20 @@ export default function Home() {
<Divider />
{/* checkmarks of value add */}
<span className="flex flex-row items-baseline space-x-2">
<FaCheck className="text-teal-500 text-md shrink-0" />
<span className="flex flex-col">
<span className="flex flex-row items-center space-x-2">
<span className="text-left text-lg text-gray-600">
{"Overall Wellbeing."}
</span>
</span>
<span className="text-sm text-gray-500"></span>
</span>
</span>
<span className="flex flex-row items-baseline space-x-2">
<FaCheck className="text-teal-500 text-md shrink-0" />
public/icons/gmail-logo.svg
+1
View File
@@ -0,0 +1 @@
<svg height="2500" width="2500" xmlns="http://www.w3.org/2000/svg" viewBox="0 49.4 512 399.4200000000001"><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path d="M34.91 448.818h81.454V251L0 163.727V413.91c0 19.287 15.622 34.91 34.91 34.91z" fill="#4285f4"/><path d="M395.636 448.818h81.455c19.287 0 34.909-15.622 34.909-34.909V163.727L395.636 251z" fill="#34a853"/><path d="M395.636 99.727V251L512 163.727v-46.545c0-43.142-49.25-67.782-83.782-41.891z" fill="#fbbc04"/></g><path d="M116.364 251V99.727L256 204.455 395.636 99.727V251L256 355.727z" fill="#ea4335"/><path d="M0 117.182v46.545L116.364 251V99.727L83.782 75.291C49.25 49.4 0 74.04 0 117.18z" fill="#c5221f" fill-rule="nonzero"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 709 B

public/icons/slack-logo.svg
+1
View File
@@ -0,0 +1 @@
<svg enable-background="new 0 0 2500 632.6" viewBox="0 0 2500 632.6" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m799.8 498.1 31.2-72.5c33.7 25.2 78.6 38.3 122.9 38.3 32.7 0 53.4-12.6 53.4-31.7-.5-53.4-195.9-11.6-197.4-145.5-.5-68 59.9-120.4 145.5-120.4 50.9 0 101.7 12.6 138 41.3l-29.2 74c-33.2-21.2-74.5-36.3-113.8-36.3-26.7 0-44.3 12.6-44.3 28.7.5 52.4 197.4 23.7 199.4 151.6 0 69.5-58.9 118.4-143.5 118.4-62-.1-118.9-14.7-162.2-45.9m1198.1-98.7c-15.6 27.2-44.8 45.8-78.6 45.8-49.9 0-90.1-40.3-90.1-90.1s40.3-90.1 90.1-90.1c33.7 0 63 18.6 78.6 45.8l86.1-47.8c-32.2-57.4-94.2-96.7-164.7-96.7-104.3 0-188.9 84.6-188.9 188.9s84.6 188.9 188.9 188.9c71 0 132.5-38.8 164.7-96.7zm-849.1-389.8h107.8v527.3h-107.8zm977.5 0v527.3h107.8v-158.2l127.9 158.2h138l-162.7-187.9 150.6-175.3h-132l-121.9 145.5v-309.6z" fill-rule="evenodd"/><path d="m1576.9 400.4c-15.6 25.7-47.8 44.8-84.1 44.8-49.9 0-90.1-40.3-90.1-90.1s40.3-90.1 90.1-90.1c36.3 0 68.5 20.1 84.1 46.3zm0-226.6v42.8c-17.6-29.7-61.4-50.4-107.3-50.4-94.7 0-169.2 83.6-169.2 188.4s74.5 189.4 169.2 189.4c45.8 0 89.6-20.6 107.3-50.4v42.8h107.8v-362.6z"/><g clip-rule="evenodd" fill-rule="evenodd"><path d="m133.5 399.9c0 36.8-29.7 66.5-66.5 66.5s-66.5-29.8-66.5-66.5 29.7-66.5 66.5-66.5h66.5zm33.2 0c0-36.8 29.7-66.5 66.5-66.5s66.5 29.7 66.5 66.5v166.2c0 36.8-29.7 66.5-66.5 66.5s-66.5-29.7-66.5-66.5z" fill="#e01e5a"/><path d="m233.2 133c-36.8 0-66.5-29.7-66.5-66.5s29.7-66.5 66.5-66.5 66.5 29.7 66.5 66.5v66.5zm0 33.7c36.8 0 66.5 29.7 66.5 66.5s-29.7 66.5-66.5 66.5h-166.7c-36.8 0-66.5-29.8-66.5-66.5s29.7-66.5 66.5-66.5z" fill="#36c5f0"/><path d="m499.6 233.2c0-36.8 29.7-66.5 66.5-66.5s66.5 29.7 66.5 66.5-29.7 66.5-66.5 66.5h-66.5zm-33.2 0c0 36.8-29.7 66.5-66.5 66.5s-66.5-29.7-66.5-66.5v-166.7c0-36.8 29.7-66.5 66.5-66.5s66.5 29.7 66.5 66.5z" fill="#2eb67d"/><path d="m399.9 499.6c36.8 0 66.5 29.7 66.5 66.5s-29.7 66.5-66.5 66.5-66.5-29.7-66.5-66.5v-66.5zm0-33.2c-36.8 0-66.5-29.7-66.5-66.5s29.7-66.5 66.5-66.5h166.7c36.8 0 66.5 29.7 66.5 66.5s-29.7 66.5-66.5 66.5z" fill="#ecb22e"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

public/icons/zoom-logo.svg
+1
View File
@@ -0,0 +1 @@
<svg width="2500" height="588" xmlns="http://www.w3.org/2000/svg" viewBox="0 -0.22536098966569895 84.762 20.903060594657283"><path d="M69.012 6.414c.324.559.43 1.195.465 1.91l.046.953v6.664l.047.954c.094 1.558 1.243 2.71 2.813 2.808l.949.047V9.277l.047-.953c.039-.707.144-1.355.473-1.918a3.806 3.806 0 0 1 6.59.012c.324.559.425 1.207.464 1.906l.047.95v6.667l.047.954c.098 1.566 1.238 2.718 2.813 2.808l.949.047V8.324a7.62 7.62 0 0 0-7.617-7.62 7.6 7.6 0 0 0-5.715 2.581A7.61 7.61 0 0 0 65.715.703c-1.582 0-3.05.48-4.266 1.309-.742-.828-2.402-1.309-3.355-1.309V19.75l.953-.047c1.594-.105 2.746-1.226 2.808-2.808l.051-.954V9.277l.047-.953c.04-.719.14-1.351.465-1.914a3.816 3.816 0 0 1 3.297-1.898 3.81 3.81 0 0 1 3.297 1.902zM3.809 19.704l.953.046h14.285L19 18.8c-.129-1.566-1.238-2.71-2.809-2.812l-.953-.047h-8.57l11.426-11.43-.047-.949C17.973 1.98 16.817.837 15.238.75l-.953-.043L0 .703l.047.953c.125 1.551 1.25 2.719 2.808 2.809l.954.047h8.57L.953 15.942l.047.953c.094 1.57 1.227 2.707 2.809 2.808zM54.355 3.491a9.523 9.523 0 0 1 0 13.469 9.53 9.53 0 0 1-13.472 0c-3.719-3.719-3.719-9.75 0-13.469a9.518 9.518 0 0 1 6.73-2.789 9.525 9.525 0 0 1 6.742 2.79zM51.66 6.188a5.717 5.717 0 0 1 0 8.082 5.717 5.717 0 0 1-8.082 0 5.717 5.717 0 0 1 0-8.082 5.717 5.717 0 0 1 8.082 0zM27.625.702a9.518 9.518 0 0 1 6.73 2.79c3.72 3.718 3.72 9.75 0 13.468a9.53 9.53 0 0 1-13.472 0c-3.719-3.719-3.719-9.75 0-13.469a9.518 9.518 0 0 1 6.73-2.789h.012zm4.035 5.484a5.717 5.717 0 0 1 0 8.083 5.717 5.717 0 0 1-8.082 0 5.717 5.717 0 0 1 0-8.082 5.717 5.717 0 0 1 8.082 0z" fill="#2D8CFF" fill-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB