Skip to content

chore: update landing page #1034

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

Closed
wants to merge 1 commit into from
Closed

chore: update landing page #1034

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
31 changes: 16 additions & 15 deletions docs/introduction.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,23 +14,22 @@ import FAQ from "/snippets/landing-faq.mdx";

<div className="landing-root">
<div className="landing-hero landing-section">
{/*<h1 className="landing-title">
Open-source libraries for<br/>modern backend primitives
</h1>*/}

<div style={{ height: '150px' }} />

<div style={{ flexGrow: '1' }} />

<h1 className="landing-title">
Lightweight Libraries for Backends
</h1>

<p className="landing-subtitle">
Install one package to get up and running.<br/>
Scale seamlessly to production.<br/>
**Just a library, no SaaS.**
Install one package, scale to production.<br/><span className="landing-subtitle-highlight">Just a library, no SaaS.</span>
</p>

{/* <div className="landing-buttons">
<a href="/actors/overview" className="landing-button landing-button-primary">
Get Started
<div className="landing-buttons">
<a href="/actors/quickstart-backend" className="landing-button landing-button-primary">
Quickstart
</a>
<a
href="https://github.com/rivet-gg/rivetkit"
Expand All @@ -40,18 +39,18 @@ import FAQ from "/snippets/landing-faq.mdx";
>
View on GitHub
</a>
</div> */}

<div style={{ height: '20px' }} />
</div>

{/*<div className="copy-command-container" onClick={(e) => window.copyCommand && window.copyCommand(e.currentTarget)}>
<div className="copy-command-container" onClick={(e) => window.copyCommand && window.copyCommand(e.currentTarget)}>
<div className="copy-command-icon"><Icon icon="arrow-right" iconType="solid" color="white" /></div>
<div className="copy-command-text">npx create-actor@latest</div>
<div className="copy-command-text">npm i @rivetkit/actor</div>
<div className="icon-container">
<div className="copy-icon"><Icon icon="copy" /></div>
<div className="check-icon"><Icon icon="check" /></div>
</div>
</div>*/}
</div>

<div style={{ flexGrow: '1' }} />

<div className="libraries-grid" style={{ gridTemplateColumns: "repeat(3, 1fr)", maxWidth: "800px", display: "none" }}>
<a href="/actors/overview" className="library-box library-box-orange">
Expand Down Expand Up @@ -236,6 +235,8 @@ import FAQ from "/snippets/landing-faq.mdx";

</div>

<div style={{ height: '250px' }} />

<div className="landing-section-xl">
<h2 className="landing-section-heading">Reconsider What Your Backend Can Do</h2>
<p className="landing-section-text">Build powerful applications with RivetKit's libraries</p>
Expand Down
82 changes: 42 additions & 40 deletions docs/snippets/landing-snippets.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,46 +44,48 @@ import RateReact from "/snippets/examples/rate-react.mdx";

{/* Examples */}
<div class="code-group-tab-row primary-tabs">
<div class="code-group-tab-label">Example</div>
<div class="code-group-tab active" data-tab="chat">
<Icon icon="message" color="white" size={14} />
Chat Room
</div>
<div class="code-group-tab" data-tab="ai">
<Icon icon="robot" color="white" size={14} />
AI Agent
</div>
<div class="code-group-tab" data-tab="sync">
<Icon icon="rotate" color="white" size={14} />
Local-First Sync
</div>
<div class="code-group-tab" data-tab="tenant">
<Icon icon="building" color="white" size={14} />
Per-Tenant Saas
</div>
<div class="code-group-tab" data-tab="database">
<Icon icon="database" color="white" size={14} />
Per-User Databases
</div>
<div class="code-group-tab" data-tab="crdt">
<Icon icon="code-merge" color="white" size={14} />
Yjs CRDT
</div>
<div class="code-group-tab" data-tab="doc">
<Icon icon="file-pen" color="white" size={14} />
Collaborative Document
</div>
<div class="code-group-tab" data-tab="stream">
<Icon icon="wave-sine" color="white" size={14} />
Stream Processing
</div>
<div class="code-group-tab" data-tab="game">
<Icon icon="gamepad" color="white" size={14} />
Multiplayer Game
</div>
<div class="code-group-tab" data-tab="rate">
<Icon icon="gauge-high" color="white" size={14} />
Rate Limiter
<div class="code-group-tab-row-inner">
<div class="code-group-tab-label">Example</div>
<div class="code-group-tab active" data-tab="chat">
<Icon icon="message" color="white" size={14} />
Chat Room
</div>
<div class="code-group-tab" data-tab="ai">
<Icon icon="robot" color="white" size={14} />
AI Agent
</div>
<div class="code-group-tab" data-tab="sync">
<Icon icon="rotate" color="white" size={14} />
Local-First Sync
</div>
<div class="code-group-tab" data-tab="tenant">
<Icon icon="building" color="white" size={14} />
Per-Tenant Saas
</div>
<div class="code-group-tab" data-tab="database">
<Icon icon="database" color="white" size={14} />
Per-User Databases
</div>
<div class="code-group-tab" data-tab="crdt">
<Icon icon="code-merge" color="white" size={14} />
Yjs CRDT
</div>
<div class="code-group-tab" data-tab="doc">
<Icon icon="file-pen" color="white" size={14} />
Collaborative Document
</div>
<div class="code-group-tab" data-tab="stream">
<Icon icon="wave-sine" color="white" size={14} />
Stream Processing
</div>
<div class="code-group-tab" data-tab="game">
<Icon icon="gamepad" color="white" size={14} />
Multiplayer Game
</div>
<div class="code-group-tab" data-tab="rate">
<Icon icon="gauge-high" color="white" size={14} />
Rate Limiter
</div>
</div>
</div>

Expand Down
Loading
Loading