[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgrok\u002Fmarketing":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":38,"showcases":253,"links":254,"dates":295},"\u002Fexamples\u002Fapps\u002Fgrok\u002Fmarketing","detail","pages",true,{"title":9,"description":10,"og_image":11},"Grok marketing pages examples - Nicelydone","Explore Grok website design examples. Preview marketing pages and browse related SaaS page designs.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fff37dfb0-40c6-4562-8b2a-fbb70196aab0.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":23,"to":4},"Grok marketing pages examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"logo":31,"url":32,"categories":33},"Grok","grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png","https:\u002F\u002Fgrok.com",[34],{"id":35,"title":36,"slug":37},80,"Artificial Intelligence","artificial-intelligence",[39,72,107,125,139,153,167,181,194,211,226,241],{"uuid":40,"title":41,"description":42,"canonical_path":4,"image":11,"width":43,"height":44,"image_alt":45,"kind":46,"patterns":47,"component_categories":57,"app":70},"ff37dfb0-40c6-4562-8b2a-fbb70196aab0","Welcome | xAI","Landing page for xAI introducing Grok 3, the API, and developer docs, featuring a prompt input hero and recent company news.",3024,12638,"Welcome | xAI from Grok","screen",[48],{"id":49,"label":50,"slug":51,"rank":52,"group":53},136,"Landing Page","landing-page",0,{"id":54,"label":55,"slug":56},15,"Marketing Page Types","marketing-page-types",[58,62,66],{"id":59,"title":60,"slug":61},174,"Card","card",{"id":63,"title":64,"slug":65},202,"Footer","footer",{"id":67,"title":68,"slug":69},258,"Header","header",{"slug":30,"title":29,"logo":31,"categories":71},[],{"uuid":73,"title":74,"description":75,"canonical_path":4,"image":76,"width":43,"height":77,"image_alt":78,"kind":46,"patterns":79,"component_categories":85,"app":105},"636cfe4e-0700-4a25-b7a7-c61a3180d335","API | xAI","Product page for an AI API detailing available models, pricing tiers, a cost calculator, and quickstart instructions for developers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F636cfe4e-0700-4a25-b7a7-c61a3180d335.png",13592,"API | xAI from Grok",[80],{"id":81,"label":82,"slug":83,"rank":52,"group":84},137,"Product Page","product-page",{"id":54,"label":55,"slug":56},[86,90,91,92,96,100,104],{"id":87,"title":88,"slug":89},260,"Badge","badge",{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"id":93,"title":94,"slug":95},257,"Input number","input-number",{"id":97,"title":98,"slug":99},223,"Slider","slider",{"id":101,"title":102,"slug":103},175,"Button","button",{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":31,"categories":106},[],{"uuid":108,"title":74,"description":109,"canonical_path":4,"image":110,"width":43,"height":111,"image_alt":78,"kind":46,"patterns":112,"component_categories":118,"app":123},"e448245e-5692-41e2-a12e-1c0803dc077c","Pricing page where the user estimates API costs by selecting a model and adjusting text, image, and output token sliders.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe448245e-5692-41e2-a12e-1c0803dc077c.png",1726,[113],{"id":114,"label":115,"slug":116,"rank":52,"group":117},143,"Pricing Page","pricing-page",{"id":54,"label":55,"slug":56},[119,120,121,122],{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":31,"categories":124},[],{"uuid":126,"title":74,"description":127,"canonical_path":4,"image":128,"width":43,"height":111,"image_alt":78,"kind":46,"patterns":129,"component_categories":132,"app":137},"e6145ab6-6ac8-4e06-b215-937558c2f3eb","Pricing page where the user estimates API costs by selecting a model and adjusting token counts for text, images, and output.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6145ab6-6ac8-4e06-b215-937558c2f3eb.png",[130],{"id":114,"label":115,"slug":116,"rank":52,"group":131},{"id":54,"label":55,"slug":56},[133,134,135,136],{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":31,"categories":138},[],{"uuid":140,"title":74,"description":141,"canonical_path":4,"image":142,"width":43,"height":111,"image_alt":78,"kind":46,"patterns":143,"component_categories":146,"app":151},"8d5765dc-747a-43d4-b8b2-903050eeacfd","Pricing page featuring an interactive calculator where the user estimates API costs by selecting a model and adjusting token input and output sliders.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8d5765dc-747a-43d4-b8b2-903050eeacfd.png",[144],{"id":114,"label":115,"slug":116,"rank":52,"group":145},{"id":54,"label":55,"slug":56},[147,148,149,150],{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":31,"categories":152},[],{"uuid":154,"title":74,"description":155,"canonical_path":4,"image":156,"width":43,"height":111,"image_alt":78,"kind":46,"patterns":157,"component_categories":160,"app":165},"1e4ff125-2913-4fc9-854c-89e7b8fdf96c","Pricing page with an interactive calculator where the user estimates API costs by selecting a model and adjusting text, image, and output token sliders.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1e4ff125-2913-4fc9-854c-89e7b8fdf96c.png",[158],{"id":114,"label":115,"slug":116,"rank":52,"group":159},{"id":54,"label":55,"slug":56},[161,162,163,164],{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":31,"categories":166},[],{"uuid":168,"title":74,"description":169,"canonical_path":4,"image":170,"width":43,"height":111,"image_alt":78,"kind":46,"patterns":171,"component_categories":174,"app":179},"52fc4c4e-28ed-49ad-898a-93a2a8f93aa9","Pricing page where the user calculates API costs by selecting a model and adjusting token volume sliders.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F52fc4c4e-28ed-49ad-898a-93a2a8f93aa9.png",[172],{"id":114,"label":115,"slug":116,"rank":52,"group":173},{"id":54,"label":55,"slug":56},[175,176,177,178],{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":31,"categories":180},[],{"uuid":182,"title":74,"description":109,"canonical_path":4,"image":183,"width":43,"height":111,"image_alt":78,"kind":46,"patterns":184,"component_categories":187,"app":192},"4d3cece6-2c01-4035-9fd7-70f3f2efc3da","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4d3cece6-2c01-4035-9fd7-70f3f2efc3da.png",[185],{"id":114,"label":115,"slug":116,"rank":52,"group":186},{"id":54,"label":55,"slug":56},[188,189,190,191],{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":31,"categories":193},[],{"uuid":195,"title":196,"description":197,"canonical_path":4,"image":198,"width":43,"height":111,"image_alt":199,"kind":46,"patterns":200,"component_categories":206,"app":209},"4e2e4f9b-c64b-468d-a923-eb79da95f4ae","Company | xAI","Company page hero section stating the mission to understand the universe with prompts to try Grok and join the team.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e2e4f9b-c64b-468d-a923-eb79da95f4ae.png","Company | xAI from Grok",[201],{"id":202,"label":203,"slug":204,"rank":52,"group":205},167,"Mission Page","mission-page",{"id":54,"label":55,"slug":56},[207,208],{"id":101,"title":102,"slug":103},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":31,"categories":210},[],{"uuid":212,"title":196,"description":213,"canonical_path":4,"image":214,"width":43,"height":111,"image_alt":199,"kind":46,"patterns":215,"component_categories":221,"app":224},"3bd030fd-edce-493f-a411-514a75cf1b9d","Company page where a large hero section presents the mission statement to understand the universe alongside a prompt to join the team.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3bd030fd-edce-493f-a411-514a75cf1b9d.png",[216],{"id":217,"label":218,"slug":219,"rank":52,"group":220},166,"About Page","about-page",{"id":54,"label":55,"slug":56},[222,223],{"id":101,"title":102,"slug":103},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":31,"categories":225},[],{"uuid":227,"title":196,"description":228,"canonical_path":4,"image":229,"width":43,"height":230,"image_alt":199,"kind":46,"patterns":231,"component_categories":234,"app":239},"5cc5618f-9bb5-4de3-911e-24aa214d3d7e","Company page detailing the mission, core principles, global office locations, a historical timeline of progress, and the latest news articles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5cc5618f-9bb5-4de3-911e-24aa214d3d7e.png",10328,[232],{"id":217,"label":218,"slug":219,"rank":52,"group":233},{"id":54,"label":55,"slug":56},[235,236,237,238],{"id":59,"title":60,"slug":61},{"id":63,"title":64,"slug":65},{"id":101,"title":102,"slug":103},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":31,"categories":240},[],{"uuid":242,"title":196,"description":243,"canonical_path":4,"image":244,"width":43,"height":111,"image_alt":199,"kind":46,"patterns":245,"component_categories":248,"app":251},"2fbeea62-cfd3-423f-9d6c-446c4c5cb000","Company page section highlighting global office locations and hiring philosophy alongside an interactive wireframe globe.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2fbeea62-cfd3-423f-9d6c-446c4c5cb000.png",[246],{"id":217,"label":218,"slug":219,"rank":52,"group":247},{"id":54,"label":55,"slug":56},[249,250],{"id":101,"title":102,"slug":103},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":31,"categories":252},[],[],[255,257,259,261,263,265,268,271,274,277,279,283,287,291],{"label":115,"to":256},"\u002Fexamples\u002Fpages\u002Fpricing-page",{"label":218,"to":258},"\u002Fexamples\u002Fpages\u002Fabout-page",{"label":50,"to":260},"\u002Fexamples\u002Fpages\u002Flanding-page",{"label":203,"to":262},"\u002Fexamples\u002Fpages\u002Fmission-page",{"label":82,"to":264},"\u002Fexamples\u002Fpages\u002Fproduct-page",{"label":266,"to":267},"Grok product screens","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens",{"label":269,"to":270},"Grok user flows","\u002Fexamples\u002Fapps\u002Fgrok\u002Fflows",{"label":272,"to":273},"Grok UI components","\u002Fexamples\u002Fapps\u002Fgrok\u002Fcomponents",{"label":275,"to":276},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":278,"to":18},"All SaaS app examples",{"label":280,"to":281,"description":282},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":284,"to":285,"description":286},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":288,"to":289,"description":290},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":292,"to":293,"description":294},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":296,"updated_at":297},"2025-04-13T12:38:50.000Z","2026-09-13T13:02:39.000Z"]