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

adding other sections like testimonials and now branching out

Browse Source
This commit is contained in:
Arjun Patel
2022-01-26 16:34:11 -08:00
parent 1d59ee2b78
commit 02b7dc64f9
3 changed files with 50 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/index.js
+42 -28
View File
@@ -11,6 +11,7 @@ import {
FaInfoCircle, FaInfoCircle,
FaClock, FaClock,
FaLink, FaLink,
FaPlay,
} from "react-icons/fa"; } from "react-icons/fa";
import { FcGoogle } from "react-icons/fc"; import { FcGoogle } from "react-icons/fc";
import { BsThreeDots } from "react-icons/bs"; import { BsThreeDots } from "react-icons/bs";
@@ -63,12 +64,15 @@ export default function Home() {
<div className="flex flex-row py-5 px-5 items-center justify-start mx-auto"> <div className="flex flex-row py-5 px-5 items-center justify-start mx-auto">
<MainLogo className="mr-auto text-3xl" /> <MainLogo className="mr-auto text-3xl" />
<span className="flex flex-row space-x-5 items-center"> <span className="flex flex-row space-x-5 items-center">
{/* <span className="text-gray-700 underline underline-offset-4"> <span className="text-gray-700 underline underline-offset-4">
Home Home
</span> </span>
<span className="text-gray-500 border-r-gray-400 border-r-2 pr-5"> <a
href="/philosophy"
className="text-gray-500 border-r-gray-400 border-r-2 pr-5"
>
Philosophy Philosophy
</span> */} </a>
{currUser ? ( {currUser ? (
<> <>
@@ -164,7 +168,7 @@ export default function Home() {
{/* voice line section */} {/* voice line section */}
<span className="flex flex-row py-32"> <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-25 backdrop-blur-xl p-10"> <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"> <span className="bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
VOICE LINE VOICE LINE
</span> </span>
@@ -237,12 +241,13 @@ export default function Home() {
/> />
</span> </span>
{/* description text */} {/* description text */}
<span className="text-left flex flex-col grow max-w-lg shadow-lg rounded-lg bg-gray-200 bg-opacity-25 backdrop-blur-xl p-10"> <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 text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
TEAM TEAM
</span> </span>
<span className="text-3xl text-gray-700 font-bold"> <span className="text-3xl text-gray-700 font-bold">
Bond & Collaborate <span className="text-teal-600">Better.</span> Bond & Collaborate{" "}
<span className="text-teal-600">Seamlessly.</span>
</span> </span>
<span className="text-lg text-gray-700"></span> <span className="text-lg text-gray-700"></span>
<Divider /> <Divider />
@@ -318,7 +323,7 @@ export default function Home() {
{/* focus on today section */} {/* focus on today section */}
<span className="flex flex-row items-center py-20"> <span className="flex flex-row items-center py-20">
{/* description card */} {/* description card */}
<span className="text-left flex flex-col grow max-w-lg shadow-lg rounded-lg bg-gray-200 bg-opacity-25 backdrop-blur-xl p-10"> <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 text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
CLARITY CLARITY
</span> </span>
@@ -387,33 +392,42 @@ export default function Home() {
</span> </span>
</span> </span>
{/* main mission */} {/* action section to get started now */}
<div className="mx-auto flex flex-col items-start max-w-screen-sm rounded-lg bg-gray-200 bg-opacity-25 backdrop-blur-xl md:mt-[40rem] mt-[5rem] p-10"> <span className="flex my-20 mx-auto flex-row items-center max-w-screen-md p-10 backdrop-blur-md bg-gray-200 bg-opacity-40 rounded-lg">
<span className="bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-violet-500"> <span className="flex flex-col items-start text-3xl font-bold">
Philosophy <span>Ready to Focus?</span>
<span className="text-teal-600">{"It's now or never."}</span>
</span> </span>
<span className="text-left text-lg mb-5 text-gray-700"> <span className="ml-auto">{getStartedButton}</span>
In today&apos;s distracted world, we mistake adding software and </span>
tools for productivity.
{/* customer testimonial section */}
<span className="flex my-20 mx-auto flex-col items-center max-w-screen-lg p-10 backdrop-blur-md bg-gray-200 bg-opacity-40 rounded-lg">
<span className="text-3xl font-bold">Our Customers</span>
<span>
<span className="text-teal-600">Listen</span> to what they have to
say.
</span> </span>
<span className="text-left text-lg text-gray-700"> {/* all voice testimonial cards */}
At Nirvana, we are bringing work back to the basics. Voice first <span className="flex flex-row items-center justify-evenly mt-5">
communication because voice makes us human and less is more. An <span className="p-5 flex flex-row items-center bg-white bg-opacity-20 rounded shadow-md">
experience as if your team was right next to you. <img
</span> src="https://lh3.googleusercontent.com/a-/AOh14GhTB6LbOqohOA3csckho3OA976yp3lMEtl2MDzbgX0=s96-c"
className="rounded-full shadow-md h-[3rem]"
/>
<span className="flex flex-col ml-2 mr-10">
<span className="text-lg">Heran Patel</span>
<span className="text-gray-400">CEO of FinityOne</span>
</span>
<></> <button className="bg-gray-500 bg-opacity-25 p-2 ml-2 rounded hover:bg-opacity-40">
</div> <FaPlay className="text-lg text-gray-500" />
</button>
{/* action section */} </span>
<div className="flex flex-col items-center mx-auto max-w-screen-sm backdrop-blur-xl rounded-lg p-10">
<span className="text-xl mb-10 font-semibold text-gray-500">
Ready to start working?
</span> </span>
{getStartedButton} </span>
</div>
</div> </div>
</div> </div>
); );
pages/philosophy.tsx
+7 -38
View File
@@ -41,46 +41,15 @@ export default function Philosophy() {
<></> <></>
</div> </div>
{/* rooms concept */} {/* action section to get started now */}
<div className="mx-auto flex flex-row flex-wrap items-start justify-between md:mt-[15rem] mt-[5rem]"> <span className="flex my-20 mx-auto flex-row items-center max-w-screen-md p-10 backdrop-blur-md bg-gray-200 bg-opacity-40 rounded-lg">
<Rooms /> <span className="flex flex-col items-start text-3xl font-bold">
<span>Ready to Focus?</span>
<span className="flex flex-col grow max-w-sm rounded-lg bg-gray-200 bg-opacity-25 backdrop-blur-xl p-10"> <span className="text-teal-600">{"It's now or never."}</span>
<span className="bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
Rooms
</span>
<span className="text-left text-lg text-gray-700">
See what&apos;s going on across the hall at a glance.
</span>
<Divider />
<span className="text-left text-md text-gray-600">
Join Ben and Cathy&apos;s conversation to review design mockups or
jump into another room for wine Wednesdays!
</span>
<Divider />
<span className="text-left text-md text-gray-600 mt-5">
Why go back and forth through chat 100 times or schedule a meeting
tomorrow at 2pm?
</span>
<span className="text-left text-md text-gray-600 mt-5">
Jump into rooms and resolve issues quicker.
</span>
</span> </span>
</div>
{/* action section */} <span className="ml-auto">{getStartedButton}</span>
<div className="flex flex-col items-center mx-auto max-w-screen-sm backdrop-blur-xl rounded-lg p-10"> </span>
<span className="text-xl mb-10 font-semibold text-gray-500">
Ready to start working?
</span>
{getStartedButton}
</div>
</> </>
); );
} }
pages/teams/create.tsx
+1
View File
@@ -53,6 +53,7 @@ export default function CreateTeam() {
team.name = teamName; team.name = teamName;
team.createdByUserId = currUser.uid; team.createdByUserId = currUser.uid;
team.status = TeamStatus.created; team.status = TeamStatus.created;
team.allowedUserCount = 2;
if (companySite != initialSite) { if (companySite != initialSite) {
// make sure to put null in database for the team // make sure to put null in database for the team