{"id":6669,"date":"2026-05-30T19:23:19","date_gmt":"2026-05-30T19:23:19","guid":{"rendered":"https:\/\/zlideshow.com\/staging-demo\/"},"modified":"2026-05-30T21:01:19","modified_gmt":"2026-05-30T21:01:19","slug":"staging-demo","status":"publish","type":"page","link":"https:\/\/zlideshow.com\/es\/staging-demo\/","title":{"rendered":"Zlideshow Staging Demo Library"},"content":{"rendered":"<style>\n:root {\n  --zl-purple: #35105f;\n  --zl-plum: #1e1535;\n  --zl-red: #e5332a;\n  --zl-gold: #ffb536;\n  --zl-teal: #20a39e;\n  --zl-ink: #181326;\n  --zl-muted: #5f5870;\n  --zl-paper: #fff9ec;\n  --zl-white: #ffffff;\n  --zl-line: rgba(31, 19, 53, .13);\n  --zl-shadow: 0 18px 44px rgba(31, 19, 53, .16);\n}\nhtml { scroll-behavior: smooth; }\nbody { margin: 0; background: var(--zl-paper); color: var(--zl-ink); }\n.zl-stage, .zl-stage * { box-sizing: border-box; }\n.zl-stage { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif; letter-spacing: 0; background: var(--zl-paper); color: var(--zl-ink); }\n.zl-stage a { color: inherit; text-decoration: none; }\n.zl-stage img, .zl-stage video { max-width: 100%; display: block; }\n.zl-shell { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }\n.zl-nav { position: sticky; top: 0; z-index: 50; background: rgba(255, 249, 236, .92); border-bottom: 1px solid var(--zl-line); backdrop-filter: blur(14px); }\n.zl-nav .zl-shell { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }\n.zl-logo { display: inline-flex; align-items: center; gap: 12px; min-width: 190px; }\n.zl-logo img { width: 192px; height: auto; }\n.zl-menu { display: flex; align-items: center; gap: 22px; color: #312449; font-size: 14px; font-weight: 800; }\n.zl-menu a { padding: 8px 0; border-bottom: 2px solid transparent; }\n.zl-menu a:hover { border-color: var(--zl-gold); }\n.zl-actions { display: flex; align-items: center; gap: 10px; }\n.zl-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 8px; border: 1px solid transparent; font-size: 14px; font-weight: 900; text-transform: uppercase; line-height: 1; cursor: pointer; }\n.zl-btn.primary { color: #fff; background: var(--zl-red); box-shadow: 0 12px 28px rgba(229, 51, 42, .24); }\n.zl-btn.primary:hover { background: #c92720; }\n.zl-btn.dark { color: #fff; background: var(--zl-purple); }\n.zl-btn.light { color: var(--zl-purple); background: #fff; border-color: var(--zl-line); }\n.zl-hero { position: relative; min-height: 86vh; color: #fff; overflow: hidden; background: #211233; display: flex; align-items: end; }\n.zl-hero video, .zl-hero .zl-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .54; filter: saturate(1.1) contrast(1.05); }\n.zl-hero::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(30, 21, 53, .92), rgba(53, 16, 95, .66) 48%, rgba(24, 19, 38, .28)); }\n.zl-hero-content { position: relative; z-index: 1; width: min(1160px, calc(100% - 40px)); margin: 0 auto; padding: 96px 0 78px; }\n.zl-kicker { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.12); border-radius: 999px; font-size: 13px; font-weight: 900; text-transform: uppercase; }\n.zl-hero h1 { max-width: 860px; margin: 22px 0 18px; font-size: 96px; line-height: .92; font-weight: 950; letter-spacing: 0; }\n.zl-hero p { max-width: 720px; margin: 0 0 28px; color: rgba(255,255,255,.9); font-size: 23px; line-height: 1.45; font-weight: 650; }\n.zl-hero-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 28px; }\n.zl-hero-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: rgba(255,255,255,.2); border-top: 1px solid rgba(255,255,255,.2); }\n.zl-hero-proof div { padding: 18px 20px; background: rgba(30,21,53,.86); }\n.zl-hero-proof strong { display: block; font-size: 22px; font-weight: 950; color: #fff; }\n.zl-hero-proof span { color: rgba(255,255,255,.75); font-size: 13px; font-weight: 800; text-transform: uppercase; }\n.zl-band { padding: 82px 0; background: var(--zl-paper); }\n.zl-band.white { background: #fff; }\n.zl-band.dark { background: var(--zl-plum); color: #fff; }\n.zl-section-head { display: flex; justify-content: space-between; gap: 28px; align-items: end; margin-bottom: 32px; }\n.zl-section-head h2 { margin: 0; font-size: 54px; line-height: .98; color: inherit; font-weight: 950; letter-spacing: 0; }\n.zl-section-head p { max-width: 520px; margin: 0; color: var(--zl-muted); font-size: 17px; line-height: 1.55; font-weight: 600; }\n.zl-band.dark .zl-section-head p { color: rgba(255,255,255,.72); }\n.zl-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }\n.zl-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }\n.zl-card { background: #fff; border: 1px solid var(--zl-line); border-radius: 8px; overflow: hidden; box-shadow: 0 10px 24px rgba(31,19,53,.06); }\n.zl-card.pad { padding: 24px; }\n.zl-card h3 { margin: 0 0 10px; font-size: 24px; line-height: 1.1; color: var(--zl-purple); font-weight: 950; }\n.zl-card p { margin: 0; color: var(--zl-muted); line-height: 1.55; font-weight: 600; }\n.zl-card-body { padding: 24px; background: #fff; }\n.zl-card-body h3 { margin: 0 0 10px; font-size: 24px; line-height: 1.1; color: var(--zl-purple); font-weight: 950; }\n.zl-card-body p { margin: 0; color: var(--zl-muted); line-height: 1.55; font-weight: 600; }\n.zl-card-media { aspect-ratio: 16 \/ 10; background: #efe5ff; overflow: hidden; }\n.zl-card-media img, .zl-card-media video { width: 100%; height: 100%; object-fit: cover; }\n.zl-step { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; min-height: 310px; }\n.zl-step img { width: 86px; height: 86px; object-fit: contain; flex: 0 0 auto; }\n.zl-step b { display: block; max-width: 100%; margin-bottom: 10px; color: var(--zl-purple); font-size: 25px; line-height: 1.12; font-weight: 950; }\n.zl-step p { max-width: 34rem; font-size: 16px; line-height: 1.62; }\n.zl-proof-strip { display: grid; grid-template-columns: 1.15fr .85fr; gap: 22px; align-items: stretch; }\n.zl-phone-wall { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }\n.zl-phone-wall.two-up { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.zl-phone-shot { background: #fff; border: 1px solid var(--zl-line); border-radius: 8px; padding: 12px; min-height: 230px; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 20px rgba(31,19,53,.08); }\n.zl-phone-shot img { width: 100%; max-height: 340px; object-fit: contain; }\n.zl-callout { background: var(--zl-purple); color: #fff; border-radius: 8px; padding: 34px; min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; box-shadow: var(--zl-shadow); }\n.zl-callout h3 { margin: 0; font-size: 44px; line-height: 1; color: #fff; font-weight: 950; }\n.zl-callout p { color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.55; }\n.zl-pill-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }\n.zl-pill { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border-radius: 999px; color: var(--zl-purple); background: #fff; border: 1px solid var(--zl-line); font-size: 13px; font-weight: 900; text-transform: uppercase; }\n.zl-band.dark .zl-pill { color: #fff; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); }\n.zl-price { display: flex; flex-direction: column; gap: 18px; height: 100%; }\n.zl-price strong { font-size: 42px; line-height: 1; color: var(--zl-red); font-weight: 950; }\n.zl-price ul, .zl-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 11px; color: var(--zl-muted); font-weight: 650; line-height: 1.35; }\n.zl-price li, .zl-list li { position: relative; padding-left: 24px; }\n.zl-price li::before, .zl-list li::before { content: \"\"; position: absolute; left: 0; top: .45em; width: 9px; height: 9px; background: var(--zl-teal); border-radius: 999px; }\n.zl-demo-tile { display: flex; min-height: 168px; flex-direction: column; justify-content: space-between; gap: 18px; color: #fff; padding: 24px; border-radius: 8px; background: linear-gradient(135deg, #35105f, #251b3d); border: 1px solid rgba(255,255,255,.15); }\n.zl-demo-tile:nth-child(2n) { background: linear-gradient(135deg, #1e1535, #153f49); }\n.zl-demo-tile h3 { color: #fff; margin: 0; }\n.zl-demo-tile p { color: rgba(255,255,255,.72); }\n.zl-demo-tile a { align-self: flex-start; color: #fff; border-bottom: 2px solid var(--zl-gold); font-weight: 950; text-transform: uppercase; font-size: 13px; }\n.zl-faq { display: grid; gap: 12px; }\n.zl-faq details { background: #fff; border: 1px solid var(--zl-line); border-radius: 8px; padding: 18px 20px; }\n.zl-faq summary { cursor: pointer; font-weight: 950; color: var(--zl-purple); }\n.zl-faq p { color: var(--zl-muted); line-height: 1.55; margin: 12px 0 0; }\n.zl-cta { background: var(--zl-red); color: #fff; padding: 62px 0; }\n.zl-cta .zl-shell { display: flex; align-items: center; justify-content: space-between; gap: 24px; }\n.zl-cta h2 { margin: 0; font-size: 52px; line-height: .98; color: #fff; font-weight: 950; }\n.zl-cta p { max-width: 520px; color: rgba(255,255,255,.82); font-weight: 700; line-height: 1.5; }\n.zl-footer { background: #120d1f; color: rgba(255,255,255,.72); padding: 36px 0; font-size: 14px; }\n.zl-footer .zl-shell { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }\n.zl-footer a { color: #fff; font-weight: 800; margin-left: 16px; }\n.zl-page-hero { background: var(--zl-plum); color: #fff; padding: 88px 0 70px; }\n.zl-page-hero h1 { max-width: 880px; margin: 14px 0 16px; font-size: 76px; line-height: .95; color: #fff; font-weight: 950; }\n.zl-page-hero p { max-width: 700px; color: rgba(255,255,255,.74); font-size: 20px; line-height: 1.5; font-weight: 650; }\n.zl-note { padding: 18px 20px; border-left: 5px solid var(--zl-gold); background: #fff; color: var(--zl-muted); font-weight: 650; line-height: 1.55; }\n@media (max-width: 960px) {\n  .zl-menu { display: none; }\n  .zl-section-head, .zl-proof-strip, .zl-grid-2, .zl-cta .zl-shell { grid-template-columns: 1fr; display: grid; align-items: start; }\n  .zl-grid-3 { grid-template-columns: 1fr; }\n  .zl-phone-wall { grid-template-columns: 1fr 1fr; }\n  .zl-hero-proof { grid-template-columns: 1fr; }\n  .zl-hero h1 { font-size: 64px; }\n  .zl-hero p { font-size: 20px; }\n  .zl-section-head h2, .zl-cta h2 { font-size: 42px; }\n  .zl-callout h3 { font-size: 38px; }\n  .zl-page-hero h1 { font-size: 56px; }\n}\n@media (max-width: 620px) {\n  .zl-shell, .zl-hero-content { width: min(100% - 28px, 1160px); }\n  .zl-nav .zl-shell { min-height: 64px; }\n  .zl-logo img { width: 154px; }\n  .zl-actions .zl-btn.light { display: none; }\n  .zl-hero { min-height: 82vh; }\n  .zl-hero-content { padding: 70px 0 48px; }\n  .zl-band { padding: 58px 0; }\n  .zl-phone-wall { grid-template-columns: 1fr; }\n  .zl-step { min-height: auto; }\n  .zl-step img { width: 56px; height: 56px; }\n  .zl-btn { width: 100%; }\n  .zl-hero-row { align-items: stretch; }\n  .zl-cta .zl-actions { width: 100%; display: grid; }\n  .zl-hero h1 { font-size: 44px; }\n  .zl-page-hero h1 { font-size: 42px; }\n  .zl-section-head h2, .zl-cta h2 { font-size: 34px; }\n  .zl-callout h3 { font-size: 32px; }\n}\n<\/style>\n<p><main class=\"zl-stage\"><\/p>\n<header class=\"zl-nav\">\n<div class=\"zl-shell\">\n    <a class=\"zl-logo\" href=\"\/es\/staging-2\/\" aria-label=\"Zlideshow staging home\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/zlideshow.com\/wp-content\/uploads\/2025\/09\/ZLogo-2-standard-v6-4000w-copy-scaled.png\" alt=\"Zlideshow\"><br \/>\n    <\/a><\/p>\n<nav class=\"zl-menu\" aria-label=\"Staging navigation\">\n      <a href=\"\/es\/staging-2\/#how\">C\u00f3mo funciona<\/a><br \/>\n      <a href=\"\/es\/staging-demo\/\" aria-current=\"page\">Demos<\/a><br \/>\n      <a href=\"\/es\/staging-packages\/\">Packages<\/a><br \/>\n      <a href=\"\/es\/staging-contact\/\">Contacto<\/a><br \/>\n    <\/nav>\n<div class=\"zl-actions\">\n      <a class=\"zl-btn light\" href=\"tel:9545070857\">Call<\/a><br \/>\n      <a class=\"zl-btn primary\" href=\"\/es\/staging-contact\/\">Book<\/a>\n    <\/div>\n<\/p><\/div>\n<\/header>\n<section class=\"zl-page-hero\">\n<div class=\"zl-shell\">\n      <span class=\"zl-kicker\">Demo library<\/span><\/p>\n<h1>Watch the idea before you book it.<\/h1>\n<p>These demos show the simple Zlideshow promise: event media collected, edited, shared by QR, and ready for guests on their own screens.<\/p>\n<\/p><\/div>\n<\/section>\n<section class=\"zl-band white\" id=\"weddings\">\n<div class=\"zl-shell\">\n<div class=\"zl-section-head\">\n<h2>Wedding demos.<\/h2>\n<p>Use these as the primary proof set for couples, planners, photographers, and venues.<\/p>\n<\/p><\/div>\n<div class=\"zl-grid-3\">\n<article class=\"zl-demo-tile\">\n<div>\n<h3>Wedding Demo 1<\/h3>\n<p>Classic wedding proof of the one-hour event media concept.<\/p>\n<\/div>\n<p><a href=\"https:\/\/app.zlideshow.com\/event\/A2504252x29LpdLIGaoo\" target=\"_blank\" rel=\"noopener\">Open demo<\/a><\/article>\n<article class=\"zl-demo-tile\">\n<div>\n<h3>Wedding Demo 2<\/h3>\n<p>Another couple-focused sample for comparing event styles.<\/p>\n<\/div>\n<p><a href=\"https:\/\/app.zlideshow.com\/event\/A050425bXow1Use1iN05\" target=\"_blank\" rel=\"noopener\">Open demo<\/a><\/article>\n<article class=\"zl-demo-tile\">\n<div>\n<h3>Vow Renewal<\/h3>\n<p>A milestone celebration with the same watch-and-share pattern.<\/p>\n<\/div>\n<p><a href=\"https:\/\/app.zlideshow.com\/event\/A092425QwCdDCQhKhIa4\" target=\"_blank\" rel=\"noopener\">Open demo<\/a><\/article>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"zl-band\" id=\"birthdays\">\n<div class=\"zl-shell\">\n<div class=\"zl-section-head\">\n<h2>Parties and events.<\/h2>\n<p>Keep the demo language broad enough for birthdays, expos, fundraisers, and one-off celebration ideas.<\/p>\n<\/p><\/div>\n<div class=\"zl-grid-3\">\n<article class=\"zl-demo-tile\">\n<div>\n<h3>Birthday Celebration<\/h3>\n<p>A fast, shareable event show for a milestone party.<\/p>\n<\/div>\n<p><a href=\"https:\/\/app.zlideshow.com\/event\/A0926251IitAzNl31PBi\" target=\"_blank\" rel=\"noopener\">Open demo<\/a><\/article>\n<article class=\"zl-demo-tile\">\n<div>\n<h3>Expo \/ Pet Event<\/h3>\n<p>Shows how Zlideshow can work beyond weddings and private parties.<\/p>\n<\/div>\n<p><a href=\"https:\/\/app.zlideshow.com\/event\/A090725KYM8nrtlbgEuKaZhhEC\" target=\"_blank\" rel=\"noopener\">Open demo<\/a><\/article>\n<article class=\"zl-demo-tile\">\n<div>\n<h3>Wedding MBA Hub<\/h3>\n<p>Episode-style event guide and conference proof.<\/p>\n<\/div>\n<p><a href=\"https:\/\/zlideshow.com\/es\/qr-code-hub\/\" target=\"_blank\" rel=\"noopener\">Open hub<\/a><\/article>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"zl-band white\">\n<div class=\"zl-shell\">\n<div class=\"zl-grid-2\">\n<div class=\"zl-card\">\n<div class=\"zl-card-media\"><img decoding=\"async\" src=\"https:\/\/zlideshow.com\/wp-content\/uploads\/2026\/04\/Charity-flyer.png\" alt=\"Charity Zlideshow flyer\"><\/div>\n<div class=\"zl-card-body\">\n<h3>Fundraiser angle<\/h3>\n<p>Sponsor messages, donor visibility, and event screens make Zlideshow especially useful for organizations and galas.<\/p>\n<\/div>\n<\/div>\n<div class=\"zl-card pad\">\n<h3>What to look for in every demo<\/h3>\n<ul class=\"zl-list\">\n<li>Can a guest understand it without downloading anything?<\/li>\n<li>Does the QR\/share workflow feel obvious?<\/li>\n<li>Do photos, clips, and messages make the event feel alive?<\/li>\n<li>Can a sponsor, family member, or planner see a reason to pay for it?<\/li>\n<\/ul>\n<\/div><\/div>\n<\/p><\/div>\n<\/section>\n<footer class=\"zl-footer\">\n<div class=\"zl-shell\">\n    <span>Zlideshow staging concept. Event photo and video clips ready in about one hour.<\/span><br \/>\n    <span><br \/>\n      <a href=\"tel:9545070857\">954.507.0857<\/a><br \/>\n      <a href=\"mailto:info@zlideshow.com\">info@zlideshow.com<\/a><br \/>\n    <\/span>\n  <\/div>\n<\/footer>\n<p><\/main><\/p>","protected":false},"excerpt":{"rendered":"<p>How it works Demos Packages Contact Call Book Demo library Watch the idea before you book it. These demos show the simple Zlideshow promise: event media collected, edited, shared by QR, and ready for guests on their own screens. Wedding demos. Use these as the primary proof set for couples, planners, photographers, and venues. Wedding [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6669","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zlideshow.com\/es\/wp-json\/wp\/v2\/pages\/6669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zlideshow.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zlideshow.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zlideshow.com\/es\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/zlideshow.com\/es\/wp-json\/wp\/v2\/comments?post=6669"}],"version-history":[{"count":3,"href":"https:\/\/zlideshow.com\/es\/wp-json\/wp\/v2\/pages\/6669\/revisions"}],"predecessor-version":[{"id":6692,"href":"https:\/\/zlideshow.com\/es\/wp-json\/wp\/v2\/pages\/6669\/revisions\/6692"}],"wp:attachment":[{"href":"https:\/\/zlideshow.com\/es\/wp-json\/wp\/v2\/media?parent=6669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}