Open
Conversation
Replace the existing single-card pricing page with a new 3-tier layout (Open Source / Full Service / Enterprise) converted from the validated prototype. Add PricingCards component, What's Included, How It Works, FAQ with native <details>, Testimonials integration, full French translations (~50 keys), and Pricing link in header/mobile nav. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…color - Replace card icons with Phosphor Light variants (DownloadSimple, UsersThree, Building) - Add continuous logo scroll using LogosScroll component - Fix Full Service CTA text color (text-white → text-primary-foreground) - Use quaternary color for Open Source checkmarks Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Adds a subtle scale entry animation and slow continuous drift, matching the gentle floating movement from the homepage hero. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Replace old "What's Included", "How It Works" and FAQ sections with a new two-column layout: animated 3-step timeline (left) and collapsible FAQ with Phosphor Plus/Minus icons (right). Install @phosphor-icons/core and @phosphor-icons/web packages. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- "They got certified with us" → "They trust us with their compliance" - "Our experts get you certified." → "Our experts handle your compliance." - Make steps and FAQ columns independent heights (items-start) - Reduce top margin between pricing cards and path section - Add staggered slide-in animations to title, steps, FAQ, and timeline Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Bump taglines from text-sm to text-lg, feature lists from text-sm to text-base, and replace Lucide checkmarks with Phosphor Check Light at size-5 to match the rest of the site. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
All 9 client logos now match the main site. Fixed pixel widths replaced with uniform h-5/w-auto for consistent visual weight. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Solid accent-colored dots replace invisible mix-blend-overlay dots. Alignment script reworked to center each dot with its step's icon row. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Double requestAnimationFrame + astro:page-load listener ensures layout is computed before measuring dot positions. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dots use brightness(0.9) saturate(2.5) to subtly darken the bar and pick up the green hue when the animated ellipse passes behind. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dots scale up to 1.5x when the green ellipse passes near them. Ellipse doubled to size-128, animation cycle reduced to 2s, dot backdrop-filter tuned to brightness(0.93) saturate(2.5). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replace hardcoded SVG paths with proper imports from the Phosphor icons library for all icons in PathToCompliance (steps + FAQ). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…inline SVGs - Full Service: updated feature descriptions (risk analysis, custom policies, compliance service) - Enterprise: replaced generic features with specific differentiators (BYOC, on-site engineer, custom frameworks, physical audit presence) - Migrated all 6 inline SVGs in PricingCards to @phosphor-icons/core imports Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Fix alignment between hero and cards by repositioning decorative lines as absolute elements. Use custom 860px breakpoint for the 3-column to stack transition, and make hero subtitle fluid. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…l width Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…full width Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
4-corner drift path (4s cycle, ~150px amplitude) instead of subtle linear drift for a more visible ambient effect. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- PathToCompliance: gate dot animation with IntersectionObserver, cancel on astro:before-swap to prevent stacking loops on navigation - PricingCards: replace hardcoded #e4f7c7 with bg-active/40 token - PricingCards: simplify verbose border-l/t/b/r to border shorthand Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Preview
https://getprobocom.vercel.app/pricing
Test plan
🤖 Generated with Claude Code