fix(testimonials): convert to a dark section with soft edges#141
Conversation
The Testimonials section was light (#f3f3f2) sitting between black sections, with four from-black edge gradients darkening its edges — it looked off. - Convert to a charcoal dark section (#161618): recolor heading/subtext to light, flip the grid lines + vignettes to a light tint so they stay visible, update the marquee fade masks to the new bg. White cards kept. - Replace the four hard from-black edge gradients with two soft top/ bottom fades at z-[5] (under the content) that blend the section into the neighbouring black sections without darkening the heading or cards.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Warning Rate limit exceeded
You’ve run out of usage credits. Purchase more in the billing tab. ⌛ How to resolve this issue?After the wait time has elapsed, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout. Please see our FAQ for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (1)
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Dependency Review✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.Scanned FilesNone |
There was a problem hiding this comment.
Pull request overview
This PR updates the Testimonials section styling to better match the surrounding dark page sections by converting its background and text treatment to a dark theme with softer section-edge blending.
Changes:
- Changes the section background from light gray to charcoal and updates heading/body text colors.
- Updates grid/vignette and marquee fade overlays for the new dark background.
- Replaces four hard black edge gradients with softer top/bottom fades under the content layer.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
👋 Thanks for opening this pull request! A maintainer will review it soon. Please make sure all CI checks pass. |
The Testimonials section was a light section (
#f3f3f2) sitting between black sections, with fourfrom-blackedge gradients darkening its edges — it looked off against the dark site.Changes (
src/components/TestimonialsSection.tsx)#161618(not pure black). Heading/subtext recolored to light; grid lines + backdrop vignettes flipped to a light tint so they stay visible; marquee fade masks updated to the new bg. The white testimonial cards are kept (white cards on charcoal, like real tweet cards).from-blackedge gradients with two soft top/bottom fades atz-[5](below the content) that blend the section into the neighbouring black sections without darkening the heading or cards.Verified:
eslintandprettier --checkboth clean.