fix: add new blog

_blog/2022-12-12-how-we-built-a-highly-customizable-rich-text-editor-for-flutter.mdx

@@ -13,7 +13,6 @@ categories:
   - Developers
   - Using AppFlowy
 date: '2022-12-12'
-pinned: 1
 toc_depth: 3
 related:
   - 2023-11-01-demystifying-appflowy-editors-codebase

_blog/2024-11-19-looking-for-the-best-note-taking-app-appflowy.mdx

@@ -18,7 +18,7 @@ categories:
 
 date: '2024-11-19'
 toc_depth: 3
-pinned: 2
+pinned: 1
 ---
 
 *Find the perfect note-taking app by focusing on these essential features for an enhanced experience \- we've been talking to users for years for this list\!*

_blog/2024-11-20-appflowy-leverage-one-pagers-for-your-work.mdx

@@ -0,0 +1,127 @@
+---
+title: "Leveraging One-Pagers for Your Work - 12 Applications and Templates"
+description: Master the art of one-pagers! Learn the essentials, explore templates, and create single-page docs that communicate your message quickly and effectively.
+author: AppFlowy
+author_url: https://github.com/AppFlowy-IO
+author_image_url: /images/blog/authors/appflowy.png
+image: /images/blog/appflowy-leverage-one-pagers-for-your-work/cover.png
+thumb: /images/blog/appflowy-leverage-one-pagers-for-your-work/cover.png
+tags:
+  - one pager examples
+  - one pager templates
+  - one pager project examples
+  - one pager
+  - templates free
+  - free one pager templates
+  - best one pager templates
+categories:
+  - Open source
+  - Product
+  - Using AppFlowy
+date: 2024-11-20
+toc_depth: 3
+pinned: 2
+---
+
+So, you’ve been told to create a one-pager. One page. That’s it. Just cram all the essentials about your project, product, or team into one neat little document. Easy, right? Until you start writing, and suddenly, “one page” feels more impossible than a 1,000-page novel. Can’t we just stick with the brochures we’ve got? You ask.
+
+Stop panicking. This will all be worth it. One-pagers make everyone’s life easier. Concise versions of internal documents marketing collateral allows you to convey all the important information people need to know and remember without overwhelming them.
+
+In this article, we’ll give you some of the best free one-pager templates and some useful one-pager examples for you to implement today.
+
+## What is a One-Pager?
+
+A one-pager is exactly what it sounds like: a document condensed onto a single page. Unlike full-length presentations or reports, one-pagers focus only on the essentials. They don’t drown readers in details—instead, they’re straight to the point. A one-pager captures key information in a visually engaging format, making it easy for the reader to understand the core message without extra pages or slides.
+
+## What Should a One-Pager Include?
+
+Because space is limited, you have to be thoughtful with design and content. What you include in your one-pager will depend on its purpose, but there are a few non-negotiables that form part of any one-pager design..
+
+**Key Messages**: Start with the main points or benefits that set your product, service, or idea apart. Use clear, straightforward language—no one needs jargon on a one-pager.
+
+**Visuals**: Add icons, infographics, or simple charts that help illustrate your message without creating clutter. Visuals are easier to digest than words. Especially if you’re using data.
+
+**Call to Action (CTA):** Guide readers to their next step with a clear, attention-grabbing CTA. Whether you want them to call, email, or visit a link, a bold button or highlighted box around your CTA can make it easy to spot.
+
+**Be Concise:** Use short sentences or bullet points to keep information digestible. Every section should answer a question the reader might have, such as “What’s in it for me?” or “Why is this valuable?”
+
+**Relevant Data:** Include statistics or facts that back up your message, like “20% boost in efficiency” or “Trusted by 500 companies.” Quick, impactful data points can add credibility without overloading the page.
+
+**Visual Flow and Branding:** Arrange content to guide the reader’s eye naturally from top to bottom. With consistent brand colors, fonts, and logos, your one-pager will look professional while keeping focus on the message.
+
+## 12 One-Pager Templates and Examples
+
+### [1\. Business Overview One-Pager](https://appflowy.io/templates/startups/59a940e2-71ac-435e-a42f-9114f8dea7a5)
+
+This one’s perfect for giving a quick snapshot of your company. It covers what your business does, its mission, and a few standout metrics or achievements—all in a compact, easy-to-read format that’s great for potential clients, investors, or partners.
+
+### [2\. Product One-Pager](https://appflowy.io/templates/sales-crm/b95c284d-ecca-4769-9e8b-cdac32fe167d)
+
+<Img src="/images/blog/appflowy-leverage-one-pagers-for-your-work/cover.png" alt="Product One-Pager" />
+A product one-pager highlights the essentials of a product—its features, benefits, and how it meets the customer’s needs. This is perfect for sales teams who need a quick reference sheet to share with potential customers.
+
+### 3\. Service One-Pager
+
+<Img src="/images/blog/appflowy-leverage-one-pagers-for-your-work/Pasted image 20241120195423.png" alt="Service One-Pager" />
+<Caption content='[Source](https://www.slideteam.net/blog/top-50-company-one-pagers)
+' />
+
+If you're a service-based business, a one-pager can be a handy way to showcase a condensed version of what you offer. Often, people over complicate things with multi-page brochures, but highlighting the main benefits of your offering is really what connects people in the beginning.
+
+### 4\. Marketing and Brand Guidelines One-Pager
+
+<Img src="/images/blog/appflowy-leverage-one-pagers-for-your-work/Pasted image 20241120195602.png" alt="Marketing and Brand Guidelines One-Pager  " />
+
+<Caption content='[Source](https://brandingstyleguides.com/guide/openai/)' />
+Brand guidelines are often lengthy documents that only the marketing department really needs to know. A one-pager should include the most important elements that everyone in the business and external partners need to be aware of. It helps keep your brand consistent without the nitty gritty of the entire brand guidelines.
+
+### [5\. Sales Rep One-Pager](https://appflowy.io/templates/sales-crm/b95c284d-ecca-4769-9e8b-cdac32fe167d)
+
+Going blank and losing your train of thought happens to the best of us. A sales rep one-pager is a great tool because it gives you quick access to essential product benefits, target audience insights, and key talking points. Sales reps can use them to ensure they cover everything needed in their pitch, and they can leave them with the prospect as marketing collateral.
+
+### [6\. Project Manager One-Pager](https://appflowy.io/templates/management/1a9831c5-3b1e-49b5-a0b7-ee1549530855)
+
+<Img src="/images/blog/appflowy-leverage-one-pagers-for-your-work/Pasted image 20241121093720.png" alt="Project Manager One-Pager" />
+Designed for project teams, this one-pager provides an overview of project timelines, roles, and important milestones. It’s a useful reference to keep everyone aligned and informed about project goals and timelines.
+
+### [7\. Event One-Pager](https://appflowy.io/templates/marketing/ad37dc78-a311-401b-a8ab-a94c8847c853)
+
+<Img src="/images/blog/appflowy-leverage-one-pagers-for-your-work/Pasted image 20241121093803.png" alt="Event One-Pager" />
+
+If you're running an event, an event one-pager pulls together everything you and your attendees need to know—date, location, agenda highlights, and contact info. Instead of wasting your time answering endless emails, everyone has all the info they need.
+
+### 8\. Investor Pitch One-Pager
+
+<Img src="/images/blog/appflowy-leverage-one-pagers-for-your-work/Pasted image 20241120195835.png" alt="Investor Pitch One-Pager" />
+<Caption content='[Source](https://www.slideteam.net/wp/wp-content/uploads/2020/08/Startup-Fundraising-One-Page-1.png)' />
+
+This one-pager gives potential investors a clear snapshot of your business, including the market opportunity, business model, revenue streams, and a quick look at the team, helping investors quickly understand the potential of investing in your business.
+
+### 9\. Partnership Proposal One-Pager
+
+<Img src="/images/blog/appflowy-leverage-one-pagers-for-your-work/Pasted image 20241120195936.png" alt="Partnership Proposal One-Pager " />
+<Caption content='[Source](https://www.slideteam.net/media/catalog/product/cache/1280x720/o/n/one_page_business_partnership_agreement_presentation_report_infographic_ppt_pdf_document_slide02.jpg)' />
+
+This template outlines the potential benefits of a partnership, key alignment points, and goals. It’s ideal for sharing with prospective partners to establish mutual interests and goals without overwhelming them with details.
+
+### 10\. [Client Onboarding One-Pager](https://appflowy.io/templates/sales-crm/99db25ce-6aaf-4171-a262-23ff34ccbcb8)
+
+<Img src="/images/blog/appflowy-leverage-one-pagers-for-your-work/Pasted image 20241121094039.png" alt="Client Onboarding One-Pager" />
+
+For new clients, this one-pager gives an overview of what to expect, next steps, and primary contacts within your organization. It’s a great way to welcome clients and get them familiar with your team and process.
+
+### 11\. [Employee Handbook One-Pager](https://appflowy.io/templates/startups/54f9981f-b467-42ed-91f7-f4baa829fe14)
+
+Joining a new company can be confusing, especially if it has a distinctive culture. Employee handbooks are long with a lot of complex info, but a handbook one-pager can highlight the need-to-know details that will help a new starter get settled in and familiar with the basics.
+
+### 12\. Team Overview One-Pager
+
+<Img src="/images/blog/appflowy-leverage-one-pagers-for-your-work/Pasted image 20241120200455.png" alt="Team Overview One-Pager" />
+<Caption content='[Source](https://images01.nicepagecdn.com/page/18/03/one-page-template-preview-1803481.webp)' />
+
+
+Introduce key members of your team, their roles, and primary areas of expertise. This can be helpful for larger organizations where employees or departments may not be as familiar with one another.
+
+## AppFlowy Templates
+
+Stop relying on designers and hoping your teams can scrape together professional-looking documents. AppFlowy has a library of [free one-pager templates](https://appflowy.io/templates) for every department in your company.

components/blog/caption.tsx

@@ -1,12 +1,17 @@
 import React from 'react';
+import ReactMarkdown from 'react-markdown';
 
 interface Props {
   children?: React.ReactNode;
   content: string;
 }
 
 function Caption(props: Props) {
-  return <div className={'w-full text-center text-base text-gray-400'}>{props.content}</div>;
+  return <div className={'w-full text-center text-base text-gray-400'}>
+    <ReactMarkdown>
+      {props.content}
+    </ReactMarkdown>
+  </div>;
 }
 
 export default Caption;