CTA Section With Frosted Glass Testimonial Card
ProAdaptive 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