import { mdiArrowRight, mdiCheckCircleOutline, mdiLogin, mdiShieldCheckOutline, mdiStarCircleOutline } from '@mdi/js';
import Head from 'next/head';
import Link from 'next/link';
import React, { ReactElement } from 'react';
import BaseButton from '../components/BaseButton';
import CardBox from '../components/CardBox';
import LayoutGuest from '../layouts/Guest';
import { getPageTitle } from '../config';
import { subscriptionPlans, trialDays } from '../subscriptionPlans';
const metrics = [
['7 days', 'default review delay'],
['5 sources', 'Stripe, Square, PayPal, Shopify, WooCommerce'],
['4 states', 'pending, sent, clicked, reviewed'],
];
const steps = [
['Capture', 'Receive Stripe, Square, PayPal, Shopify, or WooCommerce webhooks as soon as checkout happens.'],
['Schedule', 'Create the customer, transaction, and review request automatically with your preferred delay.'],
['Track', 'Follow pending, sent, clicked, and reviewed requests from one workspace.'],
];
const features = [
'Business review links and templates',
'Webhook-created customers and transactions',
'Readable queue with message preview',
'Admin CRUD and API docs still available',
];
export default function Starter() {
return (
{getPageTitle('Review Flow')}
Review automation for modern local businesses
Ask at the perfect moment. Earn more five-star reviews.
Review Flow turns Stripe, Square, PayPal, Shopify, and WooCommerce webhooks into scheduled review requests with a clean queue, message preview, and admin controls already wired into your app.
{metrics.map(([value, label]) => (
))}
Live workflow
Review request queued
pending
Customer
Maya Chen
maya@example.com
How was your experience with Review Flow Studio?
Hi Maya, thank you for choosing us. We would love to hear about your experience.
{steps.map(([title, copy], index) => (
{index + 1}
{title}
{copy}
))}
Simple pricing
Choose Starter or Pro.
Every plan starts with a {trialDays}-day free trial. Starter covers the core review workflow. Pro adds the advanced automation and reputation marketing tools growing teams need.
{subscriptionPlans.map((plan) => {
const isPro = plan.id === 'pro';
return (
{plan.highlight && (
{plan.highlight}
)}
Review Flow
{plan.name}
{plan.tagline}
${plan.priceMonthly}
/month
{plan.trialDays}-day free trial included
{plan.limits.monthlyReviewRequests.toLocaleString()}
review requests/month
{plan.limits.businesses}
businesses/locations
{plan.limits.teamMembers}
team members
{plan.limits.paymentConnectors}
payment connectors
Included features
{plan.features.map((feature) => (
))}
);
})}
First MVP slice
A complete thin workflow, not just a screen.
The admin workspace lets a user connect payment webhooks, receive events, create transactions and customers, queue review requests, browse recent activity, and inspect the generated message.
{features.map((feature) => (
))}
);
}
Starter.getLayout = function getLayout(page: ReactElement) {
return {page};
};