I'll create a modern pricing plan component with multiple tiers, a toggle for monthly/yearly pricing, and a clean design.
This modern pricing plan component includes:
- Three pricing tiers (Basic, Pro, Enterprise) with clear feature lists
- A toggle to switch between monthly and yearly pricing with a 20% discount
- A highlighted "Most Popular" plan to guide user decisions
- Clean, responsive design that works on all screen sizes
- Interactive elements like tooltips and hover effects
- Clear call-to-action buttons for each plan
You can customize the pricing, features, and styling to match your brand. The component is fully responsive and will look great on mobile, tablet, and desktop devices.
154d ago
I'll recreate this pricing page with the dark theme and just the Starter and Professional plans as shown in the image.
I've recreated the pricing page with the exact same dark theme as shown in the image. Key features include:
- Dark background with the same color scheme (black background with cyan accents)
- Navigation bar with the same menu items and highlighted "Pricing" section
- "Smart tech with smart pricing" headline with the same subtext
- Monthly/Yearly toggle with "Save 20%" badge
Two pricing tiers only (as requested):
- Starter plan at $9/mo with all the same features shown
- Professional plan at $49/mo with the "Bestseller" badge and all features
- Same styling for buttons, cards, and checkmarks
- Gradient buttons for the "Get started" CTA
The component is fully responsive and will adapt to different screen sizes while maintaining the same look and feel as the reference image.
154d ago