[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002F96c0c26b-47b6-404b-b032-04356a87e4ed":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":57,"links":58,"dates":65},"\u002Fexamples\u002Fcomponents\u002F96c0c26b-47b6-404b-b032-04356a87e4ed","detail","components",true,{"title":9,"description":10,"og_image":11},"Hero Section with Topbar - Nicelydone","A dark-themed hero section featuring a top banner, a global navigation header, a large headline, a subheadline with highlighted text, two call-to-action…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5722e614-6740-4170-a963-5f7cc9111ec4.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":20,"to":4},"Hero Section with Topbar",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"UI component","A dark-themed hero section featuring a top banner, a global navigation header, a large headline, a subheadline with highlighted text, two call-to-action buttons, and a partial view of a product interface mockup below.",[],[],[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},"96c0c26b-47b6-404b-b032-04356a87e4ed","\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fcomponents",3024,1635,"Hero Section with Topbar from Dynaboard","component",[35],{"id":36,"title":37,"slug":38},197,"Hero section","hero-section",{"slug":40,"title":41,"logo":42,"baseline":43,"categories":44},"dynaboard","Dynaboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdinaboard-51ea0211.png","Build a web app in 60 seconds",[45,49,53],{"id":46,"title":47,"slug":48},96,"No code","no-code",{"id":50,"title":51,"slug":52},7,"Web Development","web-development",{"id":54,"title":55,"slug":56},48,"Developer Tools","developer-tools",[],[59,61,63],{"label":37,"to":60},"\u002Fexamples\u002Fcomponents\u002Fhero-section",{"label":62,"to":29},"Dynaboard UI components",{"label":64,"to":18},"All UI component examples",{"published_at":66,"updated_at":67},"2024-06-19T13:08:47.000Z","2026-09-26T00:10:37.000Z"]