PageSourceSearch

https://www.showthem.com/lessons/product-mockup

html showthem.com collected 2026-10-04 20:36:30 UTC 45,107 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html data-dpl-id="dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" lang="en" class="inter_7b064e0d-module__MOT0tq__variable caveat_7d5d3c0f-module__vUEWCW__variable h-full antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/0r5d1urb8rr~u.css?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0hz5yv1eeq9o6.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc"/>
1<script src="/_next/static/chunks/0pqt~8bl3ukh4.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" async=""></script>
1<script src="/_next/static/chunks/0ic9t9c8wfwpu.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" async=""></script>
1<script src="/_next/static/chunks/0m_p1bxtorv5i.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" async=""></script>
1<script src="/_next/static/chunks/turbopack-0dsthpha4a~ls.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" async=""></script>
1<script src="/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" async=""></script>
1<script src="/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" async=""></script>
1<script src="/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" async=""></script>
1<script src="/_next/static/chunks/0ognjkp2e85j6.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" async=""></script>
1<script src="/_next/static/chunks/0e.9mncgd-o96.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" async=""></script>
1<script src="/_next/static/chunks/17f9-r~~puti-.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" async=""></script>
1<link rel="preload" href="https://plausible.io/js/script.js" as="script"/><link rel="preload" href="https://cdn.rightclicklogo.com/v1/rcl.js" as="script"/><meta name="next-size-adjust" content=""/><title>Show Them with a product mockup | Show Them</title><meta name="description" content="By showing your potential customer how the product looks in action, you increase excitement and bring them one step closer to imagining how they could experience it—once they commit."/><meta name="application-name" content="Show Them"/><link rel="author" href="https://robhope.com"/><meta name="author" content="Rob Hope"/><meta name="keywords" content="landing page course,landing page conversion,landing page optimization,conversion rate optimization,Rob Hope,One Page Love,Show Them"/><meta name="creator" content="Rob Hope"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://www.showthem.com/lessons/product-mockup"/><meta property="og:title" content="Show Them with a product mockup | Show Them"/><meta property="og:description" content="By showing your potential customer how the product looks in action, you increase excitement and bring them one step closer to imagining how they could experience it—once they commit."/><meta property="og:url" content="https://www.showthem.com/lessons/product-mockup"/><meta property="og:image" content="https://cdn.prod.website-files.com/66c85501aab624426cd7b2b1/674c5f074019a380799cf7f8_thumb-darker.jpg"/><meta property="og:type" content="video.other"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Show Them with a product mockup | Show Them"/><meta name="twitter:description" content="By showing your potential customer how the product looks in action, you increase excitement and bring them one step closer to imagining how they could experience it—once they commit."/><meta name="twitter:image" content="https://cdn.prod.website-files.com/66c85501aab624426cd7b2b1/674c5f074019a380799cf7f8_thumb-darker.jpg"/><link rel="shortcut icon" href="/favicon.png" type="image/png"/><link rel="icon" href="/favicon.png" sizes="32x32" type="image/png"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="256x256" type="image/png"/>
1<script src="/_next/static/chunks/03~yq9q893hmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" noModule=""></script>
1</head><body class="min-h-full flex flex-col bg-background text-foreground"><div hidden=""><!--$--><!--/$--></div><a href="#main-content" class="skip-to-content">Skip to content</a><header class="sticky top-0 left-0 right-0 z-40 w-full border-b border-border bg-background/90 backdrop-blur-sm transition-transform duration-300 translate-y-0"><div class="mx-auto flex h-16 max-w-6xl items-center justify-between px-5 sm:px-6"><a data-rcl-logo="true" class="font-script text-3xl leading-none text-accent" href="/">ShowThem</a><nav class="hidden md:flex items-center gap-8 text-sm text-foreground/80"><a class="hover:text-foreground-strong transition-colors" href="/#chapters">Chapters</a><a class="hover:text-foreground-strong transition-colors" href="/#instructor">Instructor</a><a class="hover:text-foreground-strong transition-colors" href="/#faqs">FAQs</a></nav><div class="flex items-center gap-4"><a class="inline-flex items-center bg-accent px-4 py-2 text-sm text-accent-foreground hover:opacity-90 transition-opacity" href="/login">Login</a></div></div></header><main id="main-content" class="flex-1 flex flex-col relative"><article class="lesson-page-wrap mx-auto w-[88%] max-w-[960px] py-10 sm:py-14">
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"VideoObject","name":"Show Them with a product mockup","description":"Show Them with a product mockup — Show Them by Rob Hope","thumbnailUrl":["https://uploads.eu1.boldvideo.io/uploads/bt_showthem/thumbnails/4ff35cb8-f8ef-4361-a662-5d7e1518d951.jpg"],"uploadDate":"2024-12-04T23:27:00","duration":"PT3M41S","contentUrl":"https://www.showthem.com/lessons/product-mockup","embedUrl":"https://www.showthem.com/lessons/product-mockup","publisher":{"@type":"Organization","@id":"https://www.showthem.com/#organization","name":"Show Them","url":"https://www.showthem.com","logo":"https://www.showthem.com/apple-touch-icon.png","sameAs":["https://onepagelove.com","https://robhope.com"]},"isPartOf":{"@id":"https://www.showthem.com/#course"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Show Them","item":"https://www.showthem.com"},{"@type":"ListItem","position":2,"name":"Show Them with a product mockup","item":"https://www.showthem.com/lessons/product-mockup"}]}]}</script>
1<div class="mb-7 flex flex-col gap-5 border-b border-border pb-5 md:flex-row md:items-center md:justify-between"><a class="inline-flex items-center gap-1.5 text-sm text-muted transition-colors hover:text-foreground-strong" href="/dashboard"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left size-4" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg>Course dashboard</a><div class="flex flex-wrap items-center gap-x-5 gap-y-2 text-sm text-foreground/75"><span>Chapter 18 of 22</span><a href="#resources">Resource Links</a></div></div><section id="lesson" class="lesson-section"><div class="lesson-lock" style="--lesson-lock-image:url(&quot;https://uploads.eu1.boldvideo.io/uploads/bt_showthem/thumbnails/4ff35cb8-f8ef-4361-a662-5d7e1518d951.jpg&quot;)"><a href="/login" class="inline-flex items-center justify-center bg-accent px-6 py-3 text-sm font-medium text-accent-foreground transition-opacity hover:opacity-90">Login to watch</a><p class="mt-6 text-sm text-foreground/80">Need help?<!-- --> <a class="text-foreground-strong underline underline-offset-2" href="mailto:[email protected]?subject=Show%20Them%20%7C%20Help%20needed">Email [email protected]</a></p></div><div class="mt-8 flex flex-col gap-6 md:flex-row md:items-start md:justify-between"><header class="max-w-3xl"><p class="eyebrow mb-3">Chapter 18 of 22</p><h1 class="text-4xl font-semibold tracking-tight text-foreground-strong sm:text-5xl">Show Them with a product mockup</h1><p class="mt-5 max-w-2xl text-base leading-relaxed text-foreground/85">By showing your potential customer how the product looks in action, you increase excitement and bring them one step closer to imagining how they could experience it—once they commit.</p></header></div><nav class="video-footer-nav"><a class="video-prev-next-link is-prev" href="/lessons/looping"><span class="video-prev-next-label">Prev</span><span class="video-prev-next-value">Show Them with a looping product demo - No reading required</span></a><a class="video-prev-next-link is-next" href="/lessons/explainer-videos"><span class="video-prev-next-value">Show Them with an explainer video - Hype vids, autoplay demos and walkthroughs</span><span class="video-prev-next-label">Next</span></a></nav></section><section id="resources" class="lesson-section scroll-mt-24"><div class="max-w-3xl"><p class="eyebrow mb-4">Useful</p><h2 class="lesson-section-title">Resources</h2><p class="mt-4 text-sm leading-relaxed text-foreground/80">Links to external resources to help you dive deeper, find assets, or hire help to level up your landing page.</p></div><div class="mt-10 grid gap-px overflow-hidden rounded-xl border border-border bg-border sm:grid-cols-2"><a href="https://design.facebook.com/toolsandresources/devices/" target="_blank" rel="noreferrer" class="group min-h-36 bg-background p-6 transition-colors hover:bg-surface"><span class="mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent">Open <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span><h3 class="text-lg font-semibold text-foreground-strong">Devices from Meta Design</h3><p class="mt-2 text-sm leading-relaxed text-foreground/75">Monster collection of hi-res mixed devices to use for your screenshots. Unbelievable this is free.</p></a><a href="https://shotsnapp.com/" target="_blank" rel="noreferrer" class="group min-h-36 bg-background p-6 transition-colors hover:bg-surface"><span class="mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent">Open <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span>
1<h3 class="text-lg font-semibold text-foreground-strong">Shotsnapp</h3><p class="mt-2 text-sm leading-relaxed text-foreground/75">Online webapp to wrap devices around your screenshots.</p></a><a href="https://www.brandbird.app/tools/iphone-16-mockup-generator" target="_blank" rel="noreferrer" class="group min-h-36 bg-background p-6 transition-colors hover:bg-surface"><span class="mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent">Open <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span><h3 class="text-lg font-semibold text-foreground-strong">iPhone mockup generator</h3><p class="mt-2 text-sm leading-relaxed text-foreground/75">Free online tool by BrandBird with no watermarks and transparent PNG exports.</p></a><a href="https://creativemarket.com/" target="_blank" rel="noreferrer" class="group min-h-36 bg-background p-6 transition-colors hover:bg-surface"><span class="mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent">Open <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span><h3 class="text-lg font-semibold text-foreground-strong">Creative Market</h3><p class="mt-2 text-sm leading-relaxed text-foreground/75">Extensive resource to find design assets and mockups. I&#x27;ve used their marketplace to find typefaces, vectors, scene mockups, devices and more.</p></a><a href="https://supply.family/" target="_blank" rel="noreferrer" class="group min-h-36 bg-background p-6 transition-colors hover:bg-surface"><span class="mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent">Open <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span><h3 class="text-lg font-semibold text-foreground-strong">Supply Family</h3><p class="mt-2 text-sm leading-relaxed text-foreground/75">The highest quality device mock-ups online. Includes laptops, phones, tablets, TV screens. Prices are premium, which is a good thing as your purchase won’t be overly used elsewhere.</p></a><a href="https://onepagelove.com/tag/devices" target="_blank" rel="noreferrer" class="group min-h-36 bg-background p-6 transition-colors hover:bg-surface"><span class="mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent">Open <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span><h3 class="text-lg font-semibold text-foreground-strong">Device Mockup Inspo</h3><p class="mt-2 text-sm leading-relaxed text-foreground/75">A collection of 250+ Landing Pages I’ve curated featuring device mock-ups.</p></a><a href="https://www.ls.graphics/devices-mockups" target="_blank" rel="noreferrer" class="group min-h-36 bg-background p-6 transition-colors hover:bg-surface"><span class="mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent">Open <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right size-3" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span>
1<h3 class="text-lg font-semibold text-foreground-strong">Lstore Graphics Mockups</h3><p class="mt-2 text-sm leading-relaxed text-foreground/75">Quality device mock-up resource that includes presentation kits and even animated mock-ups.</p></a></div></section></article><!--$--><!--/$--></main><footer class="mt-16 border-t border-border bg-surface/50"><div class="mx-auto max-w-6xl px-4 sm:px-6 py-12"><div class="flex flex-col md:flex-row items-center justify-between gap-4 text-xs text-muted"><p class="order-2 md:order-1">© 2026 All Rights Reserved.</p><p class="order-1 md:order-2 font-script text-4xl sm:text-5xl text-accent leading-none">ShowThem</p><p class="order-3">Powered by<!-- --> <a class="text-foreground/70 hover:text-foreground-strong transition-colors" href="https://boldvideo.com">Bold Video</a>.</p></div></div></footer><!--$--><button type="button" class="bold-chat-trigger" aria-label="Open course chat"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle size-4" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>Ask</span></button><!--/$-->
1<script>window.RightClickLogo = {"version":1,"brand":{"name":"Show Them","url":"https://www.showthem.com"},"logo":{"selector":"[data-rcl-logo]","scope":"first"},"theme":"auto","triggers":["contextmenu","longpress"],"items":[{"type":"copy-svg","label":"Copy logo (SVG)","src":"/assets/show-them-logo.svg"},{"type":"download","label":"Download logo (SVG)","src":"/assets/show-them-logo.svg"},{"type":"download","label":"Download logo (PNG)","src":"/assets/show-them-logo.png"},{"type":"download","label":"Download Rob scene (JPG)","src":"/assets/show-them-rob.jpg"},{"type":"separator"},{"type":"palette","label":"Brand palette","colors":[{"label":"Magenta","value":"#ec50a2"},{"label":"Warm Dark","value":"#2a2427"},{"label":"Warm Grey","value":"#cdc0c6"},{"label":"Cream","value":"#f5edef"}]},{"type":"separator"},{"type":"link","label":"RightClickLogo.com","href":"https://rightclicklogo.com","external":true}]};</script>
1<script src="/_next/static/chunks/0hz5yv1eeq9o6.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[39756,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"default\"]\n6:I[97367,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\na:I[97367,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"ViewportBoundary\"]\nc:I[97367,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"MetadataBoundary\"]\ne:I[68027,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"default\",1]\n10:I[38745,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"OutsetaProvider\"]\n11:I[93963,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"Header\"]\n12:I[58298,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0ognjkp2e85j6.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"default\"]\n13:I[22016,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0e.9mncgd-o96.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/17f9-r~~puti-.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"\"]\n14:I[24985,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"BoldLibraryChat\"]\n15:I[44109,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"AnalyticsEvents\"]\n16:I[79520,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"\"]\n17:I[27201,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/0r5d1urb8rr~u.css?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"style\"]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"font\",{\"crossOrigin\":\"\",\"t"])</script>
1<script>self.__next_f.push([1,"ype\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a85fe84266768609-s.p.05b418i5bs~lg.woff2?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"lessons\",\"product-mockup\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"lessons\",{\"children\":[[\"slug\",\"product-mockup\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0r5d1urb8rr~u.css?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0e.9mncgd-o96.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/17f9-r~~puti-.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,null]},null,false,\"$@9\"]},null,false,\"$@9\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0r5d1urb8rr~u.css?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"f:[]\n9:\"$Wf\"\n"])</script>
1<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"inter_7b064e0d-module__MOT0tq__variable caveat_7d5d3c0f-module__vUEWCW__variable h-full antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col bg-background text-foreground\",\"children\":[[\"$\",\"a\",null,{\"href\":\"#main-content\",\"className\":\"skip-to-content\",\"children\":\"Skip to content\"}],[\"$\",\"$L10\",null,{\"domain\":\"showthem.outseta.com\",\"initialUser\":null,\"children\":[[\"$\",\"$L11\",null,{}],[\"$\",\"main\",null,{\"id\":\"main-content\",\"className\":\"flex-1 flex flex-col relative\",\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$12\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0ognjkp2e85j6.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"async\":true}]],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex-1 flex items-center justify-center px-4 py-24 text-center\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm text-muted mb-2\",\"children\":\"404 — Excuse the pun but…\"}],[\"$\",\"h1\",null,{\"className\":\"text-5xl sm:text-6xl font-semibold tracking-tight text-foreground-strong\",\"children\":\"there’s nothing to see here.\"}],[\"$\",\"p\",null,{\"className\":\"mt-6 text-foreground\",\"children\":[\"Head over to the\",\" \",[\"$\",\"$L13\",null,{\"href\":\"/\",\"className\":\"underline underline-offset-4 text-foreground-strong hover:text-accent\",\"children\":\"Show Them home page\"}],\" \",\"or email me (\",\"[email protected]\",\") if you need help :)\"]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"footer\",null,{\"className\":\"mt-16 border-t border-border bg-surface/50\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl px-4 sm:px-6 py-12\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row items-center justify-between gap-4 text-xs text-muted\",\"children\":[[\"$\",\"p\",null,{\"className\":\"order-2 md:order-1\",\"children\":\"© 2026 All Rights Reserved.\"}],[\"$\",\"p\",null,{\"className\":\"order-1 md:order-2 font-script text-4xl sm:text-5xl text-accent leading-none\",\"children\":\"ShowThem\"}],[\"$\",\"p\",null,{\"className\":\"order-3\",\"children\":[\"Powered by\",\" \",[\"$\",\"$L13\",null,{\"href\":\"https://boldvideo.com\",\"className\":\"text-foreground/70 hover:text-foreground-strong transition-colors\",\"children\":\"Bold Video\"}],\".\"]}]]}]}]}],[\"$\",\"$7\",null,{\"fallback\":null,\"children\":[\"$\",\"$L14\",null,{}]}]]}],[\"$\",\"$L15\",null,{}],[\"$\",\"$L16\",null,{\"defer\":true,\"data-domain\":\"showthem.com\",\"src\":\"https://plausible.io/js/script.js\",\"strategy\":\"afterInteractive\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"window.RightClickLogo = {\\\"version\\\":1,\\\"brand\\\":{\\\"name\\\":\\\"Show Them\\\",\\\"url\\\":\\\"https://www.showthem.com\\\"},\\\"logo\\\":{\\\"selector\\\":\\\"[data-rcl-logo]\\\",\\\"scope\\\":\\\"first\\\"},\\\"theme\\\":\\\"auto\\\",\\\"triggers\\\":[\\\"contextmenu\\\",\\\"longpress\\\"],\\\"items\\\":[{\\\"type\\\":\\\"copy-svg\\\",\\\"label\\\":\\\"Copy logo (SVG)\\\",\\\"src\\\":\\\"/assets/show-them-logo.svg\\\"},{\\\"type\\\":\\\"download\\\",\\\"label\\\":\\\"Download logo (SVG)\\\",\\\"src\\\":\\\"/assets/show-them-logo.svg\\\"},{\\\"type\\\":\\\"download\\\",\\\"label\\\":\\\"Download logo (PNG)\\\",\\\"src\\\":\\\"/assets/show-them-logo.png\\\"},{\\\"type\\\":\\\"download\\\",\\\"label\\\":\\\"Download Rob scene (JPG)\\\",\\\"src\\\":\\\"/assets/show-them-rob.jpg\\\"},{\\\"type\\\":\\\"separator\\\"},{\\\"type\\\":\\\"palette\\\",\\\"label\\\":\\\"Brand palette\\\",\\\"colors\\\":[{\\\"label\\\":\\\"Magenta\\\",\\\"value\\\":\\\"#ec50a2\\\"},{\\\"label\\\":\\\"Warm Dark\\\",\\\"value\\\":\\\"#2a2427\\\"},{\\\"label\\\":\\\"Warm Grey\\\",\\\"value\\\":\\\"#cdc0c6\\\"},{\\\"label\\\":\\\"Cream\\\",\\\"value\\\":\\\"#f5edef\\\"}]},{\\\"type\\\":\\\"separator\\\"},{\\\"type\\\":\\\"link\\\",\\\"label\\\":\\\"RightClickLogo.com\\\",\\\"href\\\":\\\"https://rightclicklogo.com\\\",\\\"external\\\":true}]};\"}}],[\"$\",\"$L16\",null,{\"src\":\"https://cdn.rightclicklogo.com/v1/rcl.js\",\"strategy\":\"afterInteractive\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n8:null\n"])</script>
1<script>self.__next_f.push([1,"d:[[\"$\",\"title\",\"0\",{\"children\":\"Show Them with a product mockup | Show Them\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"By showing your potential customer how the product looks in action, you increase excitement and bring them one step closer to imagining how they could experience it—once they commit.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Show Them\"}],[\"$\",\"link\",\"3\",{\"rel\":\"author\",\"href\":\"https://robhope.com\"}],[\"$\",\"meta\",\"4\",{\"name\":\"author\",\"content\":\"Rob Hope\"}],[\"$\",\"meta\",\"5\",{\"name\":\"keywords\",\"content\":\"landing page course,landing page conversion,landing page optimization,conversion rate optimization,Rob Hope,One Page Love,Show Them\"}],[\"$\",\"meta\",\"6\",{\"name\":\"creator\",\"content\":\"Rob Hope\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"8\",{\"rel\":\"canonical\",\"href\":\"https://www.showthem.com/lessons/product-mockup\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:title\",\"content\":\"Show Them with a product mockup | Show Them\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:description\",\"content\":\"By showing your potential customer how the product looks in action, you increase excitement and bring them one step closer to imagining how they could experience it—once they commit.\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:url\",\"content\":\"https://www.showthem.com/lessons/product-mockup\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image\",\"content\":\"https://cdn.prod.website-files.com/66c85501aab624426cd7b2b1/674c5f074019a380799cf7f8_thumb-darker.jpg\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"video.other\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:title\",\"content\":\"Show Them with a product mockup | Show Them\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:description\",\"content\":\"By showing your potential customer how the product looks in action, you increase excitement and bring them one step closer to imagining how they could experience it—once they commit.\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://cdn.prod.website-files.com/66c85501aab624426cd7b2b1/674c5f074019a380799cf7f8_thumb-darker.jpg\"}],[\"$\",\"link\",\"18\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.png\",\"type\":\"image/png\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/favicon.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"20\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\",\"sizes\":\"256x256\",\"type\":\"image/png\"}],[\"$\",\"$L17\",\"21\",{}]]\n"])</script>
1<script>self.__next_f.push([1,"19:I[5014,[\"/_next/static/chunks/0j~34e84pr6bv.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0lupx48-tk0c8.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0d3shmwh5_nmn.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/0e.9mncgd-o96.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\",\"/_next/static/chunks/17f9-r~~puti-.js?dpl=dpl_GCt9RP33vvxQpYkNbaHZD3APUEzc\"],\"default\"]\n18:T421,{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"VideoObject\",\"name\":\"Show Them with a product mockup\",\"description\":\"Show Them with a product mockup — Show Them by Rob Hope\",\"thumbnailUrl\":[\"https://uploads.eu1.boldvideo.io/uploads/bt_showthem/thumbnails/4ff35cb8-f8ef-4361-a662-5d7e1518d951.jpg\"],\"uploadDate\":\"2024-12-04T23:27:00\",\"duration\":\"PT3M41S\",\"contentUrl\":\"https://www.showthem.com/lessons/product-mockup\",\"embedUrl\":\"https://www.showthem.com/lessons/product-mockup\",\"publisher\":{\"@type\":\"Organization\",\"@id\":\"https://www.showthem.com/#organization\",\"name\":\"Show Them\",\"url\":\"https://www.showthem.com\",\"logo\":\"https://www.showthem.com/apple-touch-icon.png\",\"sameAs\":[\"https://onepagelove.com\",\"https://robhope.com\"]},\"isPartOf\":{\"@id\":\"https://www.showthem.com/#course\"}},{\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Show Them\",\"item\":\"https://www.showthem.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Show Them with a product mockup\",\"item\":\"https://www.showthem.com/lessons/product-mockup\"}]}]}"])</script>
1<script>self.__next_f.push([1,"5:[\"$\",\"article\",null,{\"className\":\"lesson-page-wrap mx-auto w-[88%] max-w-[960px] py-10 sm:py-14\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$18\"}}],[\"$\",\"div\",null,{\"className\":\"mb-7 flex flex-col gap-5 border-b border-border pb-5 md:flex-row md:items-center md:justify-between\",\"children\":[[\"$\",\"$L13\",null,{\"href\":\"/dashboard\",\"className\":\"inline-flex items-center gap-1.5 text-sm text-muted transition-colors hover:text-foreground-strong\",\"children\":[[\"$\",\"$L19\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m15 18-6-6 6-6\",\"key\":\"1wnfg3\"}]],\"className\":\"lucide-chevron-left size-4\"}],\"Course dashboard\"]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-x-5 gap-y-2 text-sm text-foreground/75\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Chapter 18 of 22\"}],false,[\"$\",\"a\",null,{\"href\":\"#resources\",\"children\":\"Resource Links\"}],false]}]]}],[\"$\",\"section\",null,{\"id\":\"lesson\",\"className\":\"lesson-section\",\"children\":[[\"$\",\"div\",null,{\"className\":\"lesson-lock\",\"style\":{\"--lesson-lock-image\":\"url(\\\"https://uploads.eu1.boldvideo.io/uploads/bt_showthem/thumbnails/4ff35cb8-f8ef-4361-a662-5d7e1518d951.jpg\\\")\"},\"children\":[[\"$\",\"a\",null,{\"href\":\"/login\",\"className\":\"inline-flex items-center justify-center bg-accent px-6 py-3 text-sm font-medium text-accent-foreground transition-opacity hover:opacity-90\",\"children\":\"Login to watch\"}],[\"$\",\"p\",null,{\"className\":\"mt-6 text-sm text-foreground/80\",\"children\":[\"Need help?\",\" \",[\"$\",\"a\",null,{\"className\":\"text-foreground-strong underline underline-offset-2\",\"href\":\"mailto:[email protected]?subject=Show%20Them%20%7C%20Help%20needed\",\"children\":\"Email [email protected]\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-col gap-6 md:flex-row md:items-start md:justify-between\",\"children\":[[\"$\",\"header\",null,{\"className\":\"max-w-3xl\",\"children\":[[\"$\",\"p\",null,{\"className\":\"eyebrow mb-3\",\"children\":\"Chapter 18 of 22\"}],[\"$\",\"h1\",null,{\"className\":\"text-4xl font-semibold tracking-tight text-foreground-strong sm:text-5xl\",\"children\":\"Show Them with a product mockup\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-2xl text-base leading-relaxed text-foreground/85\",\"children\":\"By showing your potential customer how the product looks in action, you increase excitement and bring them one step closer to imagining how they could experience it—once they commit.\"}]]}],\"$undefined\"]}],[\"$\",\"nav\",null,{\"className\":\"video-footer-nav\",\"children\":[[\"$\",\"$L13\",null,{\"href\":\"/lessons/looping\",\"className\":\"video-prev-next-link is-prev\",\"children\":[false,[\"$\",\"span\",null,{\"className\":\"video-prev-next-label\",\"children\":\"Prev\"}],[\"$\",\"span\",null,{\"className\":\"video-prev-next-value\",\"children\":\"Show Them with a looping product demo - No reading required\"}]]}],\"$L1a\"]}]]}],\"$L1b\",\"$L1c\",\"$L1d\"]}]\n"])</script>
1<script>self.__next_f.push([1,"1a:[\"$\",\"$L13\",null,{\"href\":\"/lessons/explainer-videos\",\"className\":\"video-prev-next-link is-next\",\"children\":[[\"$\",\"span\",null,{\"className\":\"video-prev-next-value\",\"children\":\"Show Them with an explainer video - Hype vids, autoplay demos and walkthroughs\"}],[\"$\",\"span\",null,{\"className\":\"video-prev-next-label\",\"children\":\"Next\"}],false]}]\n1b:null\n"])</script>
1<script>self.__next_f.push([1,"1c:[\"$\",\"section\",null,{\"id\":\"resources\",\"className\":\"lesson-section scroll-mt-24\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-3xl\",\"children\":[[\"$\",\"p\",null,{\"className\":\"eyebrow mb-4\",\"children\":\"Useful\"}],[\"$\",\"h2\",null,{\"className\":\"lesson-section-title\",\"children\":\"Resources\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-sm leading-relaxed text-foreground/80\",\"children\":\"Links to external resources to help you dive deeper, find assets, or hire help to level up your landing page.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10 grid gap-px overflow-hidden rounded-xl border border-border bg-border sm:grid-cols-2\",\"children\":[[\"$\",\"a\",\"Devices from Meta Design-https://design.facebook.com/toolsandresources/devices/\",{\"href\":\"https://design.facebook.com/toolsandresources/devices/\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"group min-h-36 bg-background p-6 transition-colors hover:bg-surface\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent\",\"children\":[\"Open \",[\"$\",\"$L19\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M7 7h10v10\",\"key\":\"1tivn9\"}],[\"path\",{\"d\":\"M7 17 17 7\",\"key\":\"1vkiza\"}]],\"className\":\"lucide-arrow-up-right size-3\"}]]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold text-foreground-strong\",\"children\":\"Devices from Meta Design\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-foreground/75\",\"children\":\"Monster collection of hi-res mixed devices to use for your screenshots. Unbelievable this is free.\"}]]}],[\"$\",\"a\",\"Shotsnapp-https://shotsnapp.com/\",{\"href\":\"https://shotsnapp.com/\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"group min-h-36 bg-background p-6 transition-colors hover:bg-surface\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent\",\"children\":[\"Open \",[\"$\",\"$L19\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-up-right size-3\"}]]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold text-foreground-strong\",\"children\":\"Shotsnapp\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-foreground/75\",\"children\":\"Online webapp to wrap devices around your screenshots.\"}]]}],[\"$\",\"a\",\"iPhone mockup generator-https://www.brandbird.app/tools/iphone-16-mockup-generator\",{\"href\":\"https://www.brandbird.app/tools/iphone-16-mockup-generator\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"group min-h-36 bg-background p-6 transition-colors hover:bg-surface\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent\",\"children\":[\"Open \",[\"$\",\"$L19\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-up-right size-3\"}]]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold text-foreground-strong\",\"children\":\"iPhone mockup generator\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-foreground/75\",\"children\":\"Free online tool by BrandBird with no watermarks and transparent PNG exports.\"}]]}],[\"$\",\"a\",\"Creative Market-https://creativemarket.com/\",{\"href\":\"https://creativemarket.com/\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"group min-h-36 bg-background p-6 transition-colors hover:bg-surface\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent\",\"children\":[\"Open \",[\"$\",\"$L19\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-up-right size-3\"}]]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold text-foreground-strong\",\"children\":\"Creative Market\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-foreground
1/75\",\"children\":\"Extensive resource to find design assets and mockups. I've used their marketplace to find typefaces, vectors, scene mockups, devices and more.\"}]]}],[\"$\",\"a\",\"Supply Family-https://supply.family/\",{\"href\":\"https://supply.family/\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"group min-h-36 bg-background p-6 transition-colors hover:bg-surface\",\"children\":[\"$L1e\",\"$L1f\",\"$L20\"]}],\"$L21\",\"$L22\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1d:null\n"])</script>
1<script>self.__next_f.push([1,"1e:[\"$\",\"span\",null,{\"className\":\"mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent\",\"children\":[\"Open \",[\"$\",\"$L19\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-up-right size-3\"}]]}]\n1f:[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold text-foreground-strong\",\"children\":\"Supply Family\"}]\n20:[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-foreground/75\",\"children\":\"The highest quality device mock-ups online. Includes laptops, phones, tablets, TV screens. Prices are premium, which is a good thing as your purchase won’t be overly used elsewhere.\"}]\n21:[\"$\",\"a\",\"Device Mockup Inspo-https://onepagelove.com/tag/devices\",{\"href\":\"https://onepagelove.com/tag/devices\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"group min-h-36 bg-background p-6 transition-colors hover:bg-surface\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent\",\"children\":[\"Open \",[\"$\",\"$L19\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-up-right size-3\"}]]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold text-foreground-strong\",\"children\":\"Device Mockup Inspo\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-foreground/75\",\"children\":\"A collection of 250+ Landing Pages I’ve curated featuring device mock-ups.\"}]]}]\n22:[\"$\",\"a\",\"Lstore Graphics Mockups-https://www.ls.graphics/devices-mockups\",{\"href\":\"https://www.ls.graphics/devices-mockups\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"group min-h-36 bg-background p-6 transition-colors hover:bg-surface\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mb-3 inline-flex items-center gap-1 text-xs uppercase tracking-[0.2em] text-accent\",\"children\":[\"Open \",[\"$\",\"$L19\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-up-right size-3\"}]]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold text-foreground-strong\",\"children\":\"Lstore Graphics Mockups\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-foreground/75\",\"children\":\"Quality device mock-up resource that includes presentation kits and even animated mock-ups.\"}]]}]\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.