Midnight Marketing Feature Showcase

Midnight Marketing Feature Showcase

A striking feature showcase designed for marketing automation and SaaS platforms.

Features

• Hero section with gradient text headline (magenta to violet)
• Mock Campaign Builder UI card with browser chrome, step indicators, and wireframe layout
• 3 secondary feature cards with gradient top-border hover effects
• Vivid magenta (#E91E8C) and electric violet (#7C3AED) gradient accents
• Soft lavender (#F5F3FF) light mode background
• Deep midnight purple (#1A0533) dark mode background
• Ambient gradient blur orbs for depth
• Dual CTA buttons: gradient filled primary, outlined secondary
• Bottom feature stat bar with icons
• WCAG AA compliant text contrast
• Semantic HTML with aria-labels

Usage

import RegistryItem from './registry-item';

export default function Page() {
  return <RegistryItem />;
}

Customization

• Replace magenta/violet gradient with your brand gradient colors
• Edit the mock Campaign Builder content to match your product
• Modify feature card titles, descriptions, and icons
• Update CTA button text and link destinations
• Add or remove bottom stat items
• Swap the mock UI for a real product screenshot