Conversion Optimization Demo
See all MDX components in action with conversion psychology
All MDX Components Demo
This page demonstrates every conversion-optimized component available for feature pages.
1. Feature CTA (Call-to-Action)
Three variants: default, gradient, and minimal.
Default Variant
Ready to Get Started?
Join thousands of developers building with ONE Platform
Gradient Variant (High Impact)
Limited Beta Access
50 spots remaining for early adopters
Minimal Variant
Learn More
Explore our developer documentation
2. Pricing Calculator (Interactive ROI)
This component uses client-side interactivity to calculate pricing based on usage.
Estimated savings based on industry averages. Actual costs may vary.
3. Social Proof
Build trust with testimonials, company logos, and usage statistics.
What Our Users Say
Trusted by leading companies
"ONE Platform cut our development time from 6 months to 6 weeks. The ontology-based architecture is brilliant."
"The best platform for building multi-tenant SaaS. Period."
4. Code Playground (Interactive Examples)
Live code examples with copy-to-clipboard functionality.
import { ONE } from 'oneie';
// Initialize with your organization
const platform = new ONE({
groupId: 'your-org-id'
});
// Create a product
const product = await platform.things.create({
type: 'product',
name: 'Premium Course',
properties: {
price: 99,
inventory: 100
}
});
console.log('Product created:', product.id);5. Feature Comparison Table
Show competitive advantages clearly.
| Feature | ONE Platform | Competitors |
|---|---|---|
| Setup Time | 5 minutes | 2-4 weeks |
| Multi-Tenancy | Built-in | Manual DIY |
| Real-Time Updates | Yes (Convex) | Polling |
| Authentication | 6 methods included | Build yourself |
| Type Safety | Full TypeScript | Partial |
| Ontology Model | 6 dimensions | Custom schemas |
| Development Speed | 10x faster | Baseline |
6. Feature Demo Links
Point users to live demos and documentation.
Conversion Psychology Mapping
Each component uses proven psychological triggers:
- FeatureCTA → Scarcity (limited beta) + Authority (social proof numbers)
- PricingCalculator → Consistency (personalized value = commitment)
- SocialProof → Social Proof (testimonials) + Authority (company logos)
- CodePlayground → Reciprocity (free value) + Authority (technical depth)
- FeatureComparison → Authority (quantifiable advantages)
- FeatureDemo → Liking (try before buy)
Next Steps
- Convert your feature pages from
.mdto.mdx - Import components at the top of the file
- Embed components throughout content
- Measure conversion lift (expect 20-40% increase in CTA clicks)
Start Optimizing Your Features
Use these components to turn feature pages into conversion machines