adding footer slowly

components/Layouts/LandingPageLayout.tsx

@@ -26,15 +26,12 @@ export default function LangingPageLayout({ children }) {
     router.push("/teams");
   }
 
-  const handleGetDemo = () => {
-    window.open("https://calendly.com/usenirvana/30min", "_blank");
-  };
   const getStartedButton = (
     <button
-      onClick={handleGetDemo}
+      onClick={() => window.open("/teams/login", "_blank")}
       className="rounded font-semibold bg-teal-600 p-2 text-white shadow-lg flex flex-row items-center space-x-2"
     >
-      <span>Get Demo</span>
+      <span>Get Started</span>
       <FaAngleRight />
     </button>
   );
@@ -110,21 +107,58 @@ export default function LangingPageLayout({ children }) {
                   Log In
                 </button>
 
-                <button
-                  onClick={handleLogin}
-                  className="rounded font-semibold bg-gray-200 p-2 text-teal-600 shadow-lg flex flex-row items-center space-x-2"
-                >
-                  <span>Sign Up</span>
-                </button>
+                {getStartedButton}
               </>
             )}
-
-            {getStartedButton}
           </span>
         </div>
 
         {children}
       </div>
+
+      {/* footer */}
+      <div className="bg-black w-full p-[10rem]">
+        <span className="flex flex-row items-start justify-between">
+          <span className="flex flex-col">
+            <MainLogo className="text-white text-3xl" />
+
+            <span className="text-gray-200 mt-auto">&copy; nirvana</span>
+            <span className="text-gray-200 flex space-x-2">
+              <a
+                className="text-gray-200"
+                href="https://docs.google.com/document/d/1NRWN-6kDyOcADaUAQ-YWVHnz6i9ccGJ3/edit?usp=sharing&ouid=113470786690353109086&rtpof=true&sd=true"
+              >
+                terms and conditions
+              </a>{" "}
+              <span>|</span>
+              <a
+                className="text-gray-200"
+                href="https://docs.google.com/document/d/1S3JsGqXgkriAsBOybXpVR0JJ4hiRkaNt/edit?usp=sharing&ouid=113470786690353109086&rtpof=true&sd=true"
+              >
+                privacy policy.
+              </a>
+            </span>
+          </span>
+
+          <span className="flex flex-col">
+            <span className="font-bold text-white text-lg">Product</span>
+          </span>
+
+          <span className="flex flex-col">
+            <span className="font-bold text-white text-lg">Resources</span>
+          </span>
+
+          <span className="flex flex-col">
+            <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>
+        </span>
+      </div>
     </div>
   );
 }

pages/index.js

@@ -34,10 +34,6 @@ export default function Home() {
     window.open("https://calendly.com/usenirvana/30min", "_blank");
   };
 
-  const router = useRouter();
-
-  const [loading, setLoading] = useState(false);
-
   const getStartedButton = (
     <button
       onClick={handleGetDemo}
@@ -48,10 +44,6 @@ export default function Home() {
     </button>
   );
 
-  if (loading) {
-    return <SkeletonLoader />;
-  }
-
   return (
     <LangingPageLayout>
       {/* header text */}
@@ -59,7 +51,7 @@ export default function Home() {
         <span className="flex flex-col items-center">
           <span className="text-5xl font-bold">
             <span className="text-teal-800">Minimal </span>
-            Collaboration Tool for
+            Communication Tool for
           </span>
 
           <span className="text-5xl font-bold text-left">
@@ -69,14 +61,14 @@ export default function Home() {
 
         <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.
+          approach.
           <br></br>
           Skip{" "}
           <img
             src="/icons/zoom-logo.svg"
             className="inline w-[4rem] h-[2rem] px-1"
           />{" "}
-          fatigue,{" "}
+          scheduling,{" "}
           <img
             src="/icons/slack-logo.svg"
             className="inline w-[5rem] h-[2rem] px-1"
@@ -93,11 +85,7 @@ export default function Home() {
           {/* Improve team focus, performance, and wellbeing. */}
         </span>
 
-        <span className="p-2 rounded-lg font-bold text-left text-sm bg-purple-200 text-purple-700">
-          No credit card required
-        </span>
-
-        <span className="flex flex-row items-center space-x-2 mt-5">
+        <span className="flex flex-row items-center space-x-5 my-5">
           <Link href="/features">Features</Link>
 
           <button
@@ -108,6 +96,11 @@ export default function Home() {
             <FaAngleRight />
           </button>
         </span>
+
+        <span className="text-center text-xs text-gray-500">
+          Try Nirvana for 2 people for 30 days. <br></br>No credit card
+          required.
+        </span>
       </div>
 
       <span className="flex w-full justify-evenly">