Image Gallery
All generated images for ReplyOnTheFly with explanations for where and how to use each one.
Hero Section Variations
Alternative images for the landing page hero section. Use these for A/B testing or seasonal updates.
Email Notification
Business owner receiving email notification about a new review with AI-generated response preview.
Usage
Hero section alternative - emphasizes the email-first workflow. Great for A/B testing against the current animation.
Dimensions: 1536x1024
Phone Approval
One-tap approval action on mobile device, showing the simplicity of the workflow.
Usage
Hero section alternative - emphasizes mobile-first, "reply on the fly" experience.
Dimensions: 1536x1024
Dashboard Reviews
Overview of review management with AI suggestions and quick actions.
Usage
Hero section alternative - shows the comprehensive nature of the product.
Dimensions: 1536x1024
Industry-Specific Images
Targeted images for industry landing pages. Help visitors see themselves in the product.
Restaurant Industry
Restaurant owner managing reviews with happy diners in background. Warm, inviting atmosphere.
Usage
Industry-specific landing pages for restaurants, cafes, food service businesses.
Dimensions: 1536x1024
Dental Practice
Dental professional viewing positive patient reviews in a clean, clinical setting.
Usage
Industry-specific landing pages for dental offices, orthodontists, oral surgeons.
Dimensions: 1536x1024
Salon & Spa
Stylish salon owner checking reviews with beauty/spa aesthetic.
Usage
Industry-specific landing pages for hair salons, spas, beauty services.
Dimensions: 1536x1024
How It Works Steps
Visual representations of each step in the 4-step process. Can be used in the How It Works section or onboarding.
Step 1: Connect Google
OAuth connection flow with Google logo and business profile link.
Usage
How It Works section - visual for step 1. Can also be used in onboarding flow.
Dimensions: 1024x1024
Step 2: Get Notified
Email notification arriving with review details and AI-generated response.
Usage
How It Works section - visual for step 2. Emphasizes the email-first experience.
Dimensions: 1024x1024
Step 3: Tap to Approve
One-tap approval action with checkmark button.
Usage
How It Works section - visual for step 3. Shows simplicity of the workflow.
Dimensions: 1024x1024
Step 4: Live on Google
Response published on Google Business Profile with success indicators.
Usage
How It Works section - visual for step 4. Shows the end result.
Dimensions: 1024x1024
Utility & Empty States
Supporting images for error pages, CTAs, loading states, and empty dashboard states.
404 Error Page
Friendly robot searching with magnifying glass, 404 text in background.
Usage
Custom 404 error page. Makes lost visitors feel less frustrated.
Dimensions: 1536x1024
CTA / Sign Up Motivation
Celebrating business owner with positive reviews and success metrics.
Usage
Final CTA section on landing page, email campaigns, promotional materials.
Dimensions: 1536x1024
Empty State: No Reviews
Friendly illustration for when no reviews exist yet.
Usage
Dashboard empty state when user has no reviews to display.
Dimensions: 1024x1024
Empty State: No Business
Prompt to connect business with friendly connect invitation.
Usage
Dashboard empty state when user hasn't connected their Google Business yet.
Dimensions: 1024x1024
Loading State
AI assistant processing with loading indicators.
Usage
Loading states throughout the app, especially for AI response generation.
Dimensions: 1024x1024
Social & SEO Images
Optimized images for social sharing, meta tags, and brand representation.
Twitter/X Card
Social sharing card with brand name, tagline, and key visual.
Usage
Twitter/X meta tags (twitter:image). Shows when links are shared on Twitter/X.
Dimensions: 1536x1024
LinkedIn Card
Professional B2B-focused sharing card with time savings messaging.
Usage
LinkedIn sharing. Professional aesthetic for B2B audience.
Dimensions: 1536x1024
Pinterest Pin
Vertical infographic showing the 4-step process.
Usage
Pinterest marketing. Vertical format optimized for Pinterest's layout.
Dimensions: 1024x1536
App Icon
Simple, recognizable brand icon with reply bubble and checkmark.
Usage
Favicon, PWA icon, app store icon, social profile picture.
Dimensions: 1024x1024
Implementation Notes
- • Hero images: Located in
/public/hero/ - • All other images: Located in
/public/images/ - • OG Image: Already implemented at
/public/og-image.png - • Images are generated with gpt-image-1.5 for better text rendering and quality
- • All images use WebP format for optimal compression
- • Industry images and social cards include embedded text