CTA Section With Frosted Glass Testimonial Card

Pro

Adaptive frosted glass CTA with a violet wash inside the bottom of the panel, a growth headline, Demo and Sign up actions, and a nested five star testimonial card.

When to use CTA Section With Frosted Glass Testimonial Card

Use this when the last band has to feel like a product surface, not a flat strip. The glass panel is the object. Copy and two actions sit on the left. A nested quote card sits on the right with five stars, a paragraph, and a named officer. The violet wash lives inside the bottom of the panel. Flatten it and the glass reads as a grey box.

Skip it when you cannot name a real person in the quote. A lorem card next to Sign up is a brochure. The shipped copy uses Grow Your Business With Confidence Now, a Demo play control, Sign up, and James Cooper as Chief Marketing Officer. Replace the headline, the lede, both hrefs, the quote, the name, the role, and the avatar before this ships. Keep the blur and the inner bottom glow. A solid fill removes the reason this layout exists.

Block details

Category
CTA Sections
Renders
CSS only. Paints as soon as the stylesheet arrives
Theme
Follows the site theme in light and dark
Responsive
Mobile, tablet and desktop breakpoints are already set
Dependencies
clsxtailwind-merge
Source
157 lines, 6 KB in one file
Install
wensity add cta-section-with-frosted-glass-testimonial-card --type block
Stack
React, Next.js, TypeScript and Tailwind CSS v4
Licence
Included with Wensity Pro. The CLI copies the file into your repository and you own it from there
Tags
light, dark, cta, glass, testimonial, glow, conversion
Last updated

More cta sections