cleaning up philosophy page

components/Layouts/LandingPageLayout.tsx

@@ -38,7 +38,7 @@ export default function LangingPageLayout({ children }) {
 
   return (
     <div className="landing-page-bg bg-left-bottom bg-fixed bg-cover bg-no-repeat min-h-screen">
-      <div className="container mx-auto px-5 lg:px-20 ">
+      <div className="container mx-auto px-5 lg:px-20 min-h-screen">
         {/* header */}
         <div className="flex flex-row py-5 px-5 items-center justify-start mx-auto">
           <MainLogo className="mr-auto text-3xl" />
@@ -117,7 +117,7 @@ export default function LangingPageLayout({ children }) {
       </div>
 
       {/* footer */}
-      <div className="bg-black w-full p-[10rem]">
+      <div className="bg-black w-full px-[10rem] py-[5rem]">
         <span className="flex flex-row items-start justify-between">
           <span className="flex flex-col">
             <MainLogo className="text-white text-3xl" />
@@ -140,22 +140,65 @@ export default function LangingPageLayout({ children }) {
             </span>
           </span>
 
-          <span className="flex flex-col">
+          <span className="flex flex-col items-start text-gray-200">
             <span className="font-bold text-white text-lg">Product</span>
+            <a onClick={() => window.open("/", "_self")}>Home</a>
+            <a href="/features">Features</a>
+            <a href="/pricing">Pricing</a>
+            <a href="/philosophy">Philosophy</a>
           </span>
 
-          <span className="flex flex-col">
+          <span className="flex flex-col items-start text-gray-200">
             <span className="font-bold text-white text-lg">Resources</span>
+            <a
+              onClick={() =>
+                window.open(
+                  "https://www.vox.com/recode/2019/5/1/18511575/productivity-slack-google-microsoft-facebook",
+                  "_blank"
+                )
+              }
+            >
+              The productivity pit: how Slack is ruining work
+            </a>
+
+            <a
+              onClick={() =>
+                window.open(
+                  "https://www.nationalgeographic.com/science/article/coronavirus-zoom-fatigue-is-taxing-the-brain-here-is-why-that-happens",
+                  "_blank"
+                )
+              }
+            >
+              ‘Zoom fatigue’ is taxing the brain. Here&apos;s why that happens
+            </a>
+
+            <a
+              onClick={() =>
+                window.open(
+                  "https://nulab.com/blog/collaboration/work-chat-distractions-do-work-instant-messengers-make-us-more-or-less-productive/",
+                  "_blank"
+                )
+              }
+            >
+              Work chat distractions: Do work instant messengers <br></br>make
+              us more or less productive?
+            </a>
           </span>
 
-          <span className="flex flex-col">
+          <span className="flex flex-col items-start text-gray-200">
-            <span className="font-bold text-white text-lg">Product</span>
-          </span>
-
-          <span className="flex flex-col">
             <span className="font-bold text-white text-lg">Get in touch</span>
             <span>Questions or feedback?</span>
-            <span></span>
+            <span>{"We'd love to hear from you."}</span>
+            <a
+              onClick={() =>
+                window.open(
+                  "mailto:[email protected]?subject=Interested in Nirvana for Startups",
+                  "_blank"
+                )
+              }
+            >
+              Email Us
+            </a>
           </span>
         </span>
       </div>

pages/features.tsx

@@ -21,7 +21,7 @@ export default function Features() {
         </span>
       </span>
 
-      <span className="flex flex-col items-center">
+      <span className="flex flex-col items-center mb-20">
         <span className="flex flex-row space-x-2 mb-2">
           <span className="flex flex-col items-start bg-white bg-opacity-40 p-10 max-w-sm rounded backdrop-blur-md">
             <FcAssistant className="text-5xl -ml-2" />

pages/philosophy.tsx

@@ -1,4 +1,5 @@
 import { Divider } from "antd";
+import Link from "next/link";
 import { useRouter } from "next/router";
 import { FaAngleRight } from "react-icons/fa";
 import Rooms from "../components/demo/Rooms";
@@ -22,21 +23,42 @@ export default function Philosophy() {
   );
   return (
     <LangingPageLayout>
+      <span className="flex flex-col my-20 items-center">
+        <span className="text-5xl font-bold text-center">
+          We live in a <span className="text-red-800"> distracted world.</span>{" "}
+          <br></br>
+          <span className="text-teal-600">{"Let's fix it."}</span>
+        </span>
+        <span className="text-gray-500 text-lg">
+          Everything starts with the philosophy.
+        </span>
+      </span>
+
       {/* main mission */}
-      <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-[15rem] mt-[5rem] p-10">
+      <div className="mx-auto flex flex-col items-start max-w-screen-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">
-          Philosophy
+          Productivity is a Myth
         </span>
 
         <span className="text-left text-lg mb-5 text-gray-700">
-          In today&apos;s distracted world, we mistake adding software and tools
+          In today&apos;s world, we{" "}
-          for productivity.
+          <span className="text-red-600"> mistake</span> adding software and
+          tools for <span className="text-red-600">productivity.</span>
+        </span>
+
+        <span className="text-left text-lg text-gray-700 mb-5">
+          At Nirvana, we are bringing work back to the basics.{" "}
+          <span className="text-teal-600">Voice-only communication </span>{" "}
+          because voice makes us human and less is more. An experience as if
+          your team was{" "}
+          <span className="text-teal-600">right next to you.</span>
         </span>
 
         <span className="text-left text-lg text-gray-700">
-          At Nirvana, we are bringing work back to the basics. Voice first
+          Improve team{" "}
-          communication because voice makes us human and less is more. An
+          <span className="text-teal-600">
-          experience as if your team was right next to you.
+            focus, performance, and wellbeing.
+          </span>
         </span>
 
         <></>
@@ -49,7 +71,11 @@ export default function Philosophy() {
           <span className="text-teal-600">{"It's now or never."}</span>
         </span>
 
-        <span className="ml-auto">{getStartedButton}</span>
+        <span className="flex flex-row items-center space-x-5 ml-auto">
+          <Link href="/features">Features</Link>
+
+          {getStartedButton}
+        </span>
       </span>
     </LangingPageLayout>
   );

pages/pricing.tsx

@@ -39,7 +39,7 @@ export default function Pricing() {
         </span>
       </div>
 
-      <span className="flex flex-row justify-center space-x-5">
+      <span className="flex flex-row justify-center space-x-5 mb-32">
         {/* lite pricing */}
         <span className="flex flex-col items-start bg-white bg-opacity-40 p-10 max-w-sm rounded backdrop-blur-md w-[22rem] shadow-lg">
           <span className="flex flex-row items-center justify-between w-full">