chore: new landing page #2369

NathanFlurry · 2025-04-17T08:21:06Z

Changes

NathanFlurry · 2025-04-17T08:21:26Z

chore: fill out remaining content for landing page #2413 : 2 dependent PRs (#2414 , #2441 )
chore: updated graphics for new landing page #2398
chore: new landing page #2369 👈 (View in Graphite)
main

How to use the Graphite Merge Queue

Add the label merge-queue to this PR to add it to the merge queue.

You must have a Graphite account in order to use the merge queue. Sign up using this link.

_{An organization admin has enabled the Graphite Merge Queue in this repository.} _{Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.}

This stack of pull requests is managed by Graphite. Learn more about stacking.

cloudflare-workers-and-pages · 2025-04-17T08:22:42Z

Deploying rivet with Cloudflare Pages

Latest commit:	`457916b`
Status:	✅ Deploy successful!
Preview URL:	https://d3c00e3c.rivet.pages.dev
Branch Preview URL:	https://04-17-chore-new-landing-page.rivet.pages.dev

View logs

cloudflare-workers-and-pages · 2025-04-30T16:25:50Z

Deploying rivet-studio with Cloudflare Pages

Latest commit:	`457916b`
Status:	✅ Deploy successful!
Preview URL:	https://3ff49f4a.rivet-studio.pages.dev
Branch Preview URL:	https://04-17-chore-new-landing-page.rivet-studio.pages.dev

View logs

cloudflare-workers-and-pages · 2025-04-30T16:28:18Z

Deploying rivet-hub with Cloudflare Pages

Latest commit:	`457916b`
Status:	✅ Deploy successful!
Preview URL:	https://7e3dcbfe.rivet-hub-7jb.pages.dev
Branch Preview URL:	https://04-17-chore-new-landing-page.rivet-hub-7jb.pages.dev

View logs

greptile-apps

PR Summary

This PR replaces the existing Framer-based landing page with a new marketing-focused implementation using Next.js and Tailwind CSS, featuring multiple specialized sections for better user engagement and product presentation.

Key changes:

Removed Framer-based implementation (/site/src/app/(v2)/(framer)/) in favor of new marketing components
Added comprehensive landing page with Hero, Features, Frameworks, and Tutorial sections in /site/src/app/(v2)/(marketing)/page.tsx
Implemented interactive components like CopyCommand for terminal commands and tabbed interface in CommandCenterSection
Created dedicated sections for community engagement and testimonials in CommunitySection
Added responsive tutorial cards showcasing different Rivet features with hover effects

_{9 file(s) reviewed, 11 comment(s)}
_{Edit PR Review Bot Settings | Greptile}

greptile-apps · 2025-05-05T23:22:58Z

site/src/app/(v2)/(marketing)/CommandCenterSection.tsx

+
+// Command Center section
+export const CommandCenterSection = () => {
+  const [activeTab, setActiveTab] = useState("monitoring");


logic: activeTab state is set but no content changes based on tab selection

greptile-apps · 2025-05-05T23:22:59Z

site/src/app/(v2)/(marketing)/CommandCenterSection.tsx

+        <div className="flex space-x-12">
+          {features.map((feature, index) => (
+            <div key={index} className="flex items-center">
+              <div className="text-white/40 mr-2">
+                <Icon icon={faCheck} className="text-sm" />
+              </div>
+              <span className="text-sm text-white/80">{feature}</span>
+            </div>
+          ))}
+        </div>


style: features list lacks mobile responsiveness - will overflow on small screens

Suggested change

<div className="flex space-x-12">

{features.map((feature, index) => (

<div key={index} className="flex items-center">

<div className="text-white/40 mr-2">

<Icon icon={faCheck} className="text-sm" />

</div>

<span className="text-sm text-white/80">{feature}</span>

</div>

))}

</div>

<div className="flex flex-wrap gap-4 justify-center">

{features.map((feature, index) => (

<div key={index} className="flex items-center">

<div className="text-white/40 mr-2">

<Icon icon={faCheck} className="text-sm" />

</div>

<span className="text-sm text-white/80">{feature}</span>

</div>

))}

</div>

greptile-apps · 2025-05-05T23:23:04Z

site/src/app/(v2)/(marketing)/CopyCommand.tsx

+    <div 
+      onClick={handleCopy}
+      className="inline-flex items-center bg-black/40 rounded-md border border-white/10 px-4 py-2.5 font-mono text-sm group relative cursor-pointer active:scale-[0.98] active:bg-black/60 transition-all"


style: Use button element instead of div for better accessibility. Add role="button" and keyboard handlers (onKeyDown) to support keyboard interaction.

Suggested change

<div

onClick={handleCopy}

className="inline-flex items-center bg-black/40 rounded-md border border-white/10 px-4 py-2.5 font-mono text-sm group relative cursor-pointer active:scale-[0.98] active:bg-black/60 transition-all"

<button

onClick={handleCopy}

onKeyDown={e => e.key === 'Enter' && handleCopy()}

className="inline-flex items-center bg-black/40 rounded-md border border-white/10 px-4 py-2.5 font-mono text-sm group relative cursor-pointer active:scale-[0.98] active:bg-black/60 transition-all"

greptile-apps · 2025-05-05T23:23:05Z

site/src/app/(v2)/(marketing)/CopyCommand.tsx

+    // Copy the command without the $ symbol
+    navigator.clipboard.writeText(command);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1000);


style: Consider using useEffect cleanup to clear timeout on unmount to prevent memory leaks.

greptile-apps · 2025-05-05T23:23:11Z

site/src/app/(v2)/(marketing)/CommunitySection.tsx

+        {platforms.map((platform, index) => (
+          <Link key={index} href={platform.href} className="group">
+            <div className="flex items-center justify-center h-10 px-5 rounded-md border border-zinc-700 bg-zinc-900 group-hover:bg-zinc-800 group-hover:border-zinc-600 transition-all">
+              <Icon icon={platform.icon} className="text-white/60 group-hover:text-white/90 mr-2 transition-colors" />
+              <span className="text-sm text-white/60 group-hover:text-white/90 transition-colors">{platform.name}</span>
+            </div>
+          </Link>


logic: Missing rel="noopener noreferrer" for external links and target="_blank" attributes for better security and UX

Suggested change

{platforms.map((platform, index) => (

<Link key={index} href={platform.href} className="group">

<div className="flex items-center justify-center h-10 px-5 rounded-md border border-zinc-700 bg-zinc-900 group-hover:bg-zinc-800 group-hover:border-zinc-600 transition-all">

<Icon icon={platform.icon} className="text-white/60 group-hover:text-white/90 mr-2 transition-colors" />

<span className="text-sm text-white/60 group-hover:text-white/90 transition-colors">{platform.name}</span>

</div>

</Link>

{platforms.map((platform, index) => (

<Link key={index} href={platform.href} target="_blank" rel="noopener noreferrer" className="group">

<div className="flex items-center justify-center h-10 px-5 rounded-md border border-zinc-700 bg-zinc-900 group-hover:bg-zinc-800 group-hover:border-zinc-600 transition-all">

<Icon icon={platform.icon} className="text-white/60 group-hover:text-white/90 mr-2 transition-colors" />

<span className="text-sm text-white/60 group-hover:text-white/90 transition-colors">{platform.name}</span>

</div>

</Link>

greptile-apps · 2025-05-05T23:23:22Z

site/src/app/(v2)/(marketing)/CtaSection.tsx

+            asChild 
+            className="px-4 pr-6 py-3 text-base bg-gradient-to-b from-[#FF5C00] to-[#FF5C00]/90 border border-[#FF5C00]/30 hover:border-[#FF5C00]/60 transition-all duration-200 group"
+          >
+            <Link href="#deploy" className="flex items-center justify-center relative">


logic: href='#deploy' points to a non-existent anchor. Should likely point to an actual deployment page route

greptile-apps · 2025-05-05T23:23:23Z

site/src/app/(v2)/(marketing)/CtaSection.tsx

+            asChild 
+            className="px-4 pr-6 py-3 text-base border-white/10 hover:border-white/30 transition-all duration-200 group"
+          >
+            <Link href="#demo" className="flex items-center justify-center relative">


logic: href='#demo' points to a non-existent anchor. Should likely point to an actual demo booking page route

greptile-apps · 2025-05-05T23:23:30Z

site/src/app/(v2)/(marketing)/TutorialsSection.tsx

+"use client";
+
+import Link from "next/link";
+import { Icon, faCode, faLayerGroup, faTerminal, faDesktop, faListCheck, faArrowsToCircle, faArrowRight, faDatabase } from "@rivet-gg/icons";


style: faListCheck is imported but never used in the component

Suggested change

import { Icon, faCode, faLayerGroup, faTerminal, faDesktop, faListCheck, faArrowsToCircle, faArrowRight, faDatabase } from "@rivet-gg/icons";

import { Icon, faCode, faLayerGroup, faTerminal, faDesktop, faArrowsToCircle, faArrowRight, faDatabase } from "@rivet-gg/icons";

greptile-apps · 2025-05-05T23:23:31Z

site/src/app/(v2)/(marketing)/TutorialsSection.tsx

+      </div>
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+        {tutorials.map((tutorial, index) => (
+          <Link key={index} href={tutorial.href} className="group">


style: using array index as key could cause issues with React reconciliation if tutorials are reordered - consider using a unique id

greptile-apps · 2025-05-05T23:23:45Z

site/src/app/(v2)/(marketing)/page.tsx

+}: { 
+	title: string; 
+	description: string; 
+	faIcon: any; 


style: faIcon type 'any' should be more specific. Consider using IconDefinition from @fortawesome/fontawesome-svg-core

Suggested change

faIcon: any;

faIcon: IconDefinition;

graphite-app · 2025-05-19T18:25:14Z

Merge activity

May 19, 2:25 PM EDT: NathanFlurry added this pull request to the Graphite merge queue.
May 19, 2:25 PM EDT: CI is running for this pull request on a draft pull request (#2449) due to your merge queue CI optimization settings.
May 19, 2:26 PM EDT: Merged by the Graphite merge queue via draft PR: #2449.

## Changes

This was referenced Apr 17, 2025

feat(hub): logs #2364

Closed

feat: routes #2365

Closed

NathanFlurry mentioned this pull request Apr 17, 2025

chore: fix building hub archive #2368

Closed

NathanFlurry changed the base branch from 04-16-chore_fix_building_hub_archive to graphite-base/2369 April 17, 2025 08:23

NathanFlurry force-pushed the 04-17-chore_new_landing_page branch from aed27c8 to 13cb45c Compare April 17, 2025 08:23

NathanFlurry force-pushed the graphite-base/2369 branch from 6e95445 to f7907d7 Compare April 17, 2025 08:23

NathanFlurry changed the base branch from graphite-base/2369 to main April 17, 2025 08:23

NathanFlurry force-pushed the 04-17-chore_new_landing_page branch 2 times, most recently from 27f83e4 to 4058a43 Compare April 17, 2025 18:36

NicholasKissel mentioned this pull request Apr 26, 2025

chore: updated graphics for new landing page #2398

Closed

NathanFlurry force-pushed the 04-17-chore_new_landing_page branch from 4058a43 to cae5143 Compare April 30, 2025 16:25

NathanFlurry mentioned this pull request Apr 30, 2025

chore: fill out remaining content for landing page #2413

Closed

NicholasKissel mentioned this pull request Apr 30, 2025

chore: orange boxes landing page #2414

Closed

NathanFlurry force-pushed the 04-17-chore_new_landing_page branch from cae5143 to eada525 Compare May 5, 2025 23:22

NathanFlurry marked this pull request as ready for review May 5, 2025 23:22

greptile-apps bot reviewed May 5, 2025

View reviewed changes

NathanFlurry force-pushed the 04-17-chore_new_landing_page branch from eada525 to afd09c8 Compare May 13, 2025 05:57

NicholasKissel force-pushed the 04-17-chore_new_landing_page branch from afd09c8 to 9f2515e Compare May 13, 2025 20:16

NicholasKissel mentioned this pull request May 13, 2025

chore: pricing page #2441

Closed

chore: new landing page

457916b

NathanFlurry force-pushed the 04-17-chore_new_landing_page branch from 9f2515e to 457916b Compare May 19, 2025 17:14

graphite-app bot pushed a commit that referenced this pull request May 19, 2025

chore: new landing page (#2369)

cd66a6d

 ## Changes

graphite-app bot closed this May 19, 2025

graphite-app bot deleted the 04-17-chore_new_landing_page branch May 19, 2025 18:26

github-actions bot mentioned this pull request May 15, 2025

chore(main): release 25.4.2 #2423

Open

	import { Icon, faCode, faLayerGroup, faTerminal, faDesktop, faListCheck, faArrowsToCircle, faArrowRight, faDatabase } from "@rivet-gg/icons";
	import { Icon, faCode, faLayerGroup, faTerminal, faDesktop, faArrowsToCircle, faArrowRight, faDatabase } from "@rivet-gg/icons";

chore: new landing page #2369

chore: new landing page #2369

Uh oh!

Conversation

NathanFlurry commented Apr 17, 2025

Changes

Uh oh!

NathanFlurry commented Apr 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

How to use the Graphite Merge Queue

Uh oh!

cloudflare-workers-and-pages bot commented Apr 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploying rivet with Cloudflare Pages

Uh oh!

cloudflare-workers-and-pages bot commented Apr 30, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploying rivet-studio with Cloudflare Pages

Uh oh!

cloudflare-workers-and-pages bot commented Apr 30, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploying rivet-hub with Cloudflare Pages

Uh oh!

greptile-apps bot left a comment

Choose a reason for hiding this comment

PR Summary

Uh oh!

greptile-apps bot May 5, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot May 5, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot May 5, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot May 5, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot May 5, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot May 5, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot May 5, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot May 5, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot May 5, 2025

Choose a reason for hiding this comment

Uh oh!

greptile-apps bot May 5, 2025

Choose a reason for hiding this comment

Uh oh!

graphite-app bot commented May 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Merge activity

Uh oh!

Uh oh!

NathanFlurry commented Apr 17, 2025 •

edited

Loading

cloudflare-workers-and-pages bot commented Apr 17, 2025 •

edited

Loading

cloudflare-workers-and-pages bot commented Apr 30, 2025 •

edited

Loading

cloudflare-workers-and-pages bot commented Apr 30, 2025 •

edited

Loading

graphite-app bot commented May 19, 2025 •

edited

Loading