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

Update index.js

Browse Source
This commit is contained in:
Arjun Patel
2022-01-20 23:31:38 -08:00
parent 907b3c359f
commit 3c47c8f2af
1 changed files with 4 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/index.js
+4 -64
View File
@@ -40,12 +40,12 @@ export default function Home() {
<div className="flex flex-row py-5 px-5 items-center justify-start mx-auto">
<MainLogo className="mr-auto text-3xl" />
<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
</span>
<span className="text-gray-500 border-r-gray-400 border-r-2 pr-5">
Philosophy
</span>
</span> */}
<button
onClick={() => router.push("/teams")}
className="ml-auto text-gray-500 mr-2"
@@ -57,7 +57,8 @@ export default function Home() {
</span>
</div>
<div className="flex flex-row md:mt-20">
{/* above fold main */}
<div className="flex flex-row flex-wrap md:flex-nowrap md:mt-20">
<span className="flex flex-col max-w-screen-sm justify-start items-baseline backdrop-blur-xl rounded-lg">
<span className="flex flex-row text-left md:text-6xl text-3xl space-x-5 h-[5rem] overflow-hidden">
<span className="font-semibold text-black py-4">No</span>
@@ -130,67 +131,6 @@ export default function Home() {
<></>
</div>
{/* voice line concept */}
<div className="mx-auto flex flex-row md:overflow-visible overflow-x-scroll items-start justify-between md:mt-[15rem] mt-[5rem] pb-20">
<span className="flex flex-col grow max-w-sm rounded-lg bg-gray-200 bg-opacity-25 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>
<span className="text-left text-lg text-gray-700">
More clear and efficient communication.
</span>
<Divider />
<span className="text-left text-md text-gray-600 mt-5">
No more notifications, clicking, scrolling.
</span>
<span className="text-left text-md text-gray-600 mt-5">
Listen to your engineer voice their problem realtime, have an
asynchronous conversation, or jump into a room. See below.
</span>
</span>
<TeamVoiceLine />
<Announcements />
</div>
{/* rooms concept */}
<div className="mx-auto flex flex-row flex-wrap items-start justify-between md:mt-[15rem] mt-[5rem]">
<Rooms />
<span className="flex flex-col grow max-w-sm rounded-lg bg-gray-200 bg-opacity-25 backdrop-blur-xl p-10">
<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>
</div>
{/* action section */}
<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">