docs & prciing page updae markteing site
This commit is contained in:
IGNY8 VPS (Salman)
@@ -44,51 +44,40 @@ const Pricing: React.FC = () => {
|
||||
{
|
||||
name: "Starter",
|
||||
slug: "starter",
|
||||
price: "$89",
|
||||
price: "$99",
|
||||
cadence: "per month",
|
||||
description: "For small teams starting workflows.",
|
||||
icon: SparklesIcon,
|
||||
iconColor: "from-[var(--color-primary)] to-[var(--color-primary-dark)]",
|
||||
features: [
|
||||
"3 sites",
|
||||
"5 users",
|
||||
"500 keywords",
|
||||
"100 clusters",
|
||||
"2 sites",
|
||||
"1 team user",
|
||||
"1,000 monthly credits",
|
||||
"100K words content generation",
|
||||
"100 AI keyword clusters",
|
||||
"300 content ideas",
|
||||
"120K words/month",
|
||||
"10 daily content tasks",
|
||||
"1,000 AI credits/month",
|
||||
"120 images/month",
|
||||
"HIDREAM image model",
|
||||
"AI Writer",
|
||||
"Image Generation",
|
||||
"Email support",
|
||||
"300 basic / 60 premium images",
|
||||
"300 image prompts",
|
||||
],
|
||||
badge: "For startups",
|
||||
},
|
||||
{
|
||||
name: "Growth",
|
||||
slug: "growth",
|
||||
price: "$139",
|
||||
price: "$199",
|
||||
cadence: "per month",
|
||||
description: "For teams automating multiple workflows.",
|
||||
icon: BoltIcon,
|
||||
iconColor: "from-[var(--color-success)] to-[var(--color-success-dark)]",
|
||||
features: [
|
||||
"10 sites",
|
||||
"10 users",
|
||||
"1,000 keywords",
|
||||
"200 clusters",
|
||||
"600 content ideas",
|
||||
"240K words/month",
|
||||
"20 daily content tasks",
|
||||
"2,000 AI credits/month",
|
||||
"240 images/month",
|
||||
"DALL-E 3 + HIDREAM",
|
||||
"AI Writer",
|
||||
"Image Generation",
|
||||
"Auto Publish",
|
||||
"Priority support & onboarding",
|
||||
"5 sites",
|
||||
"3 team users",
|
||||
"3,000 monthly credits",
|
||||
"300K words content generation",
|
||||
"300 AI keyword clusters",
|
||||
"900 content ideas",
|
||||
"900 basic / 180 premium images",
|
||||
"900 image prompts",
|
||||
],
|
||||
featured: true,
|
||||
badge: "Best value",
|
||||
@@ -96,123 +85,122 @@ const Pricing: React.FC = () => {
|
||||
{
|
||||
name: "Scale",
|
||||
slug: "scale",
|
||||
price: "$229",
|
||||
price: "$299",
|
||||
cadence: "per month",
|
||||
description: "For publishers and large orgs needing deeper control.",
|
||||
icon: ChartBarIcon,
|
||||
iconColor: "from-[var(--color-purple)] to-[var(--color-purple-dark)]",
|
||||
features: [
|
||||
"25 sites",
|
||||
"25 users",
|
||||
"2,000 keywords",
|
||||
"400 clusters",
|
||||
"1,200 content ideas",
|
||||
"480K words/month",
|
||||
"40 daily content tasks",
|
||||
"4,000 AI credits/month",
|
||||
"500 images/month",
|
||||
"DALL-E 3 + HIDREAM",
|
||||
"AI Writer",
|
||||
"Image Generation",
|
||||
"Auto Publish",
|
||||
"Custom Prompts",
|
||||
"Priority support & onboarding",
|
||||
"Unlimited sites",
|
||||
"5 team users",
|
||||
"5,000 monthly credits",
|
||||
"500K words content generation",
|
||||
"500 AI keyword clusters",
|
||||
"1,500 content ideas",
|
||||
"1,500 basic / 300 premium images",
|
||||
"1,500 image prompts",
|
||||
],
|
||||
badge: "For scaling teams",
|
||||
},
|
||||
];
|
||||
|
||||
const featureMatrix = [
|
||||
{
|
||||
feature: "Sites",
|
||||
starter: "3",
|
||||
growth: "10",
|
||||
scale: "25",
|
||||
},
|
||||
{
|
||||
feature: "Users",
|
||||
starter: "5",
|
||||
growth: "10",
|
||||
scale: "25",
|
||||
},
|
||||
{
|
||||
feature: "Keywords",
|
||||
starter: "500",
|
||||
growth: "1,000",
|
||||
scale: "2,000",
|
||||
},
|
||||
{
|
||||
feature: "Clusters",
|
||||
starter: "100",
|
||||
growth: "200",
|
||||
scale: "400",
|
||||
},
|
||||
{
|
||||
feature: "Content Ideas",
|
||||
starter: "300",
|
||||
growth: "600",
|
||||
scale: "1,200",
|
||||
},
|
||||
{
|
||||
feature: "Monthly Word Count",
|
||||
starter: "120K",
|
||||
growth: "240K",
|
||||
scale: "480K",
|
||||
},
|
||||
{
|
||||
feature: "Daily Content Tasks",
|
||||
starter: "10",
|
||||
growth: "20",
|
||||
scale: "40",
|
||||
},
|
||||
{
|
||||
feature: "AI Credits / Month",
|
||||
starter: "1,000",
|
||||
growth: "2,000",
|
||||
scale: "4,000",
|
||||
},
|
||||
{
|
||||
feature: "Images / Month",
|
||||
starter: "120",
|
||||
growth: "240",
|
||||
scale: "500",
|
||||
},
|
||||
{
|
||||
feature: "Image Models",
|
||||
starter: "HIDREAM",
|
||||
growth: "DALL-E 3 + HIDREAM",
|
||||
scale: "DALL-E 3 + HIDREAM",
|
||||
},
|
||||
{
|
||||
feature: "AI Writer",
|
||||
starter: true,
|
||||
growth: true,
|
||||
scale: true,
|
||||
},
|
||||
{
|
||||
feature: "Image Generation",
|
||||
starter: true,
|
||||
growth: true,
|
||||
scale: true,
|
||||
},
|
||||
{
|
||||
feature: "Auto Publish",
|
||||
starter: false,
|
||||
growth: true,
|
||||
scale: true,
|
||||
},
|
||||
{
|
||||
feature: "Custom Prompts",
|
||||
starter: false,
|
||||
growth: false,
|
||||
scale: true,
|
||||
},
|
||||
{
|
||||
feature: "Support",
|
||||
starter: "Email + docs",
|
||||
growth: "Priority + onboarding",
|
||||
scale: "Priority + onboarding",
|
||||
},
|
||||
{ feature: "ACCOUNT & ACCESS", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "Sites", starter: "2", growth: "5", scale: "Unlimited" },
|
||||
{ feature: "Team Users", starter: "1", growth: "3", scale: "5" },
|
||||
{ feature: "User Roles & Permissions", starter: true, growth: true, scale: true },
|
||||
{ feature: "Multi-Site Management", starter: true, growth: true, scale: true },
|
||||
|
||||
{ feature: "CREDITS & USAGE", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "Monthly Credits", starter: "1,000", growth: "3,000", scale: "5,000" },
|
||||
{ feature: "Usage Analytics Dashboard", starter: true, growth: true, scale: true },
|
||||
{ feature: "Additional Credit Packages", starter: "Available", growth: "Available", scale: "Available" },
|
||||
|
||||
{ feature: "PLANNER MODULE", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "Bulk Keyword Import (CSV)", starter: "Unlimited rows", growth: "Unlimited rows", scale: "Unlimited rows" },
|
||||
{ feature: "AI-Powered Clustering", starter: "100 clusters", growth: "300 clusters", scale: "500 clusters" },
|
||||
{ feature: "Global Seed Keyword Database", starter: "100+ industry sectors", growth: "100+ industry sectors", scale: "100+ industry sectors" },
|
||||
{ feature: "Search Intent Classification", starter: true, growth: true, scale: true },
|
||||
{ feature: "High-Opportunity Keywords", starter: true, growth: true, scale: true },
|
||||
{ feature: "Industry & Sector Organization", starter: true, growth: true, scale: true },
|
||||
{ feature: "Advanced Filtering & Search", starter: true, growth: true, scale: true },
|
||||
|
||||
{ feature: "CONTENT IDEATION", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "AI Content Idea Generation", starter: "300 ideas", growth: "900 ideas", scale: "1,500 ideas" },
|
||||
{ feature: "Structured Content Briefs", starter: true, growth: true, scale: true },
|
||||
{ feature: "Word Count Estimation", starter: true, growth: true, scale: true },
|
||||
{ feature: "Priority Scoring", starter: true, growth: true, scale: true },
|
||||
{ feature: "Editorial Calendar Integration", starter: true, growth: true, scale: true },
|
||||
|
||||
{ feature: "WRITER MODULE", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "Premium AI Content Generation", starter: "100K words", growth: "300K words", scale: "500K words" },
|
||||
{ feature: "Smart Content Structuring", starter: true, growth: true, scale: true },
|
||||
{ feature: "SEO Optimization (Built-in)", starter: true, growth: true, scale: true },
|
||||
{ feature: "Customizable Word Counts", starter: "500-5,000+", growth: "500-5,000+", scale: "500-5,000+" },
|
||||
{ feature: "Brand Voice Consistency", starter: true, growth: true, scale: true },
|
||||
{ feature: "HTML Content Editor", starter: true, growth: true, scale: true },
|
||||
{ feature: "SEO Metadata Management", starter: true, growth: true, scale: true },
|
||||
{ feature: "Taxonomy Manager", starter: true, growth: true, scale: true },
|
||||
|
||||
{ feature: "IMAGE GENERATION", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "AI Image Generation", starter: "300 basic / 60 premium", growth: "900 basic / 180 premium", scale: "1,500 basic / 300 premium" },
|
||||
{ feature: "Featured Images", starter: true, growth: true, scale: true },
|
||||
{ feature: "In-Article Images", starter: true, growth: true, scale: true },
|
||||
{ feature: "Dual AI Providers", starter: "Basic + Premium", growth: "Basic + Premium", scale: "Basic + Premium" },
|
||||
{ feature: "Multiple Image Sizes", starter: true, growth: true, scale: true },
|
||||
{ feature: "Automatic Alt Text", starter: true, growth: true, scale: true },
|
||||
{ feature: "Smart Image Prompts", starter: "300", growth: "900", scale: "1,500" },
|
||||
{ feature: "Advanced Image Controls", starter: true, growth: true, scale: true },
|
||||
|
||||
{ feature: "AUTOMATION PIPELINE", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "7-Stage Automation Pipeline", starter: true, growth: true, scale: true },
|
||||
{ feature: "Scheduled Automation Runs", starter: "Daily/Weekly/Monthly", growth: "Daily/Weekly/Monthly", scale: "Daily/Weekly/Monthly" },
|
||||
{ feature: "Configurable Batch Sizes", starter: true, growth: true, scale: true },
|
||||
{ feature: "Pause & Resume", starter: true, growth: true, scale: true },
|
||||
{ feature: "Credit Estimation", starter: true, growth: true, scale: true },
|
||||
{ feature: "Detailed Activity Logs", starter: true, growth: true, scale: true },
|
||||
{ feature: "Manual Override Triggers", starter: true, growth: true, scale: true },
|
||||
|
||||
{ feature: "INTEGRATIONS", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "WordPress Integration", starter: true, growth: true, scale: true },
|
||||
{ feature: "IGNY8 WP Bridge Plugin", starter: true, growth: true, scale: true },
|
||||
{ feature: "1-Click API-Based Integration", starter: true, growth: true, scale: true },
|
||||
{ feature: "Custom Integration Support", starter: true, growth: true, scale: true },
|
||||
{ feature: "Shopify Integration", starter: "🔜 Coming Soon", growth: "🔜 Coming Soon", scale: "🔜 Coming Soon" },
|
||||
|
||||
{ feature: "WORDPRESS PUBLISHING", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "One-Click Publishing", starter: true, growth: true, scale: true },
|
||||
{ feature: "Automatic Content & Media Upload", starter: true, growth: true, scale: true },
|
||||
{ feature: "Bidirectional Status Sync", starter: true, growth: true, scale: true },
|
||||
{ feature: "Taxonomy Synchronization", starter: true, growth: true, scale: true },
|
||||
{ feature: "SEO Metadata Sync", starter: true, growth: true, scale: true },
|
||||
{ feature: "Custom Fields Support", starter: true, growth: true, scale: true },
|
||||
{ feature: "Multiple WordPress Sites", starter: "Up to 2", growth: "Up to 5", scale: "Unlimited" },
|
||||
{ feature: "API Key Authentication", starter: true, growth: true, scale: true },
|
||||
{ feature: "Error Handling & Retry", starter: true, growth: true, scale: true },
|
||||
|
||||
{ feature: "CUSTOMIZATION", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "Custom AI Prompts", starter: true, growth: true, scale: true },
|
||||
{ feature: "Brand Voice Configuration", starter: true, growth: true, scale: true },
|
||||
{ feature: "Content Type Templates", starter: true, growth: true, scale: true },
|
||||
{ feature: "Advanced AI Parameter Tuning", starter: true, growth: true, scale: true },
|
||||
|
||||
{ feature: "BILLING & INVOICING", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "Credit Balance Dashboard", starter: true, growth: true, scale: true },
|
||||
{ feature: "Usage Analytics", starter: true, growth: true, scale: true },
|
||||
{ feature: "Invoice Management", starter: true, growth: true, scale: true },
|
||||
{ feature: "Multiple Payment Methods", starter: true, growth: true, scale: true },
|
||||
{ feature: "PDF Invoice Download", starter: true, growth: true, scale: true },
|
||||
|
||||
{ feature: "SUPPORT & DOCUMENTATION", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "Email Support", starter: true, growth: true, scale: true },
|
||||
{ feature: "Documentation Access", starter: true, growth: true, scale: true },
|
||||
{ feature: "Video Tutorials", starter: true, growth: true, scale: true },
|
||||
{ feature: "API Documentation", starter: true, growth: true, scale: true },
|
||||
|
||||
{ feature: "SECURITY & COMPLIANCE", starter: null, growth: null, scale: null, isCategory: true },
|
||||
{ feature: "Enterprise Authentication", starter: true, growth: true, scale: true },
|
||||
{ feature: "Data Encryption", starter: true, growth: true, scale: true },
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -343,50 +331,69 @@ const Pricing: React.FC = () => {
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{featureMatrix.map((row, index) => (
|
||||
<tr
|
||||
key={row.feature}
|
||||
className={index % 2 === 0 ? "bg-white" : "bg-slate-50/50"}
|
||||
>
|
||||
<td className="px-6 py-5 text-slate-900 font-medium">{row.feature}</td>
|
||||
<td className="px-6 py-5 text-center text-slate-700">
|
||||
{row.starter === true ? (
|
||||
<CheckIcon className="h-5 w-5 text-[#0bbf87] mx-auto" />
|
||||
) : row.starter === false ? (
|
||||
<XMarkIcon className="h-5 w-5 text-slate-300 mx-auto" />
|
||||
) : (
|
||||
<span className="inline-flex items-center gap-1">
|
||||
<span className="size-1.5 rounded-full bg-[var(--color-primary)]"></span>
|
||||
{row.starter}
|
||||
</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-6 py-5 text-center font-medium text-[var(--color-primary)] bg-gradient-to-br from-[#0693e3]/5 to-transparent">
|
||||
{row.growth === true ? (
|
||||
<CheckIcon className="h-5 w-5 text-[#0bbf87] mx-auto" />
|
||||
) : row.growth === false ? (
|
||||
<XMarkIcon className="h-5 w-5 text-slate-300 mx-auto" />
|
||||
) : (
|
||||
<span className="inline-flex items-center gap-1">
|
||||
<span className="size-1.5 rounded-full bg-[var(--color-primary)]"></span>
|
||||
{row.growth}
|
||||
</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-6 py-5 text-center text-slate-700">
|
||||
{row.scale === true ? (
|
||||
<CheckIcon className="h-5 w-5 text-[#0bbf87] mx-auto" />
|
||||
) : row.scale === false ? (
|
||||
<XMarkIcon className="h-5 w-5 text-slate-300 mx-auto" />
|
||||
) : (
|
||||
<span className="inline-flex items-center gap-1">
|
||||
<span className="size-1.5 rounded-full bg-[#5d4ae3]"></span>
|
||||
{row.scale}
|
||||
</span>
|
||||
)}
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
{featureMatrix.map((row, index) => {
|
||||
// Category row styling
|
||||
if (row.isCategory) {
|
||||
return (
|
||||
<tr key={row.feature} className="bg-gradient-to-r from-slate-100 to-slate-50">
|
||||
<td colSpan={4} className="px-6 py-4 text-sm font-bold text-slate-900 uppercase tracking-wider">
|
||||
{row.feature}
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<tr
|
||||
key={row.feature}
|
||||
className={index % 2 === 0 ? "bg-white" : "bg-slate-50/50"}
|
||||
>
|
||||
<td className="px-6 py-5 text-slate-900 font-medium">{row.feature}</td>
|
||||
<td className="px-6 py-5 text-center text-slate-700">
|
||||
{row.starter === true ? (
|
||||
<CheckIcon className="h-5 w-5 text-[#0bbf87] mx-auto" />
|
||||
) : row.starter === false ? (
|
||||
<XMarkIcon className="h-5 w-5 text-slate-300 mx-auto" />
|
||||
) : row.starter === null ? (
|
||||
<span className="text-slate-400">—</span>
|
||||
) : (
|
||||
<span className="inline-flex items-center gap-1">
|
||||
<span className="size-1.5 rounded-full bg-[var(--color-primary)]"></span>
|
||||
{row.starter}
|
||||
</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-6 py-5 text-center font-medium text-[var(--color-primary)] bg-gradient-to-br from-[#0693e3]/5 to-transparent">
|
||||
{row.growth === true ? (
|
||||
<CheckIcon className="h-5 w-5 text-[#0bbf87] mx-auto" />
|
||||
) : row.growth === false ? (
|
||||
<XMarkIcon className="h-5 w-5 text-slate-300 mx-auto" />
|
||||
) : row.growth === null ? (
|
||||
<span className="text-slate-400">—</span>
|
||||
) : (
|
||||
<span className="inline-flex items-center gap-1">
|
||||
<span className="size-1.5 rounded-full bg-[var(--color-primary)]"></span>
|
||||
{row.growth}
|
||||
</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-6 py-5 text-center text-slate-700">
|
||||
{row.scale === true ? (
|
||||
<CheckIcon className="h-5 w-5 text-[#0bbf87] mx-auto" />
|
||||
) : row.scale === false ? (
|
||||
<XMarkIcon className="h-5 w-5 text-slate-300 mx-auto" />
|
||||
) : row.scale === null ? (
|
||||
<span className="text-slate-400">—</span>
|
||||
) : (
|
||||
<span className="inline-flex items-center gap-1">
|
||||
<span className="size-1.5 rounded-full bg-[#5d4ae3]"></span>
|
||||
{row.scale}
|
||||
</span>
|
||||
)}
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
})}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user