[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fb3f003bf-0368-4496-be82-8fbd6fe6551f":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":81,"links":82,"dates":89},"\u002Fexamples\u002Fscreens\u002Fb3f003bf-0368-4496-be82-8fbd6fe6551f","detail","pages",true,{"title":9,"description":10,"og_image":11},"Dock Live: How to manage sales content with Dock - Nicelydone","Screen UI design example from Dock. The screen is a marketing page for a webinar, structured with a prominent header, a main content area, and a footer. The…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb3f003bf-0368-4496-be82-8fbd6fe6551f.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Dock Live: How to manage sales content with Dock",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Dock. The screen is a marketing page for a webinar, structured with a prominent header, a main content area, and a footer. The header features the Dock logo, horizontal navigation links (Product, Pricing, Customers, Resources), and action buttons (Log in, Request Demo, Start for Free). Below the header, a dark blue hero section displays the main title \"How to manage sales content with Dock\", a bulleted list of learning objectives, and a \"Featuring\" section with speaker details (Alex Kracov, CEO & Co-Founder of Dock). The main content area, on a white background, starts with a large video player placeholder showing a speaker avatar and title (\"CEO & Co-Founder, Dock\") and a badge indicating \"On-demand replay available\". This is followed by a detailed description of the webinar and a bulleted list of topics covered. Further down, there are sections for \"Related Resources\" and \"Upcoming Events\", each presenting content in card format. The \"Upcoming Events\" section includes an informational message stating, \"We'll have another webinar scheduled soon. For now, check out our on-demand library below.\" The \"On-Demand Library\" section showcases three event cards, each with a title, speaker avatars, and a \"Watch\" link. The page concludes with a large promotional section featuring the title \"Enablement that sellers and buyers love\", a \"Start for free\" button, and a large 3D illustration of people working with computers. A comprehensive footer with multiple columns of navigation links is also present.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":46,"app":67},"b3f003bf-0368-4496-be82-8fbd6fe6551f","The screen is a marketing page for a webinar, structured with a prominent header, a main content area, and a footer. The header features the Dock logo, horizontal navigation links (Product, Pricing, Customers, Resources), and action buttons (Log in, Request Demo, Start for Free). Below the header, a dark blue hero section displays the main title \"How to manage sales content with Dock\", a bulleted list of learning objectives, and a \"Featuring\" section with speaker details (Alex Kracov, CEO & Co-Founder of Dock). The main content area, on a white background, starts with a large video player placeholder showing a speaker avatar and title (\"CEO & Co-Founder, Dock\") and a badge indicating \"On-demand replay available\". This is followed by a detailed description of the webinar and a bulleted list of topics covered. Further down, there are sections for \"Related Resources\" and \"Upcoming Events\", each presenting content in card format. The \"Upcoming Events\" section includes an informational message stating, \"We'll have another webinar scheduled soon. For now, check out our on-demand library below.\" The \"On-Demand Library\" section showcases three event cards, each with a title, speaker avatars, and a \"Watch\" link. The page concludes with a large promotional section featuring the title \"Enablement that sellers and buyers love\", a \"Start for free\" button, and a large 3D illustration of people working with computers. A comprehensive footer with multiple columns of navigation links is also present.","\u002Fexamples\u002Fapps\u002Fdock\u002Fmarketing",3024,7548,"Dock Live: How to manage sales content with Dock from Dock","2026-07-13T15:30:47.000Z","screen",[37],{"id":38,"label":39,"slug":40,"rank":41,"group":42},153,"Webinar Page","webinar-page",0,{"id":43,"label":44,"slug":45},15,"Marketing Page Types","marketing-page-types",[47,51,55,59,63],{"id":48,"title":49,"slug":50},258,"Header","header",{"id":52,"title":53,"slug":54},175,"Button","button",{"id":56,"title":57,"slug":58},169,"Avatar","avatar",{"id":60,"title":61,"slug":62},174,"Card","card",{"id":64,"title":65,"slug":66},202,"Footer","footer",{"slug":68,"title":69,"logo":70,"baseline":71,"categories":72},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[73,77],{"id":74,"title":75,"slug":76},23,"Collaboration","collaboration",{"id":78,"title":79,"slug":80},29,"Task Management","task-management",[],[83,85,87],{"label":39,"to":84},"\u002Fexamples\u002Fpages\u002Fwebinar-page",{"label":86,"to":30},"Dock screen designs",{"label":88,"to":18},"All screen examples",{"published_at":90,"updated_at":34},"2026-07-12T09:28:48.000Z"]