Skip to content

Commit

Permalink
Merge pull request mfts#495 from shnai0/help-center
Browse files Browse the repository at this point in the history 
updates for help center page
  • Loading branch information
@mfts
mfts authored Jul 7, 2024
2 parents 3d23980 + fb42d81 commit 30c065d
Show file tree
Hide file tree
Showing 2 changed files with 193 additions and 40 deletions.
43 changes: 17 additions & 26 deletions app/(static)/help/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
190 changes: 176 additions & 14 deletions components/web/footer.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand All @@ -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",
Expand All @@ -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: [
{
Expand All @@ -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() {
Expand All @@ -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}
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand All @@ -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
Expand All @@ -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>
Expand Down

0 comments on commit 30c065d

Please sign in to comment.