Commita65653bunknown_key
Update pricing page — speed-first hero copy and plan descriptions
Update pricing page — speed-first hero copy and plan descriptions https://claude.ai/code/session_01DzJMTFASjMHt2f5ze4cNLR
1 file changed+74−6a65653b8734f1c910f0955cb02ef5c3709d6c071
1 changed file+74−6
Modifiedsrc/routes/pricing.tsx+74−6View fileUnifiedSplit
@@ -36,19 +36,19 @@ const PLAN_COPY: Record<
3636 { tagline: string; supportTier: string }
3737> = {
3838 free: {
39 tagline: "Personal projects + open source. Full AI suite.",
39 tagline: "AI review on every PR, auto-merge, and spec-to-PR — on unlimited public repos, forever.",
4040 supportTier: "Community support",
4141 },
4242 pro: {
43 tagline: "Working developers shipping every day.",
43 tagline: "Private repos + higher AI quota. AI review, auto-merge, and spec-to-PR for working developers shipping daily.",
4444 supportTier: "Email support, priority AI queue",
4545 },
4646 team: {
47 tagline: "Teams running production on Gluecron.",
47 tagline: "Full AI suite for production teams — AI review, auto-merge when gates pass, and spec-to-PR at scale.",
4848 supportTier: "Slack channel + 24h response",
4949 },
5050 enterprise: {
51 tagline: "Orgs that need SSO, audit, on-prem.",
51 tagline: "SSO, audit log, on-prem deploy — with the full AI suite: review, auto-merge, and spec-to-PR.",
5252 supportTier: "24/7 incident response + DPA",
5353 },
5454};
@@ -93,6 +93,7 @@ const PricingPage: FC<{ plans: Plan[]; loggedIn: boolean }> = ({
9393 <div class="pl-hero-hairline" aria-hidden="true" />
9494 <div class="pl-hero-orb" aria-hidden="true" />
9595 <div class="eyebrow">Pricing</div>
96 <p class="pl-hero-speed">Spec to PR in 90 seconds.</p>
9697 <h1 class="display pl-hero-title">
9798 One subscription.{" "}
9899 <span class="gradient-text">
@@ -100,8 +101,8 @@ const PricingPage: FC<{ plans: Plan[]; loggedIn: boolean }> = ({
100101 </span>
101102 </h1>
102103 <p class="pl-hero-sub">
103 AI code review, autonomous PRs, code completion, and the git host
104 itself — bundled. What costs $89/user on GitHub + Copilot + Advanced
104 AI review fires in ~8s. Merges the instant gates pass. Spec to PR in
105 90 seconds. What costs $89/user on GitHub + Copilot + Advanced
105106 Security starts at $0 here.
106107 </p>
107108 <div class="pl-hero-jumps">
@@ -119,6 +120,19 @@ const PricingPage: FC<{ plans: Plan[]; loggedIn: boolean }> = ({
119120 ))}
120121 </section>
121122
123 {/* ------------------- Included in every plan ------------------- */}
124 <section class="pl-section pl-every-plan">
125 <div class="pl-every-plan-inner">
126 <div class="pl-every-plan-label">Included in every plan</div>
127 <ul class="pl-every-plan-list">
128 <li>AI review on every PR</li>
129 <li>Auto-merge when gates pass</li>
130 <li>Spec to PR in 90 seconds</li>
131 <li>Push Watch live stream</li>
132 </ul>
133 </div>
134 </section>
135
122136 {/* ------------------- Bundle math vs GitHub ------------------- */}
123137 <section id="compare" class="pl-section pl-compare">
124138 <div class="section-header">
@@ -419,6 +433,15 @@ const pricingCss = `
419433 .pl-hero-orb { animation: none; }
420434 }
421435 .pl-hero .eyebrow { justify-content: center; margin: 0 auto var(--s-4); }
436 .pl-hero-speed {
437 font-family: var(--font-mono);
438 font-size: clamp(13px, 1.4vw, 16px);
439 font-weight: 600;
440 letter-spacing: 0.04em;
441 color: var(--accent);
442 margin: 0 0 var(--s-3);
443 text-transform: uppercase;
444 }
422445 .pl-hero-title {
423446 font-size: clamp(36px, 6.5vw, 72px);
424447 line-height: 1.02;
@@ -843,6 +866,51 @@ const pricingCss = `
843866 flex-wrap: wrap;
844867 }
845868
869 /* Every-plan strip */
870 .pl-every-plan { margin: calc(var(--s-14) * -0.5) auto var(--s-10); }
871 .pl-every-plan-inner {
872 display: flex;
873 align-items: center;
874 gap: 20px;
875 flex-wrap: wrap;
876 justify-content: center;
877 padding: 14px 28px;
878 border: 1px solid var(--border-subtle);
879 border-radius: var(--r-full);
880 background: var(--bg-elevated);
881 max-width: 760px;
882 margin: 0 auto;
883 font-size: 13px;
884 }
885 .pl-every-plan-label {
886 font-family: var(--font-mono);
887 font-size: 11px;
888 text-transform: uppercase;
889 letter-spacing: 0.14em;
890 color: var(--text-muted);
891 white-space: nowrap;
892 }
893 .pl-every-plan-list {
894 list-style: none;
895 padding: 0;
896 margin: 0;
897 display: flex;
898 gap: 0;
899 flex-wrap: wrap;
900 justify-content: center;
901 }
902 .pl-every-plan-list li {
903 color: var(--text);
904 display: flex;
905 align-items: center;
906 gap: 10px;
907 }
908 .pl-every-plan-list li + li::before {
909 content: '·';
910 color: var(--text-muted);
911 margin-right: 10px;
912 }
913
846914 /* Responsive */
847915 @media (max-width: 960px) {
848916 .pl-plans { grid-template-columns: repeat(2, 1fr); }
849917