iPhone Mockup Showcase

Platform-specific UI designs for different communication channels. Each mockup is designed to match the look and feel of its respective platform.

WhatsApp Style

Green bubbles, timestamps, authentic WhatsApp design

9:41
šŸ’¬
Customer Support
online

Hello! How can I assist you today?

10:30 AM

I need help with my order

10:31 AM

Of course! Could you please share your order number?

10:31 AM

#ORDER-7823

10:32 AM

Your order is out for delivery! Arriving today by 6 PM šŸ“¦āœØ

10:32 AM
😊
Type a message...
šŸŽ¤

AI Chatbot

Modern, clean interface for web chat widgets

9:41
šŸ¤–
Customer Assistant

Hi! I'm your AI assistant. How can I help you today?

What are your business hours?

We're available 24/7! Our AI assistant handles most queries instantly, and our human team is available Mon-Fri, 9 AM - 6 PM EST.

Can I schedule a demo?

Absolutely! I can help you book that right now. Would tomorrow at 2 PM work for you?

Type your message...

Voice Assistant

Phone call interface with voice AI features

9:41
šŸ“ž
Voice AI
Voice Assistant
Call connected

šŸŽ™ļø Hi! I'm your voice assistant. How can I help you today?

I'd like to check my account balance

šŸ“Š Your current balance is $1,248.50. Would you like me to email you a detailed statement?

Yes please

āœ… Statement sent to your registered email!

Recording...

Email Support

Professional email-style interface

9:41
āœ‰ļø
Email Assistant

Thank you for contacting our support team. How may we assist you?

I haven't received my refund yet

I apologize for the inconvenience. Let me check the status of your refund request. Please provide your order number.

Order #45892

Your refund of $89.99 was processed on May 20th. It should appear in your account within 5-7 business days.

Type your message...

Generic Chat

Versatile design for any messaging platform

9:41
šŸ’¬
Support Chat

Welcome! I'm here to help answer your questions.

What payment methods do you accept?

We accept all major credit cards, PayPal, Apple Pay, Google Pay, and bank transfers.

Great, thank you!

You're welcome! Is there anything else I can help you with?

Type your message...

Pricing Chat

Sales-focused conversation example

9:41
šŸ¤–
Sales Assistant

Hi! Looking to learn more about our pricing?

Yes, how much is your starter tier?

Our Starter plan is $19/month and includes: • Unlimited conversations • 3 knowledge documents • 1 active chatbot • Email support Would you like me to send you a signup link?

Yes please!

✨ Here's your personalized signup link: sentrup.com/signup?plan=starter You'll get a 14-day free trial!

Type your message...

Mockup Features

šŸ“±

Authentic iPhone Design

Realistic iPhone frame with Dynamic Island, status bar, and home indicator

šŸŽØ

Platform-Specific Styling

Each variant matches the authentic look of WhatsApp, voice calls, email, and more

⚔

Easy to Customize

Pass custom messages, titles, and choose from 5 different variants

How to Use

import IPhoneMockup from "../_components/IPhoneMockup";

<IPhoneMockup 
  variant="whatsapp" // or chatbot, voice, email, generic
  title="Customer Support"
  messages={[
    { type: 'bot', content: 'Hello!', time: '10:30 AM' },
    { type: 'user', content: 'Hi there', time: '10:31 AM' }
  ]}
/>