Tempest Marketing Social Proof
A bold, weather-inspired social proof block built for marketing SaaS platforms.
Features
- Hero trust metric — Large "10,000+ Marketers Trust Us" headline in Archivo Black
- Brand logo strip — Text placeholder logos in a responsive flex row
- Metric cards — Three cards displaying campaigns, revenue, and ROI with electric blue accent numbers
- Testimonial — Quoted review with avatar, name, and role
- Diagonal stripe overlay — Subtle CSS pattern for a stormy, kinetic feel
- Full dark mode — Deep #0d1117 background with cyan-400/blue-400 accents
Dependencies
@/components/vue-ui/avatar — Avatar with fallback@/components/vue-ui/badge — Shadcn-Vue Badge@/components/vue-ui/card — Shadcn-Vue Card@/components/vue-ui/separator — Shadcn-Vue Separator
Customization
- Metrics: Replace the metrics array with your own KPIs
- Brands: Swap brand text placeholders with real logos
- Testimonial: Replace quote, name, and avatar
- Colors: Adjust electric blue (#00d4ff) accent to match your brand
