Update Tour and Solutions pages with accurate pipeline

- Update Tour.tsx with 5 steps including 8-stage pipeline details
- Fix automation section to show 7 handoffs for 8 stages
- Update Solutions.tsx outcomes for each persona (Publishers, Agencies, In-house)
- Add Publisher module and WordPress publishing details
- Add credit-based tracking and multi-site support details
This commit is contained in:
IGNY8 VPS (Salman)
2026-01-08 07:46:50 +00:00
parent 4e9f2d9dbc
commit 51512d6c91
2 changed files with 36 additions and 26 deletions

View File

@@ -53,9 +53,10 @@ const Solutions: React.FC = () => {
"Manual image sourcing and WordPress publishing bottlenecks", "Manual image sourcing and WordPress publishing bottlenecks",
], ],
outcomes: [ outcomes: [
"Launch keyword → content automation that protects brand voice", "Launch 8-stage automation pipeline protecting brand voice",
"Keep editors in control with approvals and Thinker playbooks", "Keep editors in control with review workflow and approval gates",
"Automate image generation and WordPress publishing by site", "Automate image generation (DALL-E 3, Runware) and WordPress publishing",
"Use content calendar for scheduled publishing across sites",
], ],
color: "from-[var(--color-primary)]/5 to-white", color: "from-[var(--color-primary)]/5 to-white",
borderColor: "border-[var(--color-primary)]/20", borderColor: "border-[var(--color-primary)]/20",
@@ -73,9 +74,10 @@ const Solutions: React.FC = () => {
"Client-specific brand guidelines and tone management", "Client-specific brand guidelines and tone management",
], ],
outcomes: [ outcomes: [
"Shared workspaces for each client with automation templates", "Shared workspaces for each client with custom automation configs",
"Real-time dashboards to prove impact and showcase velocity", "Real-time dashboards showing pipeline progress and content velocity",
"Reusable Thinker libraries to standardize tone and strategy", "Reusable prompts and brand voice settings per client account",
"Multi-site WordPress publishing with client-specific credentials",
], ],
color: "from-[var(--color-success)]/5 to-white", color: "from-[var(--color-success)]/5 to-white",
borderColor: "border-[var(--color-success)]/20", borderColor: "border-[var(--color-success)]/20",
@@ -93,9 +95,10 @@ const Solutions: React.FC = () => {
"Tool sprawl creating visibility gaps", "Tool sprawl creating visibility gaps",
], ],
outcomes: [ outcomes: [
"Automated pipeline from keyword intake to published content", "Automated 8-stage pipeline from keyword intake to WordPress publishing",
"Dashboards that unite SEO, writers, designers, and leadership", "Unified dashboard showing SEO, content, images, and publication metrics",
"Insights to reallocate focus when campaigns spike or drop", "Credit-based usage tracking to optimize spend and resource allocation",
"Publisher module for content calendar and scheduled publishing",
], ],
color: "from-[var(--color-purple)]/5 to-white", color: "from-[var(--color-purple)]/5 to-white",
borderColor: "border-[var(--color-purple)]/20", borderColor: "border-[var(--color-purple)]/20",

View File

@@ -6,27 +6,33 @@ import { getMetaTags } from "../config/metaTags";
const tourSteps = [ const tourSteps = [
{ {
title: "Kick off in the Dashboard", title: "Dashboard: Your Command Center",
description: description:
"Get instant visibility into automation coverage, credit usage, and pipeline health with filters for every site and team.", "Get instant visibility into your 8-stage pipeline, credit usage, and workflow progress. Track keywords through to published content with real-time metrics.",
image: "tour-dash.png", image: "tour-dash.png",
}, },
{ {
title: "Research in Planner", title: "Planner: Keywords → Clusters → Ideas (Stages 1-3)",
description: description:
"Explore the global keyword graph, build clustering blueprints, and score opportunities with AI to set your roadmap.", "Import keywords via CSV or database, organize them into semantic clusters using AI, and generate content ideas. Build your content strategy foundation.",
image: "tour-planner.png", image: "tour-planner.png",
}, },
{ {
title: "Generate briefs and drafts in Writer", title: "Writer: Tasks → Content → Images → Review (Stages 4-7)",
description: description:
"Create detailed briefs, assign tasks, and produce on-brand drafts tuned to your tone, format, and competitive insights.", "Convert ideas to tasks, generate AI content with GPT-4o or Claude, create images with DALL-E 3 or Runware, and review before publishing.",
image: "tour-writer.png", image: "tour-writer.png",
}, },
{ {
title: "Automate delivery", title: "Publisher: Schedule & Publish to WordPress (Stage 8)",
description: description:
"Configure recipes that move keywords to ideas, content, and imagery. Publish to WordPress or notify your CMS automatically.", "Use the visual calendar to schedule content, then publish to WordPress via the IGNY8 WP Bridge plugin with one click. SEO metadata and images sync automatically.",
image: "tour-automation.png",
},
{
title: "Automation: 7-Stage Handoff Engine",
description:
"Configure automated handoffs between each stage. Set batch sizes, schedules, and triggers. Run your content factory on autopilot with real-time monitoring.",
image: "tour-automation.png", image: "tour-automation.png",
}, },
]; ];
@@ -86,18 +92,19 @@ const Tour: React.FC = () => {
<section className="bg-gradient-to-br from-[var(--color-primary)]/10 via-gray-50/70 to-[var(--color-success)]/10 border-y border-[var(--color-primary)]/20"> <section className="bg-gradient-to-br from-[var(--color-primary)]/10 via-gray-50/70 to-[var(--color-success)]/10 border-y border-[var(--color-primary)]/20">
<div className="max-w-6xl mx-auto px-6 py-24 space-y-10"> <div className="max-w-6xl mx-auto px-6 py-24 space-y-10">
<SectionHeading <SectionHeading
eyebrow="Automation recipes" eyebrow="7 Automation Handoffs"
title="Pre-built workflows you can launch on day one." title="Orchestrate your 8-stage pipeline on autopilot."
description="Activate automation templates or customize them in minutes. Igny8 tracks dependencies, statuses, and handoffs." description="Configure each handoff independently. Set batch sizes, schedules, and credit limits. IGNY8 tracks every item through the pipeline."
/> />
<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6 text-sm text-gray-600"> <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6 text-sm text-gray-600">
{[ {[
{ name: "Keywords → Ideas", time: "Nightly", highlight: "Targets new opportunities", color: "border-[var(--color-primary)]/40", gradient: "from-[var(--color-primary)]/10 to-white" }, { name: "Keywords → Clusters", time: "Stage 1", highlight: "Auto-cluster by AI similarity", color: "border-[var(--color-primary)]/40", gradient: "from-[var(--color-primary)]/10 to-white" },
{ name: "Ideas → Tasks", time: "Daily", highlight: "Staff writers automatically", color: "border-[var(--color-success)]/40", gradient: "from-[var(--color-success)]/10 to-white" }, { name: "Clusters → Ideas", time: "Stage 2", highlight: "Generate content concepts", color: "border-[var(--color-purple)]/40", gradient: "from-[var(--color-purple)]/10 to-white" },
{ name: "Tasks → Content", time: "Hourly", highlight: "Generate & queue drafts", color: "border-[var(--color-warning)]/40", gradient: "from-[var(--color-warning)]/10 to-white" }, { name: "Ideas → Tasks", time: "Stage 3", highlight: "Create writing assignments", color: "border-[var(--color-warning)]/40", gradient: "from-[var(--color-warning)]/10 to-white" },
{ name: "Content → Images", time: "On approval", highlight: "Produce branded visuals", color: "border-[var(--color-purple)]/40", gradient: "from-[var(--color-purple)]/10 to-white" }, { name: "Tasks → Content", time: "Stage 4", highlight: "Generate AI articles", color: "border-[var(--color-success)]/40", gradient: "from-[var(--color-success)]/10 to-white" },
{ name: "Content → WordPress", time: "Manual launch", highlight: "One-click publish", color: "border-[var(--color-primary)]/40", gradient: "from-[var(--color-primary)]/10 to-white" }, { name: "Content → Images", time: "Stage 5", highlight: "Create featured & in-article images", color: "border-[var(--color-primary)]/40", gradient: "from-[var(--color-primary)]/10 to-white" },
{ name: "SERP Win/Loss Alerts", time: "Real-time", highlight: "Trigger optimizations", color: "border-[var(--color-success)]/40", gradient: "from-[var(--color-success)]/10 to-white" }, { name: "Images → Review", time: "Stage 6", highlight: "Queue for editorial approval", color: "border-[var(--color-purple)]/40", gradient: "from-[var(--color-purple)]/10 to-white" },
{ name: "Review → Published", time: "Stage 7", highlight: "Publish to WordPress", color: "border-[var(--color-success)]/40", gradient: "from-[var(--color-success)]/10 to-white" },
].map((recipe) => ( ].map((recipe) => (
<div <div
key={recipe.name} key={recipe.name}