Fix CTA gradient visibility and add Tailwind dynamic class rules #10
Conversation
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
Transform CTA component to offer two contact methods side-by-side: - Left: Calendly scheduling card with benefit bullets - Right: Email contact form with validation Features: - Client-side form validation (name, email, message) - Web3Forms integration for email submissions - Equal-height cards with aligned CTA buttons - Benefit bullets on Calendly card for visual balance - Email fallback link below form submit button - Hover animations (lift + shadow) - Full accessibility support (ARIA labels, keyboard nav) - Responsive: side-by-side on desktop, stacked on mobile Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Replace form with animated success state after submission: - Custom paper airplane SVG illustration in coral - Vertically centered success message - Fade-in animation with upward motion - "Send another message" button to reset form - Floating animation on paper airplane Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Change "Book a Free 20-Min Call" to "Let's Talk" to reflect that users now have two contact options (call or form). Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Replace dynamic gradient classes with hardcoded Tailwind classes - Update CTA background to use sage/sky/lavender gradient for better contrast with cream content - Remove unused gradientFrom/gradientTo props from CTA component - Add Tailwind CSS rules to CLAUDE.md prohibiting dynamic class names Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
- Replace all instances of ben@goodrobotco.com with hello@goodrobotco.com - Update CLAUDE.md contact info - Update CTA component error message and email link Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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
from-${gradientFrom}template literal with hardcodedfrom-sage/20 via-sky/15 to-lavender/20gradientgradientFromandgradientToprops from CTA componentTest Plan
/blogand/ai-for-businesspages🤖 Generated with Claude Code