[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002F0b665b64-4444-40dd-a377-0bae1a8c3251":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":49,"links":50,"dates":57},"\u002Fexamples\u002Fcomponents\u002F0b665b64-4444-40dd-a377-0bae1a8c3251","detail","components",true,{"title":9,"description":10,"og_image":11},"Upgrade banner and topbar - Nicelydone","A dark-themed top navigation area featuring a prominent red banner alerting the user that their workspace has exceeded the free plan's creation limit,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5920bbcd-2ed7-46c0-8399-a95d000803f1.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":20,"to":4},"Upgrade banner and topbar",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"UI component","A dark-themed top navigation area featuring a prominent red banner alerting the user that their workspace has exceeded the free plan's creation limit, alongside a call-to-action button to upgrade. Below the banner is a header with a user profile dropdown, a notification bell, a section title, and action buttons for creating new documents.",[],[],[27],{"uuid":28,"title":20,"description":23,"canonical_path":29,"image":11,"width":30,"height":31,"image_alt":32,"kind":33,"categories":34,"app":39},"0b665b64-4444-40dd-a377-0bae1a8c3251","\u002Fexamples\u002Fapps\u002Ftome\u002Fcomponents",3024,186,"Upgrade banner and topbar from Tome","component",[35],{"id":36,"title":37,"slug":38},255,"Upgrade your plan","upgrade-your-plan",{"slug":40,"title":41,"logo":42,"baseline":43,"categories":44},"tome","Tome","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftome-3d8125c5.png","The storytelling tool for work",[45],{"id":46,"title":47,"slug":48},85,"Presentation software","presentation-software",[],[51,53,55],{"label":37,"to":52},"\u002Fexamples\u002Fcomponents\u002Fupgrade-your-plan",{"label":54,"to":29},"Tome UI components",{"label":56,"to":18},"All UI component examples",{"published_at":58,"updated_at":59},"2024-06-18T07:59:26.000Z","2026-09-26T00:10:10.000Z"]