salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Tour and Solutions pages with accurate pipeline

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/marketing/pages/Solutions.tsx
View File

@@ -53,9 +53,10 @@ const Solutions: React.FC = () => {
"Manual image sourcing and WordPress publishing bottlenecks",
],
outcomes: [
"Launch keyword → content automation that protects brand voice",
"Keep editors in control with approvals and Thinker playbooks",
"Automate image generation and WordPress publishing by site",
"Launch 8-stage automation pipeline protecting brand voice",
"Keep editors in control with review workflow and approval gates",
"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",
borderColor: "border-[var(--color-primary)]/20",
@@ -73,9 +74,10 @@ const Solutions: React.FC = () => {
"Client-specific brand guidelines and tone management",
],
outcomes: [
"Shared workspaces for each client with automation templates",
"Real-time dashboards to prove impact and showcase velocity",
"Reusable Thinker libraries to standardize tone and strategy",
"Shared workspaces for each client with custom automation configs",
"Real-time dashboards showing pipeline progress and content velocity",
"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",
borderColor: "border-[var(--color-success)]/20",
@@ -93,9 +95,10 @@ const Solutions: React.FC = () => {
"Tool sprawl creating visibility gaps",
],
outcomes: [
"Automated pipeline from keyword intake to published content",
"Dashboards that unite SEO, writers, designers, and leadership",
"Insights to reallocate focus when campaigns spike or drop",
"Automated 8-stage pipeline from keyword intake to WordPress publishing",
"Unified dashboard showing SEO, content, images, and publication metrics",
"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",
borderColor: "border-[var(--color-purple)]/20",

41
frontend/src/marketing/pages/Tour.tsx
View File

@@ -6,27 +6,33 @@ import { getMetaTags } from "../config/metaTags";
const tourSteps = [
{
title: "Kick off in the Dashboard",
title: "Dashboard: Your Command Center",
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",
},
{
title: "Research in Planner",
title: "Planner: Keywords → Clusters → Ideas (Stages 1-3)",
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",
},
{
title: "Generate briefs and drafts in Writer",
title: "Writer: Tasks → Content → Images → Review (Stages 4-7)",
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",
},
{
title: "Automate delivery",
title: "Publisher: Schedule & Publish to WordPress (Stage 8)",
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",
},
];
@@ -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">
<div className="max-w-6xl mx-auto px-6 py-24 space-y-10">
<SectionHeading
eyebrow="Automation recipes"
title="Pre-built workflows you can launch on day one."
description="Activate automation templates or customize them in minutes. Igny8 tracks dependencies, statuses, and handoffs."
eyebrow="7 Automation Handoffs"
title="Orchestrate your 8-stage pipeline on autopilot."
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">
{[
{ name: "Keywords → Ideas", time: "Nightly", highlight: "Targets new opportunities", 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: "Tasks → Content", time: "Hourly", highlight: "Generate & queue drafts", 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: "Content → WordPress", time: "Manual launch", highlight: "One-click publish", 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: "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: "Clusters → Ideas", time: "Stage 2", highlight: "Generate content concepts", color: "border-[var(--color-purple)]/40", gradient: "from-[var(--color-purple)]/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: "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 → 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: "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) => (
<div
key={recipe.name}