AI Landing Page Generator with Google Stitch

Generate high-converting landing pages using AI. Analyze competitor pages for design inspiration, extract client branding, and create SEO-optimized, AI-indexable landing pages with FAQs, CTAs, trust signals, and schema markup. Pay-per-event pricing. Built by John Rippy (https://www.linkedin.com/in/johnrippy/ | https://johnrippy.link/).

Features

• Competitor Analysis: Analyze up to 3 competitor landing pages for design patterns, CTAs, and content structure
• Client Branding Extraction: Automatically extract colors, fonts, and tone from existing client websites
• Conversion Optimization: Built-in CRO best practices with strategic CTA placement
• SEO Ready: Meta tags, schema markup, and semantic HTML structure
• AI Indexable: Structured content optimized for AI search engines (GEO)
• Multiple Export Formats: HTML, React, Next.js, Webflow, WordPress
• Webhook Support: Automatically POST results to your endpoint upon completion
• Pay-per-event billing: Only pay for what you generate

Quick Start

{
  "demoMode": true,
  "businessName": "Acme Solutions",
  "targetKeywords": ["project management", "team collaboration"],
  "pageGoal": "lead_generation"
}

Demo Mode

Set demoMode: true to test with sample data (no charges). When you're ready for real results, set demoMode: false or omit it.

{
  "demoMode": true,
  ...
}

Input Parameters

Parameter	Type	Required	Description	Default
competitorUrls	array	No	Up to 3 competitor landing page URLs for inspiration	[]
clientUrl	string	No	Client's current website for branding extraction	-
businessName	string	No	Business name for the landing page	-
businessDescription	string	No	Brief description of the business	-
targetKeywords	array	No	Primary keywords for SEO optimization	[]
pageGoal	string	No	Conversion goal (lead_generation, sales, appointment_booking, newsletter_signup, contact_form, phone_call)	lead_generation
includeSections	array	No	Sections to include (hero, features, benefits, testimonials, faq, cta, pricing, trust_signals, about, contact)	All sections
colorScheme	string	No	Color preference (auto, professional, modern, vibrant, minimal, dark)	auto
customPrompt	string	No	Additional AI design instructions	-
exportFormat	string	No	Output format (html, react, nextjs, webflow, wordpress)	html
firecrawlApiKey	string	No*	Firecrawl API key for scraping (*required for production mode)	-
demoMode	boolean	No	Run with sample data (no charges)	true
webhookUrl	string	No	URL to POST the generated landing page data to upon completion	-

Output Format

{
  clientUrl: string;              // Client website URL
  pageTitle: string;              // SEO-optimized page title
  metaDescription: string;        // SEO meta description
  htmlContent: string;            // Complete HTML content
  cssContent: string;             // CSS styles
  reactComponent?: string;        // React component (if exportFormat is 'react' or 'nextjs')
  nextjsPage?: string;            // Next.js page (if exportFormat is 'nextjs')
  webflowJson?: object;           // Webflow JSON (if exportFormat is 'webflow')
  wordpressBlock?: string;        // WordPress block (if exportFormat is 'wordpress')
  sections: Array<{
    name: string;
    content: string;
    order: number;
  }>;
  schemaMarkup: object;           // JSON-LD schema markup
  conversionScore: number;        // 0-100 conversion optimization score
  seoScore: number;               // 0-100 SEO score
  aiIndexScore: number;           // 0-100 AI indexability score
  stitchProjectUrl?: string;      // Google Stitch project URL
  competitorInsights: string[];   // Insights from competitor analysis
  generatedAt: string;            // ISO timestamp
}

Landing Page Sections

Section	Description
hero	Main headline, subheadline, primary CTA, trust badges
features	Feature cards with icons and descriptions
benefits	Value propositions with quantified results
testimonials	Customer quotes with names and titles
faq	FAQ section with schema markup for AI/SEO
pricing	Pricing tiers with feature comparison
cta	Final call-to-action with form
trust_signals	Client logos, certifications, awards
about	Company story and stats
contact	Contact form with fields

---

Pricing

This actor uses pay-per-event billing:

• landing_page_generated: $0.50 per page
• competitor_analyzed: $0.05 per URL

Demo mode runs are free!

API Keys Required

For production mode (not demo):

• Firecrawl API Key: Get at https://firecrawl.dev - Required for scraping competitor and client pages

Use Cases

1. Marketing Agencies: Generate landing pages for clients quickly
2. Startups: Create professional pages without designers
3. A/B Testing: Generate multiple page variations
4. Competitor Research: Understand what works in your industry
5. Lead Generation: Build conversion-optimized capture pages

Example Usage

Basic Demo Run

{
  "demoMode": true,
  "businessName": "Acme Solutions",
  "targetKeywords": ["project management", "team collaboration"],
  "pageGoal": "lead_generation"
}

Full Production Run

{
  "demoMode": false,
  "competitorUrls": [
    "https://competitor1.com/landing",
    "https://competitor2.com/trial",
    "https://competitor3.com/signup"
  ],
  "clientUrl": "https://client-website.com",
  "businessName": "Client Business",
  "businessDescription": "SaaS platform for project management",
  "targetKeywords": ["project management software", "team collaboration tool"],
  "pageGoal": "lead_generation",
  "includeSections": ["hero", "features", "benefits", "testimonials", "faq", "pricing", "cta"],
  "colorScheme": "auto",
  "exportFormat": "nextjs",
  "firecrawlApiKey": "fc-xxx...",
  "webhookUrl": "https://yourserver.com/webhook/landing-pages"
}

With Webhook Delivery

{
  "demoMode": true,
  "businessName": "My Company",
  "pageGoal": "lead_generation",
  "webhookUrl": "https://yourserver.com/api/landing-page-callback"
}

The webhook receives a POST with this payload:

{
  "actorId": "stitch-landing-page-generator",
  "runId": "abc123",
  "data": { /* full output object */ },
  "timestamp": "2024-01-15T10:30:00Z"
}

---

Built by John Rippy | Actor Arsenal