🧱 Pega Web Components
This is the local development page. Each component below is a standard
<pega-*> custom element powered by React under the
hood.
Customer Journey
Back
Back to Start
change
Next
Previous
start over
5:53 PM
ZONE 2 is boarding in 25 minutes at Gate A10
1:19
6:23 AM
DELAYED
BOARD: 5:58 AM · GATE: A10 · ZONE: 2 · SEAT: D8
CHECK IN: AUGUST 6, 2026
Empire Lisbon Hotel is located near Lisbon's center and is just 10 minutes away from Avenida Alvaro Saloon.
4:33 AM
UPDATE RESERVATION
PEGA
Pega
powered by
U+ BANK
U
Hello Tina, it's your Travel Assistant. I see your flight has been cancelled. Would you like help rebooking your flight and updating your hotel reservations? I can also book you a hotel room for the night near the airport for convenience.
Today {time}
3:48
Delivered
···
Type a message
Chat with U+ Travel
That would be great, thank you!
Face ID
FINISH
Follow Harry's Journey
Follow Tina's Journey
2:07 AM
BOOK NEW FLIGHT
2:12 PM
2:52 AM
A10
YOUR LUGGAGE CAN BE RETRIEVED AT BAGGAGE CLAIM 8
CANCELED
3
ZONE 2 is boarding in 25 minutes — now at Gate A22
12:28 AM
12:43 PM
1:13 AM
A22
GATE CHANGE
TERMINAL MAP
2
PM
1:19
A DISCONNECTED JOURNEY
Dismiss insight
Flight Delayed: You're on Your Own
Hi Harry, don't forget to link your homeowner's-insurance documents to your online portal in just three easy steps. And while you're there, compare your current rate with our partner W+ Trust.
Wednesday, August 5
Next best action
What often happens
Step {current-step} of {total-steps}
See Pega's impact
Show insight
Backyard GC
B
CardOffers
C
HomeDeals
H
Sandy's
S
U+Bank
U+Travel
Kitchen Renovation
Landscaping
Step not found
Tina is packing for a trip to Portugal. She receives a text from U+ Travel reminding her that her flight departs from Logan Airport at {departure-time} {departure-period} – six hours from now. She finishes her packing and schedules her transportation to the airport.
Hi Tina, your flight from Boston, MA to Lisbon, Portugal departs at {departure-time} {departure-period}. Based on your location, travel time to the airport is higher than usual due to a traffic jam. Right now, travel time is approximately 1 hour and 40 minutes.
Tina's story without Pega
What would happen without Pega?
Earn 2% cash back — apply for the U+ Bank Rewards Card today!
Flight PA-1910 is canceled. Please contact customer service for assistance.
Check your flight status. Schedules can change. You'll find details on the departures board.
Without intelligent, real-time engagement, customers often receive generic, untimed communications, or worse, no communication at all, leaving them to manage critical details themselves. In Harry's case, he would have had to proactively find resources for setting up his online portal and could have missed his first payment.
Spring into savings! Home improvement deals near you.
Without proactive intervention, U+ Bank would have flagged Harry's account for missing documentation, leading to compliance issues, customer frustration, and added strain on operations staff.
Weekend sale! 15% off all cabinet hardware in store.
Rates are changing — see if you pre-qualify for a personal loan.
Spring planting sale — 20% off perennials this weekend!
Spring sale! Up to 40% off patio furniture this weekend only.
Without intelligent, real-time engagement, customers often receive generic, untimed communications, or worse, no communication at all. In Tina's case, she got to the airport much later than she wanted because she wasn't aware of the traffic jam.
Boston Map
now
{age} YEARS OLD
See how Pega's Next Best Action turns everyday moments into exceptional, perfectly-timed experiences.
Homeowner Harry
Start Harry's journey
Traveler Tina
Start Tina's journey
Choose Your Customer Journey
Coffee
☕
Gate A22 · 6 min walk
Dining
🍔
A1
A12
A14
A16
A18
A20
A22
A3
A5
A8
B4
Lounge
🍷
Restrooms
🚻
Shops
🛍️
Terminal A
You are here
BOARDS
TRAVEL
CHECK IN DATE
August 6, 2026
6h 20m
FLIGHT INFORMATION
FLIGHT 1910
GATE
HELP
AUGUST 7, 2026
Empire Lisbon Hotel is located near Lisbon's center and is just 10 minutes away from Alameda Metro Station.
HOTEL INFORMATION
Arroios, Lisbon
EMPIRE HOTEL LISBON
LOGAN AIRPORT
PEGA AIRLINES
SEAT
33B
Upcoming trip to Lisbon
ZONE
1m ago
W
72° and sunny in San Diego today. No alerts.
now
Weather
Homeowner Harry
Homeowner Harry
Landscape Architect
SAN DIEGO, CA
U+ BANK
U+ BANK
FIRST TIME HOMEOWNER
Traveler Tina
Traveler Tina
Corporate Lawyer
BOSTON, MA
U+ TRAVEL
U+ TRAVEL
LOVES TO TRAVEL
Packing for Portugal
Tina is packing for a trip to Portugal. She receives a text from U+ Travel reminding her that her flight departs from Logan Airport at 7:57 PM – six hours from now. She finishes her packing and schedules her transportation to the airport.
Hi Tina, your flight from Boston, MA to Lisbon, Portugal departs at 7:57 PM. Based on your location, travel time to the airport is higher than usual due to a traffic jam. Right now, travel time is approximately 1 hour and 40 minutes.
1:57 PM
NEXT BEST ACTION
U+ Travel anticipates Tina's needs and delivers exactly what's most helpful, exactly when she needs it, in the channel she's most likely to see it on.
Approaching the Airport
As Tina approaches Logan Airport, U+ Travel detects she has entered the airport zone and sends her boarding pass and gate information.
Safe travels to Portugal, Tina! Your boarding pass is ready in the app. Pro tip: Your gate is B13, and our partner shows lower-than-usual wait times with your U+ Travel account.
9:48 PM
Luggage Decision
Tina arrives at the airport to start her journey. Should she check her luggage or bring it as a carry on item?
Check luggage
Drop the bag and travel light through the terminal.
Bring as carry on
Keep it with her and skip baggage claim in Lisbon.
Luggage Processed
Tina decides to check her bag and receives a text from U+ Travel that her bags have been processed and are being loaded onto her airplane. After grabbing a snack, she heads to the security line.
Tina is left just hoping her bag made it. There's no real-time tracking, no confirmation of its location, and no proactive alerts if something goes wrong. She'll only know for sure at baggage claim.
Your luggage has been processed for flight PA-1810 to Lisbon, Portugal.
3:42 PM
NEXT BEST ACTION
U+ Travel gives Tina peace of mind with reassuring, real-time updates about her checked bags.
Flight Alert
After getting through security, Tina receives an alert from U+ Travel alerting her to a change in her flight details. What does the alert say?
Flight delayed
Her departure is pushed back a few hours.
Gate change
Her flight moves to a gate across the terminal.
Flight cancelled
The flight is grounded — she needs a new plan.
Carry On Selected
Tina decides to bring her luggage as a carry-on item. U+ Travel confirms her selection and ensures she's all set for her journey.
Carry-on selected for flight PA-1810 to Lisbon, Portugal. You're all set!
3:45 PM
Flight Delayed
Uh oh! Tina's flight to Portugal has been delayed by 3 hours due to air traffic control restrictions. This disrupts her dinner reservations and hotel check-in time in Lisbon. U+ Travel can help minimize the impact of this delay.
Tina would have spent hours making individual calls to restaurants and hotels, managing rebookings herself while U+ Travel would have missed opportunities to demonstrate proactive service value.
Flight PA-1810 has been delayed. Your new scheduled flight time is 9:47 PM. We will continue to update you with any new pertinent information and boarding times. Open the app to get $20 towards dinner on us!
6:24 PM
Flight delayed
NEXT BEST ACTION
U+ Travel proactively manages Tina's delay by automatically rebooking dinner reservations, notifying her Lisbon hotel, and offering airport meal vouchers, transforming disruption into seamless customer care.
Recovery in Progress
Tina can relax and get a bite to eat with her gift card all while knowing she has the most up to date information. She continues to get push notifications from U+ Travel and can check her boarding times in the app.
Flight delayed
Gate Change
Just as Tina settles in at her gate, she receives an alert that her flight has moved to Gate A22 on the opposite side of the terminal. With only 45 minutes until boarding, she needs to navigate quickly through the busy airport.
Tina would have rushed through the terminal without guidance, potentially missing her flight. U+ Travel would have missed a key moment to demonstrate proactive service and strengthen Tina's trust in the brand.
The departing gate for Flight PA-1810 is now A22. Open the U+ Travel app to view the Terminal A map.
4:07 AM
Gate change
NEXT BEST ACTION
U+ Travel instantly gives Tina the best route and walking-time estimates so she can reach her new gate comfortably and confidently.
Terminal Map View
Tina opens her U+ Travel app to view the terminal map, allowing her to quickly navigate to her new gate.
The departing gate for Flight PA-1810 is now A22. Open the U+ Travel app to view the Terminal A map.
4:07 AM
Gate change
Arrived at New Gate
Tina arrives at her new gate with time to spare, thanks to U+ Travel's intelligent routing assistance. She's confident in her travel experience and appreciates how U+ Travel anticipates her needs throughout the journey.
Gate change
Boarding Notification
Tina gets a notification that her flight is boarding soon. She opens the U+ Travel app to look at her zone's boarding time.
Flight PA-1810 is boarding in 25 minutes. Open the U+ Travel app to view Zone 2 boarding information.
5:24 AM
Flight delayed
Flight Cancelled
Looks like Tina's flight was cancelled! There seems to be bad weather moving in and all flights for the night are grounded. There are lots of logistics that need to be coordinated due to the change in schedule. U+ Travel can help her!
Tina would have received a generic text alerting her to the cancellation without real assistance. She would have been left scrambling, making separate calls to rebooking departments and hotel accommodations, enduring frustrating waits and re-explaining her situation to multiple agents.
Flight PA-1910 has been cancelled. We can help you with booking a new flight, updating your airport pickup, and updating your hotel accommodations at your destination. Open the U+ Travel app to make these updates.
1:04 AM
Flight cancelled
NEXT BEST ACTION
U+ Travel immediately steps in with a comprehensive, personalized solution — rebooking options, automated hotel updates, and airport-pickup coordination, all managed conveniently within the U+ app.
Flight Cancelled - Chat
Tina opens the U+ Travel app to see her cancelled flight information and begins chatting with the Travel Assistant to rebook her flight and update her accommodations.
Flight PA-1810 has been cancelled. We can help you with booking a new flight, updating your airport pickup, and updating your hotel accommodations at your destination. Open the U+ Travel app to make these updates.
7:53 PM
Flight cancelled
NEXT BEST ACTION
U+ Travel immediately steps in with a comprehensive, personalized solution — rebooking options, automated hotel updates, and airport-pickup coordination, all managed conveniently within the U+ app.
Rebooked and Ready
After coordinating with U+ Travel, Tina has rebooked a flight for tomorrow, updated her hotel accommodations in Lisbon, and even booked a room at the airport hotel for the night! She is ready for her vacation.
Flight cancelled
Journey Complete
Tina pays her bill and makes her way to Gate A10 to board her flight. Thanks to U+ Travel's proactive coordination, Tina's delay became manageable. Her dinner reservation is confirmed for later, her hotel expects her arrival time, and she's enjoyed a complimentary airport meal while staying connected with the U+ Travel app.
Flight delayed
First Home Closing
Harry just closed on his first home, a charming, slightly fixer-upper ranch. He's excited but also a little overwhelmed by the responsibilities that come with homeownership. Harry's mortgage closing is confirmed in U+ Bank's system.
Welcome and Setup
Hours later, Harry gets a personalized welcome email and an in-app notification from U+ Bank to help him set up his online portal as well as helpful information for first time homebuyers.
Welcome Harry! Here's a quick guide about setting up your online portal, understanding your first payment, and a helpful checklist for first time homebuyers.
Hi Harry, you have a new notification in the app. Tap to view now.
9:23 PM
NEXT BEST ACTION
U+ Bank anticipates Harry's needs and delivers exactly what's most helpful, exactly when he needs it, in the channel he's most likely to see it on.
Home Life Begins
Harry settles into his new home, unpacking boxes and arranging furniture room by room.
Moving in
Home Improvements
Over the following weeks, he tackles a list of small fixes and fresh coats of paint.
Making repairs
Yard Work
As the season turns, Harry starts shaping the yard with new plantings and weekend projects.
Landscaping
Insurance Reminder
After two months, Harry still hasn't linked his homeowner's insurance to his U+ Bank profile. U+ Bank sends Harry an email and app notification to upload documents and check out exclusive rates.
Insurance
NEXT BEST ACTION
U+ Bank proactively engages Harry before issues arise, prompting him to link his insurance documents and highlighting a potentially better partner offer.
Insurance Linked
Harry logs into the U+ Bank online portal to link his homeowner's insurance and check out U+ Trust's competitive rates.
Insurance
NEXT BEST ACTION
U+ Bank connects Harry with the right partner at the right time, helping him secure better insurance rates and complete his financial setup with confidence.
Home Improvements
Harry secures homeowner's insurance with excellent rates. He continues making small improvements around his new home.
Home Upgrade Decision
With his insurance squared away, Harry gets back to life in his new home and decides that it's time for a larger upgrade. Should Harry renovate his kitchen or landscape his backyard?
Kitchen renovation
A full refresh of the heart of the home.
Backyard landscaping
Transform the yard into an outdoor retreat.
Kitchen Renovation
Harry decides to renovate his kitchen. After many trips to Sandy's Home Improvement, U+ Bank notices his increased spending. They reach out to Harry with a line of credit offer and a suggestion to open a credit card that will get him points.
Harry would have struggled to finance his kitchen renovation efficiently, potentially delaying the project while U+ Bank missed valuable opportunities to deepen the customer relationship and increase Customer Lifetime Value.
Hi Harry, we noticed you have increased your spending at Sandy's. We have a few offers that may interest you, including a specialized credit card offer to maximize points and a line of credit if you are doing some home renovations.
11:21 PM
NEXT BEST ACTION
U+ Bank supports Harry's renovation goals by recommending strategic financing solutions, enabling him to complete his kitchen project while building long-term customer loyalty through personalized guidance.
Kitchen Complete
Because Harry opened a line of credit and earned points on his new credit card, he can consider another big project sooner than he ever thought possible.
HELOC Offer
Harry has been in his home for a full year, and with the help of U+ Bank, all of his mortgage payments have been on time and his financial profile is in great shape. Recognizing his reliability and growing equity, U+ Bank sends Harry a personalized offer for a Home Equity Line of Credit.
U+ Bank would have missed a major cross-sell opportunity while Harry would have had to abandon or postpone other financial plans.
Hi Harry, congratulations on your first year as a homeowner! We would like to offer you a Home Equity Line of Credit. Open the app to learn more.
11:21 PM
NEXT BEST ACTION
U+ Bank strengthens customer loyalty and drives product adoption by recognizing Harry's financial milestones. Harry is empowered to tackle even bigger goals with confidence.
Homeowner Harry
Harry has opened a Home Equity Line of Credit with U+ Bank. Now, Harry can take on even bigger projects with confidence, knowing he has the financial support to match his ambitions.
Backyard Landscaping
Harry decides to landscape his backyard. After many trips to Sandy's Home Improvement and Backyard Garden Center, U+ Bank notices his increased spending. They reach out to Harry with a line of credit offer and a suggestion to open a credit card that will get him points.
Harry would have struggled to finance his renovation efficiently, potentially delaying projects while U+ Bank missed valuable opportunities to deepen the customer relationship.
Hi Harry, we noticed you have increased your spending at Sandy's and Backyard Garden Center. We have a few offers that may interest you, including a specialized credit card offer to maximize points and a line of credit if you are doing some landscaping projects.
11:21 PM
NEXT BEST ACTION
U+ Bank supports Harry's goals by recommending strategic credit solutions, enabling him to complete his landscaping project while building long-term customer loyalty through personalized guidance.
Landscaping Complete
Because Harry opened a line of credit and earned points on his new credit card, he can consider another big project sooner than he ever thought possible.
HELOC Offer
Harry has been in his home for a full year, and with the help of U+ Bank, all of his mortgage payments have been on time and his financial profile is in great shape. Recognizing his reliability and growing equity, U+ Bank sends Harry a personalized offer for a Home Equity Line of Credit.
U+ Bank would have missed a major cross-sell opportunity while Harry would have had to abandon or postpone other financial plans.
Hi Harry, congratulations on your first year as a homeowner! We would like to offer you a Home Equity Line of Credit. Open the app to learn more.
11:21 PM
NEXT BEST ACTION
U+ Bank strengthens customer loyalty and drives product adoption by recognizing Harry's financial milestones. Harry is empowered to tackle even bigger goals with confidence.
Homeowner Harry
Harry has opened a Home Equity Line of Credit with U+ Bank. Now, Harry can take on even bigger projects with confidence, knowing he has the financial support to match his ambitions.
Horizontal accordion
What’s new in Pega Infinity 26
Four paths to scaling AI. One governed foundation. Every capability below runs on the same orchestration layer, ensuring your next moves are predictable, enterprise-ready, and built to extend what you've already started.
Build with AI
Reimagine how you build for the future
Build with confidence, governance, and enterprise scale. Infinity Studio's AI assistant – powered by coding agents like Copilot, Claude, and Codex – delivers AI speed alongside real-time regulatory research and best practices. Infinity Build MCP adds 50+ agent skills so developers can build, test, and evolve enterprise-ready apps in the environment they already work in.
Agentic operations
Run agentic operations predictably
Scale AI automation without risk. New MCP and agent connectors enable enterprises to seamlessly orchestrate agents and humans together, scale predictably, and move your enterprise confidently forward – while ensuring mission-critical processes follow rules, regulations, and standards 100% of the time.
Automate service
Respond to any customer, anywhere
Every customer deserves a response that actually works – not just one that arrives. Infinity Run MCP makes any service, product, and process available in any customer-facing agentic experience, with reliability and repeatability built in, so every interaction completes real work and delivers trusted outcomes.
Elevate marketing
Redefine what marketing can do
The best marketers are strategists, not coordinators. From brief to launch, Customer Engagement Studio puts a primary AI assistant at the center of your marketing operations, orchestrating specialized agents, tools, and governed workflows across channels and systems. Agents handle coordination. Compliance stays intact. Marketers steer the ship.
Hero Carousel (Variant A) (slotted children)
Hero Carousel (Variant B) (centered layout)
Customer Logos (slotted children)