From 90f5dbdcdfef7fd25d54c6bc40df32f19b817871 Mon Sep 17 00:00:00 2001
From: Iuliia Shnai <yul.schnay@gmail.com>
Date: Sun, 7 Jul 2024 11:39:55 +0200
Subject: [PATCH 1/2] updates for help center page

---
 app/(static)/help/page.tsx | 43 +++++++++++++++-----------------------
 1 file changed, 17 insertions(+), 26 deletions(-)

diff --git a/app/(static)/help/page.tsx b/app/(static)/help/page.tsx
index 956229de5..2daed233a 100644
--- a/app/(static)/help/page.tsx
+++ b/app/(static)/help/page.tsx
@@ -5,44 +5,35 @@ import { getHelpArticles } from "@/lib/content/help";
 export default async function BlogIndex() {
   const posts = await getHelpArticles();
   return (
-    <div className="bg-white py-24 sm:py-32">
+    <div className="bg-white py-24 sm:py-24">
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-2xl lg:mx-0">
           <h2 className="text-balance text-6xl text-gray-900 sm:text-6xl">
             Papermark Help Center
           </h2>
-          <p className="mt-2 text-balance text-lg leading-8 text-gray-500">
-            Everything on how to share dcuments with Papermark
-          </p>
+          {/* <p className="mt-2 text-balance text-lg leading-8 text-gray-500">
+            how to share documents and create data rooms with Papermark
+          </p> */}
         </div>
-        <div className="mx-auto mt-10 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 border-t border-gray-200 pt-10 sm:mt-16 sm:pt-16 lg:mx-0 lg:max-w-none lg:grid-cols-3">
+        <div className="mt-16 grid gap-2 md:grid-cols-2">
           {posts.map((post) => (
-            <article
+            <Link
               key={post?.data.slug}
-              className="flex max-w-xl flex-col items-start justify-between"
+              href={`/help/article/${post?.data.slug}`}
+              className="group block"
             >
-              <div className="flex items-center gap-x-4 text-xs">
-                <h1 className="text-balance text-2xl md:text-2xl">
+              <div className="group flex items-center justify-between px-4 py-4 hover:rounded-xl hover:bg-orange-500">
+                <h3 className="text-lg font-normal text-gray-700 group-hover:text-white">
                   {post?.data.title}
-                </h1>
-              </div>
-              <p className="mt-1 text-balance text-xs text-gray-500 md:text-xs">
-                {post?.data.summary}
-              </p>
-
-              <div className="group relative">
-                <h3 className="mt-4 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600">
-                  <Link
-                    href={`/help/article/${post?.data.slug}`}
-                    className="text-balance rounded-3xl border border-gray-500 bg-transparent px-4 py-2 text-xs font-light text-gray-500"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Read more
-                  </Link>
                 </h3>
+                <span className="text-gray-500 transition duration-200 group-hover:text-orange-100">
+                  <span className="hidden group-hover:inline-block">
+                    &rarr;
+                  </span>
+                  <span className="inline-block group-hover:hidden">&gt;</span>
+                </span>
               </div>
-            </article>
+            </Link>
           ))}
         </div>
       </div>

From fb42d81d43fe3a0fcca3ace151962bafa96ef450 Mon Sep 17 00:00:00 2001
From: Iuliia Shnai <yul.schnay@gmail.com>
Date: Sun, 7 Jul 2024 18:28:39 +0200
Subject: [PATCH 2/2] updates for footer also

---
 components/web/footer.tsx | 190 +++++++++++++++++++++++++++++++++++---
 1 file changed, 176 insertions(+), 14 deletions(-)

diff --git a/components/web/footer.tsx b/components/web/footer.tsx
index e55c2d1a9..159d7b826 100644
--- a/components/web/footer.tsx
+++ b/components/web/footer.tsx
@@ -12,18 +12,19 @@ const navigation = {
   product: [
     { name: "Data Room", href: "/data-room" },
     { name: "AI Document Assistant", href: "/ai" },
-    { name: "Notion", href: "/share-notion-page" },
+    { name: "Notion sharing", href: "/share-notion-page" },
     { name: "Pricing", href: "/pricing" },
   ],
   resources: [
     { name: "Privacy Policy", href: "/privacy" },
     { name: "Terms of Service", href: "/terms" },
-    { name: "Launch Week", href: "/launch-week" },
+    { name: "Blog", href: "/blog" },
+    { name: "Launch Week 2023", href: "/launch-week" },
   ],
   tools: [
     { name: "Open Source Friends", href: "/oss-friends" },
     { name: "Open Source Investors", href: "/open-source-investors" },
-    { name: "Investor Database", href: "/investors" },
+    { name: "Investor Database (7k+)", href: "/investors" },
     {
       name: "YC Application GPT",
       href: "https://chat.openai.com/g/g-LYDRCiZB9-yc-application-gpt",
@@ -32,14 +33,7 @@ const navigation = {
       name: "FindVC GPT",
       href: "https://chat.openai.com/g/g-G5orSgI31-findvc",
     },
-    {
-      name: "DocSend Alternatives",
-      href: "/docsend-alternatives",
-    },
-     {
-      name: "Digify Alternatives",
-      href: "/digify-alternatives",
-    },
+
     {
       name: "AI Pitch Deck Generator",
       href: "https://deck.papermark.io",
@@ -52,7 +46,14 @@ const navigation = {
     { name: "Digify", href: "/alternatives/digify" },
     { name: "FirmRoom", href: "/alternatives/firmroom" },
     { name: "Google-Drive", href: "/alternatives/google-drive" },
-
+    {
+      name: "DocSend Alternatives",
+      href: "/docsend-alternatives",
+    },
+    {
+      name: "Digify Alternatives",
+      href: "/digify-alternatives",
+    },
   ],
   social: [
     {
@@ -73,6 +74,93 @@ const navigation = {
       ),
     },
   ],
+  cases: [
+    {
+      name: "Fundraising",
+      href: "/solutions/open-source-fundraising-software",
+    },
+    {
+      name: "Document tracking",
+      href: "/solutions/free-document-tracking-software",
+    },
+    {
+      name: "Legal document sharing",
+      href: "/solutions/legal-documents-sharing-platform",
+    },
+    {
+      name: "Open source document sharing",
+      href: "/solutions/open-source-document-sharing-platform",
+    },
+    {
+      name: "Investor update software",
+      href: "/solutions/investor-update-software",
+    },
+    {
+      name: "Pitch deck sharing",
+      href: "/solutions/pitch-deck-sharing-sofware",
+    },
+  ],
+  room: [
+    {
+      name: "Data Room for investors",
+      href: "/solutions/data-room-for-investors",
+    },
+    {
+      name: "Data Room for fundraising",
+      href: "/solutions/data-room-for-startups",
+    },
+    {
+      name: "VC portfolio management ",
+      href: "/solutions/vc-portfolio-management-software",
+    },
+    { name: "Data Room for realtors", href: "/" },
+    // {
+    //   name: "Private equaity portfolio management ",
+    //   href: "/solutions/private-equity-portfolio-management-software",
+    // },
+    {
+      name: "Virtual sales data room",
+      href: "https://www.papermark.io/solutions/virtual-sales-room",
+    },
+  ],
+  support: [
+    { name: "Help Center", href: "/help" },
+    {
+      name: "Create shareable link",
+      href: "/help/article/create-link-to-document",
+    },
+    {
+      name: "Link permissions",
+      href: "/help/article/link-settings",
+    },
+    {
+      name: "Custom domain",
+      href: "/help/article/how-to-add-custom-domain-to-link",
+    },
+    { name: "Document versions", href: "/help/article/document-versions" },
+    {
+      name: "Track time on document",
+      href: "/help/article/built-in-page-by-page-analytics",
+    },
+  ],
+  more: [
+    {
+      name: "Password protect Notion",
+      href: "/blog/password-protect-a-notion-page",
+    },
+    {
+      name: "Send deck to investors ",
+      href: "blog/how-to-send-pitch-deck-to-investors",
+    },
+    {
+      name: "Track time on pitch deck",
+      href: "/blog/how-to-track-activity-on-your-pitch-deck",
+    },
+    {
+      name: "Prevent pdf forwarding",
+      href: "/blog/how-to-prevent-pdf-forwarding",
+    },
+  ],
 };
 
 export default function Footer() {
@@ -84,7 +172,7 @@ export default function Footer() {
       <div className="mx-auto max-w-7xl px-4 pb-4 pt-20 md:px-8">
         {" "}
         {/* px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-32 */}
-        <div className="xl:grid xl:grid-cols-3 xl:gap-8">
+        <div className="xl:grid xl:grid-cols-4 xl:gap-8">
           <div className="space-y-4">
             <Image
               src={PapermarkLogo}
@@ -113,7 +201,7 @@ export default function Footer() {
               <StatusWidget />
             </div>
           </div>
-          <div className="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
+          <div className="mt-16 grid grid-cols-2 gap-8 xl:col-span-3 xl:mt-0">
             <div className="md:grid md:grid-cols-2 md:gap-8">
               <div>
                 <h3 className="font-semibold leading-6 text-black">Product</h3>
@@ -148,6 +236,41 @@ export default function Footer() {
                 </ul>
               </div>
             </div>
+            <div className="md:grid md:grid-cols-2 md:gap-8">
+              <div>
+                <h3 className="font-semibold leading-6 text-black">
+                  Papermark for
+                </h3>
+                <ul role="list" className="mt-6 space-y-4">
+                  {navigation.cases.map((item) => (
+                    <li key={item.name}>
+                      <a
+                        href={item.href}
+                        className="leading-6 text-gray-500 hover:text-black"
+                      >
+                        {item.name}
+                      </a>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+
+              <div>
+                <h3 className="font-semibold leading-6 text-black">Support</h3>
+                <ul role="list" className="mt-6 space-y-4">
+                  {navigation.support.map((item) => (
+                    <li key={item.name}>
+                      <a
+                        href={item.href}
+                        className="leading-6 text-gray-500 hover:text-black"
+                      >
+                        {item.name}
+                      </a>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            </div>
             <div className="md:grid md:grid-cols-2 md:gap-8">
               <div>
                 <h3 className="font-semibold leading-6 text-black">Tools</h3>
@@ -164,6 +287,26 @@ export default function Footer() {
                   ))}
                 </ul>
               </div>
+
+              <div className="mt-10 md:mt-0">
+                <h3 className="font-semibold leading-6 text-black">
+                  Data Room
+                </h3>
+                <ul role="list" className="mt-6 space-y-4">
+                  {navigation.room.map((item) => (
+                    <li key={item.name}>
+                      <a
+                        href={item.href}
+                        className="leading-6 text-gray-500 hover:text-black"
+                      >
+                        {item.name}
+                      </a>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            </div>
+            <div className="md:grid md:grid-cols-2 md:gap-8">
               <div className="mt-10 md:mt-0">
                 <h3 className="font-semibold leading-6 text-black">
                   Alternatives
@@ -181,6 +324,25 @@ export default function Footer() {
                   ))}
                 </ul>
               </div>
+
+              <div className="mt-10 md:mt-0">
+                <h3 className="font-semibold leading-6 text-black">
+                  Read more
+                </h3>
+                <ul role="list" className="mt-6 space-y-4">
+                  {navigation.more.map((item) => (
+                    <li key={item.name}>
+                      <a
+                        href={item.href}
+                        className="leading-6 text-gray-500 hover:text-black"
+                      >
+                        {item.name}
+                      </a>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+              <div className="md:grid md:grid-cols-2 md:gap-8"></div>
             </div>
           </div>
         </div>