Skip to content

feat(docs): preview Archivo on marketing pages - #1077

Open
goldflag wants to merge 1 commit into
masterfrom
font-preview/archivo
Open

feat(docs): preview Archivo on marketing pages#1077
goldflag wants to merge 1 commit into
masterfrom
font-preview/archivo

Conversation

@goldflag

@goldflag goldflag commented Jul 18, 2026

Copy link
Copy Markdown
Collaborator

Summary by CodeRabbit

  • Style
    • Updated the home page typography with the Archivo font.
    • Preserved the existing header, main content, footer, and responsive page layout.

@vercel

vercel Bot commented Jul 18, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
rybbit Ready Ready Preview, Comment Jul 18, 2026 10:27pm

Request Review

@coderabbitai

coderabbitai Bot commented Jul 18, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

📝 Walkthrough

Walkthrough

The home layout now configures the Google Archivo font and applies its generated class to a wrapper containing the existing header, main content, and footer layout.

Changes

Home layout typography

Layer / File(s) Summary
Apply Archivo to the home layout
docs/src/app/[locale]/(home)/layout.tsx
The layout configures Archivo and replaces the fragment with a styled wrapper around CustomHeader, main, and Footer.

Estimated code review effort: 1 (Trivial) | ~3 minutes

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately summarizes the main change: previewing the Archivo font on marketing pages.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch font-preview/archivo

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (1)
docs/src/app/[locale]/(home)/layout.tsx (1)

3-4: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick win

Group external imports before internal imports.

Move the next and react imports above the @/... imports, keeping external and internal groups alphabetized.

As per coding guidelines: “Group imports by external, then internal (alphabetical within groups).”

Proposed import order
+import { Archivo } from "next/font/google";
+import type { ReactNode } from "react";
 import { CustomHeader } from "`@/components/CustomHeader`";
 import { Footer } from "`@/components/Footer`";
-import { Archivo } from "next/font/google";
-import type { ReactNode } from "react";
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@docs/src/app/`[locale]/(home)/layout.tsx around lines 3 - 4, Reorder the
imports in the layout module so the external next/font/google and react imports
appear before any internal `@/`... imports, while preserving alphabetical order
within each group.

Source: Coding guidelines

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@docs/src/app/`[locale]/(home)/layout.tsx:
- Around line 6-9: Update the Archivo configuration in the home layout to
include the CJK subsets required by the supported zh, ko, and ja locales
alongside latin, or replace it with an equivalent font stack that covers those
scripts.

---

Nitpick comments:
In `@docs/src/app/`[locale]/(home)/layout.tsx:
- Around line 3-4: Reorder the imports in the layout module so the external
next/font/google and react imports appear before any internal `@/`... imports,
while preserving alphabetical order within each group.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 4be2c3d8-7d51-4191-9537-05c8524dca3e

📥 Commits

Reviewing files that changed from the base of the PR and between e1dda9b and 654ffd5.

📒 Files selected for processing (1)
  • docs/src/app/[locale]/(home)/layout.tsx

Comment on lines +6 to +9
const archivo = Archivo({
subsets: ["latin"],
display: "swap",
});

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Inspect locale definitions and confirm that all supported home locales use Latin scripts.
rg -n 'supportedLocales|locales|i18n|locale' docs

Repository: rybbit-io/rybbit

Length of output: 6806


🏁 Script executed:

#!/bin/bash
set -euo pipefail

# Inspect the home layout and locale definitions with line numbers.
for f in \
  "docs/src/app/[locale]/(home)/layout.tsx" \
  "docs/src/i18n/routing.ts" \
  "docs/src/lib/i18n.ts" \
  "docs/src/app/[locale]/layout.tsx" \
  "docs/src/app/[locale]/layout.config.tsx"
do
  echo "===== $f ====="
  wc -l "$f"
  cat -n "$f" | sed -n '1,220p'
  echo
done

Repository: rybbit-io/rybbit

Length of output: 4778


🏁 Script executed:

#!/bin/bash
set -euo pipefail

# Look for any other font setup or locale-specific home layout behavior.
rg -n 'Archivo|font|subsets|locales:|localePrefix|home layout|layout.tsx' docs/src/app docs/src/lib docs/src/components docs/src/i18n

Repository: rybbit-io/rybbit

Length of output: 50373


Include CJK subsets in the home font
docs/src/app/[locale]/(home)/layout.tsx:6-9 — the home route supports zh, ko, and ja, so subsets: ["latin"] leaves those glyphs to fallback fonts. Add the needed subsets or use a font stack that covers them.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@docs/src/app/`[locale]/(home)/layout.tsx around lines 6 - 9, Update the
Archivo configuration in the home layout to include the CJK subsets required by
the supported zh, ko, and ja locales alongside latin, or replace it with an
equivalent font stack that covers those scripts.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant