Skip to content

07 23 homepage 4 #151

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

Merged
merged 9 commits into from
Jul 23, 2025
Merged

07 23 homepage 4 #151

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
857a4ef
add capabilities page
devalog Jul 23, 2025
eaf5cc4
fix: added new imagery for docs
Jul 23, 2025
23e5311
fix: added links for sdk capabilities
Jul 23, 2025
f0edcb5
fix: updated hiehgt of dropdown
Jul 23, 2025
976c443
fix: broken links in docs home page
Jul 23, 2025
3113424
fix: broken links in docs home page
Jul 23, 2025
01577d5
fix: a p0 redirect
Jul 23, 2025
a59ed82
Merge remote-tracking branch 'origin/main' into 07-23-homepage-4
Jul 23, 2025
fd79d3d
fix: all p0s
Jul 23, 2025
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
5 changes: 0 additions & 5 deletions fern/docs.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -278,11 +278,6 @@ redirects:
destination: /learn/sdks/overview/introduction
permanent: true

# SDK Reference redirects
- source: /learn/sdks/reference/:slug*
destination: /learn/sdks/overview/reference/:slug*
permanent: true

# SDK Guides - specific cases first, then general pattern
- source: /learn/sdks/guides/generate-your-first-sdk
destination: /learn/sdks/overview/introduction
Expand Down
2 changes: 1 addition & 1 deletion fern/products/docs/docs.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ navigation:
icon: fa-regular fa-comment-dots
- page: Button
path: ./pages/component-library/default-components/button.mdx
icon: fa-regular fa-button
icon: fa-regular fa-arrow-pointer
- page: Callouts
path: ./pages/component-library/default-components/callouts.mdx
icon: fa-regular fa-exclamation-triangle
Expand Down
Binary file added fern/products/docs/pages/getting-started/images/payabl-blog_image_og.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fern/products/docs/pages/getting-started/images/payabli-blog_image.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions fern/products/docs/pages/getting-started/overview.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: Fern Docs
subtitle: Beautiful, AI-native docs that are easy to configure, scale, and edit.
subtitle: A website builder for beautiful agent and developer-friendly docs.
---

<div className="docs-homepage">
Expand Down Expand Up @@ -31,7 +31,7 @@ subtitle: Beautiful, AI-native docs that are easy to configure, scale, and edit.
</div>
</a>

<a class="fern-card interactive not-prose rounded-3 relative block border p-6 text-base" href="/docs/configuration/what-is-docs-yml">
<a class="fern-card interactive not-prose rounded-3 relative block border p-6 text-base" href="/docs/customization/what-is-docs-yml">
<div class="flex items-start flex-col space-y-3">
<img class="mx-auto dark:hidden" alt="Configure with ease" src="./images/configure.png" />
<img class="mx-auto hidden dark:block" alt="Configure with ease" src="./images/configure-dark.png" />
Expand Down
36 changes: 21 additions & 15 deletions fern/products/home/pages/welcome.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -114,7 +114,7 @@ import { FernFooter } from "../../../components/FernFooter";
<img src="./images/arrow-right-black.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
</a>
<a className="fern-button minimal normal gap-1 a-btn" href="/sdks/overview/set-up-the-fern-folder">
Configure
Quickstart
<img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
<img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
</a>
Expand Down Expand Up @@ -143,36 +143,37 @@ import { FernFooter } from "../../../components/FernFooter";
<img src="./images/docs-preview-dark.svg" alt="Docs Preview" className="docs-preview-img hidden dark:block" noZoom />

<div className="action-buttons-vertical">
<a className="fern-button filled normal primary gap-1 w-fit a-btn" href="/docs/getting-started/quickstart">
Quickstart
<a className="fern-button filled normal primary gap-1 w-fit a-btn" href="/docs/getting-started/overview">
Introduction
<img src="./images/arrow-right-white.svg" alt="Arrow right" className="dark:hidden" noZoom />
<img src="./images/arrow-right-black.svg" alt="Arrow right" className="hidden dark:block" noZoom />
</a>
<a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/customization/what-is-docs-yml">
Configure your docs site
<a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/getting-started/quickstart">
Quickstart
<img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
<img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
</a>
<a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/navigation/products">
Configure multiple products
<a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/writing-content/components/overview">
See all available components
<img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
<img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
</a>
<a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/navigation/versions">
Create versions
<a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/customization/what-is-docs-yml">
Configure your docs
<img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
<img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
</a>
<a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/seo/configuring-slugs">
Configure slugs via MDX
<a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/api-references/generate-api-ref">
Bring your own API spec
<img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
<img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
</a>
<a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/writing-content/components/overview">
See all available components
<a className="fern-button minimal normal w-fit gap-1 a-btn" href="/docs/customization/project-structure">
Setup your project structure
<img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
<img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
</a>

</div>
</div>

Expand All @@ -193,11 +194,16 @@ import { FernFooter } from "../../../components/FernFooter";
<img src="./images/ai-search-preview-dark.svg" alt="AI Search Mockup" className="ai-search-preview-img hidden dark:block" noZoom />

<div className="action-buttons">
<a className="fern-button filled normal primary gap-1 a-btn" href="/ask-fern/configuration/custom-prompting">
Configure
<a className="fern-button filled normal primary gap-1 a-btn" href="/ask-fern/getting-started/what-is-ask-fern">
Introduction
<img src="./images/arrow-right-white.svg" alt="Arrow right light" className="dark:hidden" noZoom />
<img src="./images/arrow-right-black.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
</a>
<a className="fern-button minimal normal gap-1 a-btn" href="/ask-fern/configuration/custom-prompting">
Configure
<img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
<img src="./images/arrow-right-white.svg" alt="Arrow right light" className="hidden dark:block" noZoom />
</a>
<a className="fern-button minimal normal gap-1 a-btn" href="https://buildwithfern.com/showcase">
Customers
<img src="./images/arrow-right-black.svg" alt="Arrow right light" className="dark:hidden" noZoom />
Expand Down
4 changes: 2 additions & 2 deletions fern/products/sdks/introduction.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ description: Generate idiomatic SDKs in multiple programming languages
{/* <div className="dashed-gradient"></div> */}
</div>
<CardGroup cols={2}>
<a class="fern-card interactive not-prose relative block p-6 text-base" href="/sdks/generators/type-script/quickstart">
<a class="fern-card interactive not-prose relative block p-6 text-base" href="/sdks/generators/typescript/quickstart">
<div class="flex items-start flex-col space-y-3">
<img class="mx-auto dark:hidden" alt="TypeScript" src="./images/typescript-card.png" />
<img class="mx-auto hidden dark:block" alt="TypeScript" src="./images/typescript-card-dark.png" />
Expand Down Expand Up @@ -66,7 +66,7 @@ description: Generate idiomatic SDKs in multiple programming languages
</div>
</div>
</a>
<a class="fern-card interactive not-prose relative block p-6 text-base" href="/sdks/generators/net/quickstart">
<a class="fern-card interactive not-prose relative block p-6 text-base" href="/sdks/generators/csharp/quickstart">
<div class="flex items-start flex-col space-y-3">
<img class="mx-auto dark:hidden" alt=".NET" src="./images/csharp-card.png" />
<img class="mx-auto hidden dark:block" alt=".NET" src="./images/csharp-card-dark.png" />
Expand Down