diff --git a/docs/about/_category_.yml b/docs/about/_category_.yml
index 3d744c15..46bff42b 100644
--- a/docs/about/_category_.yml
+++ b/docs/about/_category_.yml
@@ -1,4 +1,4 @@
-label: About
-position: 2
+label: Platform
+position: 8
collapsible: true
-collapsed: true
+collapsed: false
diff --git a/docs/about/support.md b/docs/about/support.md
index 398951a0..4e454caf 100644
--- a/docs/about/support.md
+++ b/docs/about/support.md
@@ -44,7 +44,7 @@ Regardless of the method or location through which CodeRabbit provides Support,
:::tip
To see more common issues faced by CodeRabbit users, visit our
-[FAQ section](../faq.md) for detailed answers and solutions to frequently
+[FAQ section](/faq) for detailed answers and solutions to frequently
encountered problems.
:::
diff --git a/docs/faq.md b/docs/faq.md
index f7be543a..d6659df2 100644
--- a/docs/faq.md
+++ b/docs/faq.md
@@ -79,16 +79,12 @@ Switch between organizations easily:
- ✅ **New Commits**: Automatic review when pushed to any PR
- ⚡ **Older PRs**: Use `@coderabbitai review` to trigger manually
-:::tip Pro Tip
-Just created a PR right before installing CodeRabbit? or drop a `@coderabbitai full review` comment in old PR to get it reviewed.
-:::
-
### Customization Options
- **Language Settings**: Configure review language in repository settings
-- **Review Rules**: Customize via [Review Instructions](./guides/review-instructions.md)
+- **Review Rules**: Customize via [Review Instructions](/guides/review-instructions)
- **Branch Selection**: Default branch reviews enabled by default (configurable)
### Access & Permissions
@@ -104,7 +100,7 @@ Interact with CodeRabbit by:
1. Replying directly to CodeRabbit comments
2. Tagging `@coderabbitai` in PR discussions
3. Adding review comments for specific lines
-4. Customize via [Review Instructions](./guides/review-instructions.md)
+4. Customize via [Review Instructions](/guides/review-instructions)
:::tip Collaboration Mode
When team members are active in PRs, use `@coderabbitai` to engage the bot.
@@ -137,5 +133,79 @@ In-trial and open-source plans have lower rate limits than the paid plan. In all
3. That's it. CodeRabbit will automatically start reviewing your PRs
:::tip Need Help?
-Visit our [Support](./about/support.md) page for additional assistance or reach out to our team on [discord](http://discord.gg/coderabbit).
+Visit our [Support](/about/support) page for additional assistance or reach out to our team on [Discord](http://discord.gg/coderabbit).
:::
+
+## Account Management {#account-management}
+
+### How do I delete my CodeRabbit account?
+
+:::danger Irreversible Account Deletion
+Deleting your CodeRabbit account is permanent and cannot be undone. This action will permanently erase:
+
+- Organization and Repository data
+- AI Bot learnings and insights
+- Subscriptions and billing information
+- All settings and configurations
+- Reports and recurring reports
+- Third-party service integrations
+ :::
+
+
+
+ 1. Sign into your CodeRabbit account
+ 2. Navigate to the **Subscription** page
+ 3. Click the orange **Delete Account** button
+ 4. Review the deletion confirmation modal
+ 5. Type "delete" to confirm
+ 6. Complete platform-specific cleanup steps below
+
+ :::info
+ The Delete Account button is only visible to admin users.
+ :::
+
+A confirmation modal will appear explaining the consequences of account deletion. You can expand each section for detailed information:
+
+
+ 
+ 
+
+
+
+
+ After account deletion, you must:
+
+ **Remove OAuth App:**
+ 1. Go to Organization settings
+ 2. Click **OAuth Application Policy**
+ 3. Find **coderabbitai** and click the pencil icon
+ 4. Click **Revoke**
+
+ **Uninstall GitHub App:**
+ 1. Go to Organization settings
+ 2. Click **GitHub Apps**
+ 3. Select **Configure**
+ 4. Click **Uninstall**
+
+
+
+ Complete these steps:
+
+ 1. Remove OAuth App from User Settings > Applications
+ 2. Remove Webhook from Group > Project Settings > Webhooks
+ 3. Remove Bot User from Group > Manage > Members
+
+
+
+ 1. Go to Project Settings > Service Hooks
+ 2. Delete CodeRabbit webhooks
+ 3. Remove CodeRabbit user or delete associated Personal Access Token
+
+
+
+:::warning Post-Deletion Steps
+The platform-specific cleanup steps are necessary to completely remove CodeRabbit access. Without completing these steps:
+
+- CodeRabbit may retain some platform permissions
+- Signing back in will recreate minimal account data
+ :::
diff --git a/docs/getting-started/_category_.yml b/docs/getting-started/_category_.yml
new file mode 100644
index 00000000..b4dac7a5
--- /dev/null
+++ b/docs/getting-started/_category_.yml
@@ -0,0 +1,4 @@
+label: Getting Started
+position: 2
+collapsible: true
+collapsed: false
diff --git a/docs/configure-coderabbit.md b/docs/getting-started/configure-coderabbit.md
similarity index 98%
rename from docs/configure-coderabbit.md
rename to docs/getting-started/configure-coderabbit.md
index 58804a78..b0e9d8e6 100644
--- a/docs/configure-coderabbit.md
+++ b/docs/getting-started/configure-coderabbit.md
@@ -1,6 +1,6 @@
---
title: Configure CodeRabbit
-sidebar_label: Configure CodeRabbit
+sidebar_label: Configure
description:
CodeRabbit offers various configuration options to tailor the reviews to your
specific requirements. Configuration can be made using one of the below
diff --git a/docs/getting-started/quickstart.md b/docs/getting-started/quickstart.md
new file mode 100644
index 00000000..280732f0
--- /dev/null
+++ b/docs/getting-started/quickstart.md
@@ -0,0 +1,55 @@
+---
+title: Playing with CodeRabbit
+sidebar_label: Quickstart
+description: Get started with CodeRabbit in less than 2 minutes
+sidebar_position: 1
+---
+
+# Quickstart Guide
+
+:::note
+Get started with CodeRabbit in three simple steps. No complex configuration needed.
+:::
+
+## Steps to Enable CodeRabbit
+
+### Sign In with GitHub
+
+- Visit [coderabbit.ai](https://coderabbit.ai)
+- Click "Sign in with GitHub"
+- Authorize CodeRabbit
+
+
+
+### Add Your Repository
+
+- Go to your [Dashboard](https://app.coderabbit.ai/dashboard)
+- Click "Add Repositories"
+- Select the repositories you want to enable
+
+
+
+### You're Done 🎉
+
+- CodeRabbit will automatically start reviewing your Pull Requests
+- Default configuration works out of the box
+- No additional setup needed
+
+## What's Next?
+
+- Watch CodeRabbit
+- Here's an example of CodeRabbit in action:
+ 
+- [View live example PR](https://github.com/tyaga001/devtoolsacademy/pull/39)
+- [Configure CodeRabbit](/getting-started/configure-coderabbit) (optional)
+- [Add custom review instructions](/guides/review-instructions) (optional)
+
+## Need Help?
+
+- Join our [Discord community](https://discord.gg/coderabbit) for support
+- Check out our [FAQ](/faq)
+- Contact [support@coderabbit.ai](mailto:support@coderabbit.ai)
+
+:::tip
+CodeRabbit starts working immediately. You can customize its behavior later when needed.
+:::
diff --git a/docs/guides/_category_.yml b/docs/guides/_category_.yml
index 674b49ba..ead6d876 100644
--- a/docs/guides/_category_.yml
+++ b/docs/guides/_category_.yml
@@ -1,4 +1,4 @@
label: Guides
-position: 6
+position: 5
collapsible: true
-collapsed: true
+collapsed: false
diff --git a/docs/guides/delete-account.md b/docs/guides/delete-account.md
deleted file mode 100644
index 5bed9528..00000000
--- a/docs/guides/delete-account.md
+++ /dev/null
@@ -1,117 +0,0 @@
----
-title: Delete CodeRabbit Account
-sidebar_label: Delete CodeRabbit Account
-# description:
-sidebar_position: 5
----
-
-The guide explains how to delete your CodeRabbit account and all the data
-associated with it.
-
-:::danger Irreversible Account Deletion
-
-Deleting your CodeRabbit account is permanent and cannot be undone. This action
-will permanently erase all data associated with your account, including:
-
- - Organization and Repositories: The organization and repositories integrated with CodeRabbit.
- - For Self-Hosted GitLab users, all the organizations and repositories data will be removed from CodeRabbit servers.
- - Learnings and Insights: All data generated by the CodeRabbit AI Bot.
- - Subscriptions and Billing: All subscription details and billing information.
- - Settings: All repository and organization level settings configured by you.
- - Reports: All recurring reports created by you.
- - Integrations: All connections with third-party services such as Jira, Linear, etc., established by you.
-
-:::
-
-### Deleting the CodeRabbit Account via the UI
-
-:::info
-Only accounts where the user has admin access will be deleted.
-:::
-
-Sign into your CodeRabbit account and navigate to the **Subscription** page.
-
-Select the orange colored **Delete Account** button just below the Manage
-Subscription button. If you do not see the button, then likely you are not an
-admin user for that specific organization. Upon selecting a organization which
-as admin access, the button will appear.
-
-A Modal informing the user about the result of deleting the account will open
-upon selecting **Delete Account**. You can open the dropdowns for more
-information.
-
-
-
-
-
-
-Deletion will only occur once the admin specifically types in "delete" in the
-input box provided.
-
-You will be redirected to the login page once the account is deleted. Please
-look at the next section for additional steps required by the user.
-
-## Additional Steps Required by the User
-
-### GitHub
-
-#### Remove / Revoke the CodeRabbit OAuth App from your GitHub account
-
-1. Navigate to your Organizations settings on GitHub
-2. Click on OAuth Application Policy
-3. Select the pencil icon next to coderabbitai
-4. Click Revoke to remove permissions
-
-#### Uninstall the CodeRabbit GitHub App from your GitHub account
-
-1. Navigate to your Organizations settings on GitHub.
-2. Click on GitHub Apps on the left sidebar.
-3. Select Configure
-4. Select Uninstall near the bottom of the page
-
-### GitLab and Self-Hosted GitLab
-
-#### Remove / Revoke the CodeRabbit OAuth App from your GitLab account
-
-1. Navigate to your User Settings in GitLab
-2. Click on Applications
-3. Click Revoke on the CodeRabbit application and confirm
-
-#### Uninstall the CodeRabbit Webhook from your GitLab account
-
-1. Navigate to your Group where you installed CodeRabbit in the
- GitLab UI
-2. Select a project you installed CodeRabbit on, Hover over{" "}
- Settings and select{" "} Webhooks
-3. Select Delete and confirm the deletion the project hook.
-4. Select Uninstall near the bottom of the page
-
-#### Uninstall the CodeRabbit Bot User from your GitLab account
-
-1. Navigate to your Group where you installed CodeRabbit in the
- GitLab UI
-2. Select a project you installed CodeRabbit on, Hover over{" "}
- Manage and select Members
-3. Select Remove Member and confirm to remove the CodeRabbit
- from your project
-
-### Azure DevOps
-
-#### Uninstalling CodeRabbit from your Azure DevOps project
-
-1. Navigate to your Project Settings in the Azure DevOps UI where CodeRabbit is installed.
-2. Under Project Settings, go to Service Hooks.
-3. Select the webhooks that are added by CodeRabbit.
-4. Click the Delete icon at the top of the page.
-5. Remove the CodeRabbit user or delete the Personal Access Token associated with the user used for reviews.
-
-:::warning
-
-The steps are necessary to completely off-board CodeRabbit from your
-GitHub/GitLab account. Failure to do so will result in CodeRabbit still having
-permissions to your GitHub/GitLab account, although no data will be processed.
-
-Signing back in without completing the above steps will re-introduce a minimal
-set of data being stored as a part of the sign in process.
-
-:::
diff --git a/docs/guides/review-instructions.md b/docs/guides/review-instructions.md
index f86c5240..0c73b291 100644
--- a/docs/guides/review-instructions.md
+++ b/docs/guides/review-instructions.md
@@ -9,7 +9,7 @@ sidebar_position: 3
---
The guide explains how to add custom review instructions for the entire project.
-Also, see the guide on how to [configure CodeRabbit](../configure-coderabbit.md).
+Also, see the guide on how to [configure CodeRabbit](/getting-started/configure-coderabbit).
### Path-based instructions {#path-based}
diff --git a/docs/integrations/_category_.yml b/docs/integrations/_category_.yml
index 1b85855e..6bdbee70 100644
--- a/docs/integrations/_category_.yml
+++ b/docs/integrations/_category_.yml
@@ -1,4 +1,4 @@
label: Integrations
position: 7
collapsible: true
-collapsed: true
+collapsed: false
diff --git a/docs/overview/_category_.yml b/docs/overview/_category_.yml
new file mode 100644
index 00000000..2a00cabc
--- /dev/null
+++ b/docs/overview/_category_.yml
@@ -0,0 +1,4 @@
+label: Overview
+position: 1
+collapsible: true
+collapsed: false
diff --git a/docs/introduction.md b/docs/overview/introduction.md
similarity index 98%
rename from docs/introduction.md
rename to docs/overview/introduction.md
index 3e8eaaf0..6f2e2e5b 100644
--- a/docs/introduction.md
+++ b/docs/overview/introduction.md
@@ -1,6 +1,6 @@
---
-id: Get Started
-title: Get Started
+id: introduction
+title: Introduction
sidebar_label: Introduction
sidebar_position: 1
description:
diff --git a/docs/overview/why-coderabbit.md b/docs/overview/why-coderabbit.md
new file mode 100644
index 00000000..0cb7c5b7
--- /dev/null
+++ b/docs/overview/why-coderabbit.md
@@ -0,0 +1,163 @@
+---
+id: why-coderabbit
+title: Why CodeRabbit?
+sidebar_label: Why CodeRabbit?
+sidebar_position: 2
+description: CodeRabbit is AI-powered code reviews built for modern development teams
+---
+
+# Why CodeRabbit?
+
+Looking back at CodeRabbit's journey, our fundamental mission remains unchanged:
+
+> To build the best code review experience in the cloud
+
+This is our core mission today. It's clear to us that as development teams grow and codebases become more complex, manual code reviews become increasingly challenging and time-consuming. No one wants to spend hours reviewing code when they could be building features.
+
+## Real-World Code Reviews
+
+> CodeRabbit currently processes [Over 470,000 pull requests](https://github.com/search?q=coderabbitai&type=pullrequests) across multiple languages including TypeScript, Go, Python, JavaScript, Java, Rust, C#, and PHP.
+
+:::tip See it in action
+Browse through real-world examples of CodeRabbit's reviews on GitHub to see how it helps developers write better code every day.
+:::
+
+## The Problem With Traditional Code Reviews
+
+As engineering teams scale, several critical issues emerge:
+
+1. **Review Latency** - PRs often sit for days waiting for review, blocking feature delivery
+2. **Inconsistent Quality** - Different code reviewers focus on different aspects
+3. **Knowledge Silos** - Critical insights stay trapped with individual code reviewers
+4. **Context Switching** - Developers lose focus when reviewing large PRs
+5. **Scale Limitations** - Senior developers become review bottlenecks
+
+## CodeRabbit is AI-Powered
+
+CodeRabbit leverages advanced AI to provide intelligent, context-aware code reviews.
+
+Our AI engine understands not just the syntax, but the intent and context of code changes. This enables reviews that go beyond simple style checks to provide meaningful insights about:
+
+- Security vulnerabilities
+- Performance optimizations
+- Design patterns
+- Best practices
+- Documentation completeness
+
+:::tip Did you know?
+CodeRabbit's AI model is trained on millions of code reviews and continuously learns from user feedback to improve its suggestions.
+:::
+
+## CodeRabbit is Context-Aware
+
+A review system that understands your codebase and team preferences.
+
+Unlike traditional automated review tools that apply generic rules, CodeRabbit:
+
+- Learns from your team's coding patterns
+- Understands your project's architecture
+- Considers the full context of changes
+- Adapts to your team's preferences
+- Provides relevant, actionable feedback
+
+## CodeRabbit is Fully Managed
+
+Leave the infrastructure management to us.
+
+Being fully managed means CodeRabbit:
+
+- Automatically scales with your needs
+- Requires zero maintenance
+- Provides enterprise-grade security
+- Ensures high availability
+- Handles updates seamlessly
+
+## CodeRabbit is Platform Agnostic
+
+Supporting all major Git platforms and development workflows.
+
+CodeRabbit integrates seamlessly with:
+
+- GitHub
+- GitLab
+- Azure DevOps
+
+And supports all major programming languages and frameworks without requiring any special configuration.
+
+## Who should use CodeRabbit?
+
+### Individual Developers
+
+- Get expert-level code reviews instantly
+- Learn best practices through AI suggestions
+- Improve code quality before team review
+
+### Development Teams
+
+- Standardize review processes
+- Reduce review bottlenecks
+- Share knowledge across the team
+- Maintain consistent code quality
+
+### Enterprises
+
+- Scale code review processes efficiently
+- Enforce security and compliance standards
+- Reduce technical debt
+- Accelerate development cycles
+
+:::tip Free for Open Source
+CodeRabbit is completely **FREE** for open-source projects. Our architecture enables us to provide a sustainable free tier that includes:
+
+- Unlimited public repositories
+- Full feature access
+- No credit card required
+ :::
+
+## CodeRabbit Doesn't Lock You In
+
+Built on open standards, easy to integrate and customize.
+
+CodeRabbit:
+
+- Works with your existing Git workflow
+- Requires minimal configuration
+- Supports standard code review protocols
+- Allows easy export of review data
+- Integrates with popular development tools
+
+## CodeRabbit Makes Code Reviews Easy
+
+Set up automated code reviews in minutes.
+
+1. Log in with GitHub, GitLab, or Azure DevOps
+2. Select repositories to review
+3. Create a pull request
+4. Watch CodeRabbit provide instant feedback
+
+```bash
+# Example review feedback time
+Traditional Review: 24-48 hours
+CodeRabbit Review: < 5 minutes
+```
+
+## Data Privacy and Security
+
+Your code's security is our top priority.
+
+- **SOC2 Type II Certified**
+- **GDPR Compliant**
+- **Zero Data Retention**: Reviews are ephemeral
+- **Isolated Environments**: Your code stays private
+- **No Training**: Your code is never used to train models
+
+## Are you ready?
+
+Join thousands of developers who are already benefiting from AI-powered code reviews.
+
+After signing up, join our active Discord community where you'll find CodeRabbit users and team members ready to help you get the most out of your code reviews.
+
+
diff --git a/docs/platforms/_category_.yaml b/docs/platforms/_category_.yaml
index 32fe7bb9..185b2b05 100644
--- a/docs/platforms/_category_.yaml
+++ b/docs/platforms/_category_.yaml
@@ -1,4 +1,4 @@
-label: Supported Git Platforms
-position: 5
+label: Git
+position: 3
collapsible: true
-collapsed: true
+collapsed: false
diff --git a/docs/self-hosted/_category_.yaml b/docs/self-hosted/_category_.yaml
index 89582608..1025807f 100644
--- a/docs/self-hosted/_category_.yaml
+++ b/docs/self-hosted/_category_.yaml
@@ -1,4 +1,4 @@
-label: Self-Hosted CodeRabbit
-position: 8
+label: Self-Hosted
+position: 4
collapsible: true
-collapsed: true
+collapsed: false
diff --git a/docs/tools/_category_.yml b/docs/tools/_category_.yml
index 0ea58591..9153eec7 100644
--- a/docs/tools/_category_.yml
+++ b/docs/tools/_category_.yml
@@ -1,4 +1,4 @@
label: Supported Tools
-position: 4
+position: 6
collapsible: true
collapsed: true
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 771565ad..8254684b 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -42,11 +42,11 @@ const config: Config = {
redirects: [
{
from: "/get-started",
- to: "/configure-coderabbit",
+ to: "/getting-started/configure-coderabbit",
},
{
from: "/guides/customize-coderabbit",
- to: "/configure-coderabbit",
+ to: "/getting-started/configure-coderabbit",
},
{
from: "/guides/prompt-customization",
@@ -54,7 +54,7 @@ const config: Config = {
},
{
from: "/guides/configure-coderabbit",
- to: "/configure-coderabbit",
+ to: "/getting-started/configure-coderabbit",
},
{
from: "/integrations/saas-gitlab",
@@ -103,6 +103,7 @@ const config: Config = {
docs: {
editUrl: "https://github.com/coderabbitai/coderabbit-docs/edit/main/",
sidebarPath: "./sidebars.ts",
+ path: "docs",
routeBasePath: "/",
breadcrumbs: true,
showLastUpdateTime: true,
@@ -165,12 +166,37 @@ const config: Config = {
title: "",
hideOnScroll: true,
logo: {
- alt: "",
+ alt: "CodeRabbit",
src: "img/logo/bw_coderabbit.svg",
srcDark: "img/logo/white_coderabbit.svg",
href: "https://coderabbit.ai",
+ target: "_self",
},
- items: [],
+ items: [
+ {
+ label: "Docs",
+ position: "left",
+ to: "/",
+ className: "navbar-link-active",
+ },
+ {
+ href: "https://blog.coderabbit.ai/blog",
+ label: "Blog",
+ position: "left",
+ },
+ {
+ href: "https://discord.gg/coderabbit",
+ className: "navbar-icon-link discord-link",
+ "aria-label": "Discord",
+ position: "right",
+ },
+ {
+ href: "https://github.com/coderabbitai",
+ className: "github-link",
+ "aria-label": "GitHub",
+ position: "right",
+ },
+ ],
},
prism: {
theme: prismThemes.github,
diff --git a/sidebars.ts b/sidebars.ts
index fbd68074..352cd042 100644
--- a/sidebars.ts
+++ b/sidebars.ts
@@ -21,16 +21,6 @@ const sidebars: SidebarsConfig = {
label: "API Reference",
href: "https://api.coderabbit.ai/api/swagger/",
},
- {
- type: "link",
- label: "Blog",
- href: "https://blog.coderabbit.ai/blog",
- },
- {
- type: "link",
- label: "Discord",
- href: "https://discord.gg/GsXnASn26c",
- },
],
}
diff --git a/src/css/custom.css b/src/css/custom.css
index 3e6710e4..a2d00fbc 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -169,3 +169,117 @@ a[docid="docs"] > svg {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='20' viewBox='0 0 640 512'%3E%3Cpath fill='%23FFFFFF' d='M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z'/%3E%3C/svg%3E")
no-repeat;
} */
+
+/* GitHub icon styles - adding to existing CSS without modifications */
+.github-link:before {
+ content: "";
+ width: 24px;
+ height: 24px;
+ display: flex;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+ no-repeat;
+}
+
+.github-link {
+ padding: 0;
+ width: 24px;
+ height: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 0.5rem;
+ opacity: 0.7;
+ transition: opacity 0.2s;
+}
+
+.github-link:hover {
+ opacity: 1;
+}
+
+/* Dark mode adjustments */
+[data-theme="dark"] .github-link:before {
+ filter: invert(1);
+}
+
+/* Responsive adjustments to match existing patterns */
+@media screen and (max-width: 480px) {
+ .github-link {
+ margin: 0 0.25rem;
+ }
+}
+
+/* Remove external link symbol */
+.navbar__items .navbar__link svg {
+ display: none;
+}
+
+/* Custom navbar styles */
+.navbar {
+ padding: 0.5rem 1rem;
+}
+
+/* Active section indicator */
+.navbar-link-active {
+ font-weight: 600;
+ position: relative;
+}
+
+.navbar-icon-link {
+ padding: 0 0.75rem;
+ display: flex;
+ align-items: center;
+ opacity: 0.75;
+ transition: opacity 0.2s ease;
+}
+
+.navbar-icon-link:hover {
+ opacity: 1;
+}
+
+.navbar-icon-link::before {
+ content: "";
+ width: 24px;
+ height: 24px;
+ display: flex;
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+
+/* Light mode specific styles */
+[data-theme="light"] {
+ .navbar-icon-link::before {
+ opacity: 0.7;
+ }
+
+ .navbar-icon-link:hover::before {
+ opacity: 0.9;
+ }
+
+ .discord-link::before {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.14 96.36' fill='%23424242'%3E%3Cpath d='M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z'/%3E%3C/svg%3E");
+ }
+
+ .github-link::before {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23424242'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E");
+ }
+}
+
+/* Dark mode specific styles */
+[data-theme="dark"] {
+ .navbar-icon-link::before {
+ opacity: 0.85;
+ }
+
+ .navbar-icon-link:hover::before {
+ opacity: 1;
+ }
+
+ .discord-link::before {
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.14 96.36' fill='%23fff'%3E%3Cpath d='M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z'/%3E%3C/svg%3E");
+ }
+
+ .github-link::before {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E");
+ }
+}
diff --git a/src/pages/markdown-page.md b/src/pages/markdown-page.md
deleted file mode 100644
index 9756c5b6..00000000
--- a/src/pages/markdown-page.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-title: Markdown page example
----
-
-# Markdown page example
-
-You don't need React to write simple standalone pages.
diff --git a/static/img/getting-started/coderabbit-dashboard.png b/static/img/getting-started/coderabbit-dashboard.png
new file mode 100644
index 00000000..3bf22518
Binary files /dev/null and b/static/img/getting-started/coderabbit-dashboard.png differ
diff --git a/static/img/getting-started/dashboard-coderabbit.png b/static/img/getting-started/dashboard-coderabbit.png
new file mode 100644
index 00000000..4070684e
Binary files /dev/null and b/static/img/getting-started/dashboard-coderabbit.png differ
diff --git a/static/img/getting-started/login-with-github.png b/static/img/getting-started/login-with-github.png
new file mode 100644
index 00000000..85c8c744
Binary files /dev/null and b/static/img/getting-started/login-with-github.png differ
diff --git a/static/img/getting-started/pr-example.png b/static/img/getting-started/pr-example.png
new file mode 100644
index 00000000..2457599c
Binary files /dev/null and b/static/img/getting-started/pr-example.png differ
diff --git a/static/img/getting-started/pr-examples.png b/static/img/getting-started/pr-examples.png
new file mode 100644
index 00000000..eb7b735d
Binary files /dev/null and b/static/img/getting-started/pr-examples.png differ