Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat/blog page #353

Merged
merged 3 commits into from
Mar 17, 2024
Merged

Feat/blog page #353

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
fceb0d9
feat: add blog images
mfts Mar 13, 2024
6cf0768
Merge branch 'feat/blog-page' of https://github.com/mfts/papermark in…
shnai0 Mar 16, 2024
1acb2ee
updates for pages
shnai0 Mar 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
95 changes: 69 additions & 26 deletions app/(static)/alternatives-new/[slug]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,26 +47,26 @@ export default async function AlternativePage({
<div className="flex flex-1 flex-col bg-white text-black justify-center">
<div className="max-w-5xl w-full mx-auto px-4 md:px-8 text-center">
<div className="pt-32">
{/* <div className=" pb-4">
<img
src={alternative.imageUrl}
alt="App screenshot"
className="mx-auto"
width={150}
height={50}
/>
</div> */}
<div className=" pb-4">
<img
src={alternative.imageUrl!}
alt="App screenshot"
className="mx-auto"
width={150}
height={50}
/>
</div>
{/* <div className="relative rounded-full px-3 py-1 text-sm leading-6 text-black ring-black/10 hover:ring-white/20">
Free DocSend alternative
</div> */}
Free {alternative.name} alternative
</div> */}
<h1 className="text-6xl text-balance">{alternative.title}</h1>
<p className="text-xl mt-8 text-balance max-w-3xl mx-auto md:text-2xl">
{alternative.description}
</p>
<div className="pt-8 space-x-2">
<Link href="/login">
<Button className="text-white bg-blue-800 rounded-3xl hover:bg-gray-500 justify-center">
Create Linkedin Post
<Button className="text-white bg-gray-900 rounded-3xl hover:bg-gray-500 justify-center">
Send Document
</Button>
</Link>
</div>
Expand Down Expand Up @@ -102,39 +102,81 @@ export default async function AlternativePage({
</div>
<div className="bg-white py-16">
<div className="mx-auto max-w-5xl ">
<div className="grid grid-cols-1 md:grid-cols-2 border border-black rounded-xl overflow-hidden">
<div className="isolate grid grid-cols-1 md:grid-cols-2 border border-black rounded-xl overflow-hidden">
{/* Column 1 - Papermark */}
<div className="flex flex-col justify-between border-black border-r-0 md:odd:border-r xl:even:border-r xl:last:!border-r-0">
<div className="border-black border-r-0 md:odd:border-r xl:even:border-r xl:last:!border-r-0 flex flex-col justify-between">
<div>
<div className="border-b border-black p-6 bg-gray-100">
<h3 className="text-xl leading-8 text-gray-800">
<h3 className="text-balance text-gray-800 text-xl leading-8">
Papermark
</h3>
</div>
<div className="p-6">
<p className="mt-4 text-sm leading-6 text-gray-500">
<p className="mt-4 text-sm leading-6 text-gray-500 text-balance">
Papermark plans start from freemium
</p>
<div className="flex flex-col justify-between"></div>

<p className="mt-4 text-2xl text-balance font-semibold leading-6 text-gray-900">
$0
</p>
<ul className="mt-8 space-y-3 text-sm leading-6 text-gray-500">
<li className="flex items-center gap-x-3">
<CheckIcon
className="h-6 w-6 text-green-500"
aria-hidden="true"
/>
Open Source
Open Source & Self-hosted
</li>
<li className="flex items-center gap-x-3">
<CheckIcon
className="h-6 w-6 text-green-500"
aria-hidden="true"
/>
Analytics for each page
</li>
<li className="flex items-center gap-x-3">
<CheckIcon
className="h-6 w-6 text-green-500"
aria-hidden="true"
/>
Custom branding
</li>
<li className="flex items-center gap-x-3">
<CheckIcon
className="h-6 w-6 text-green-500"
aria-hidden="true"
/>
Custom domain
</li>
<li className="flex items-center gap-x-3">
<CheckIcon
className="h-6 w-6 text-green-500"
aria-hidden="true"
/>
Team access
</li>
<li className="flex items-center gap-x-3">
<CheckIcon
className="h-6 w-6 text-green-500"
aria-hidden="true"
/>
Data Room
</li>

{/* Add additional features here */}
</ul>
</div>
</div>
<Link
href="https://cal.com/marcseitz/papermark"
href="/login"
target="_blank"
rel="noopener noreferrer"
className="p-6"
>
<Button
variant="outline"
className="text-balance rounded-3xl bg-transparent border-black"
className="text-balance rounded-3xl bg-transparent bg-[#fb7a00] hover:bg-gray-500"
>
Start for free
</Button>
Expand All @@ -151,9 +193,9 @@ export default async function AlternativePage({
</div>
<div className="p-6">
<p className="mt-4 text-sm leading-6 text-gray-500">
{alternative.title}
{`${alternative.name} feature description`}
</p>
<p className="mt-4 text-xl font-bold leading-6 text-gray-500">
<p className="mt-4 text-2xl text-balance font-semibold leading-6 text-gray-900">
{alternative.price}
</p>
<ul className="mt-8 space-y-3 text-sm leading-6 text-gray-500">
Expand Down Expand Up @@ -205,15 +247,16 @@ export default async function AlternativePage({
</div>

<Link
href="https://cal.com/marcseitz/papermark"
href="/login"
target="_blank"
rel="noopener noreferrer"
className="p-6"
>
<Button
variant="outline"
className="text-balance rounded-3xl bg-transparent border-black"
>
{`Start with ${alternative.name}`}
{`Start with ${alternative.name} alternative`}
</Button>
</Link>
</div>
Expand All @@ -228,7 +271,7 @@ export default async function AlternativePage({
id="features"
>
<h2 className="text-4xl text-balance pt-12 pb-20 max-w-3xl">
{alternative.subtitlefeatures}
{alternative.subtitlefeatures}{" "}
<span className="text-gray-500">
{alternative.descriptionfeatures}
</span>
Expand Down Expand Up @@ -258,7 +301,7 @@ export default async function AlternativePage({
<div className="pt-8 space-x-2">
<Link href="/login">
<Button className="text-balance rounded-3xl">
Start for free
Start sending documents for free
</Button>
</Link>
</div>
Expand Down
0 app/(static)/pages/[slug]/page.tsx → app/(static)/solutions/[slug]/page.tsx
View file
Open in desktop
File renamed without changes.
1 change: 1 addition & 0 deletions middleware.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,7 @@ export default async function middleware(req: NextRequest, ev: NextFetchEvent) {
path !== "/ai" &&
path !== "/share-notion-page" &&
!path.startsWith("/alternatives") &&
!path.startsWith("/pages") &&
!path.startsWith("/investors") &&
!path.startsWith("/blog") &&
!path.startsWith("/view/")
Expand Down