[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002F0a9df38c-5be4-406f-b8b2-3f6d5c2f78c1":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":53,"links":54,"dates":61},"\u002Fexamples\u002Fcomponents\u002F0a9df38c-5be4-406f-b8b2-3f6d5c2f78c1","detail","components",true,{"title":9,"description":10,"og_image":11},"Onboarding coachmark - Nicelydone","A dark-themed onboarding coachmark overlaying a light-themed AI generation interface. The coachmark welcomes the user and prompts them to create a style…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd7b9b495-1d78-49b9-9239-6ea7edbd0f1b.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":20,"to":4},"Onboarding coachmark",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"UI component","A dark-themed onboarding coachmark overlaying a light-themed AI generation interface. The coachmark welcomes the user and prompts them to create a style model, with a primary CTA and a skip button. The underlying interface shows an image description input and generation controls.",[],[],[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},"0a9df38c-5be4-406f-b8b2-3f6d5c2f78c1","\u002Fexamples\u002Fapps\u002Fexactly\u002Fcomponents",1751,676,"Onboarding coachmark from Exactly","component",[35],{"id":36,"title":37,"slug":38},181,"Coachmark","coachmark",{"slug":40,"title":41,"logo":42,"baseline":43,"categories":44},"exactly","Exactly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fexactly-8f7f0061.png","Create images in seconds with an AI that understands your style",[45,49],{"id":46,"title":47,"slug":48},80,"Artificial Intelligence","artificial-intelligence",{"id":50,"title":51,"slug":52},8,"Design","design",[],[55,57,59],{"label":37,"to":56},"\u002Fexamples\u002Fcomponents\u002Fcoachmark",{"label":58,"to":29},"Exactly UI components",{"label":60,"to":18},"All UI component examples",{"published_at":62,"updated_at":63},"2024-03-18T12:52:08.000Z","2026-09-22T00:10:16.000Z"]