Conversion Optimization Demo

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

Gradient Variant (High Impact)

Minimal Variant

2. Pricing Calculator (Interactive ROI)

This component uses client-side interactivity to calculate pricing based on usage.

3. Social Proof

Build trust with testimonials, company logos, and usage statistics.

What Our Users Say

Social Proof

12453

User Count

$2.4M

Transaction Volume

99.98%

Uptime

Trusted by leading companies

"ONE Platform cut our development time from 6 months to 6 weeks. The ontology-based architecture is brilliant."

Sarah Chen

CTO at TechFlow

"The best platform for building multi-tenant SaaS. Period."

Marcus Johnson

Founder at BuildFast

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.

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

1. Convert your feature pages from .md to .mdx
2. Import components at the top of the file
3. Embed components throughout content
4. Measure conversion lift (expect 20-40% increase in CTA clicks)