1:"$Sreact.fragment"
2:I[1478,["545","static/chunks/c16f53c3-5b47b7f1ae12d8f6.js","874","static/chunks/874-efe6736574b279d5.js","768","static/chunks/768-c6008bfbf640a278.js","504","static/chunks/504-a0a4db25bcf4ca38.js","177","static/chunks/app/layout-d5498033162812f9.js"],"ThemeProviders"]
3:I[9243,["545","static/chunks/c16f53c3-5b47b7f1ae12d8f6.js","874","static/chunks/874-efe6736574b279d5.js","768","static/chunks/768-c6008bfbf640a278.js","504","static/chunks/504-a0a4db25bcf4ca38.js","177","static/chunks/app/layout-d5498033162812f9.js"],""]
4:I[7392,["545","static/chunks/c16f53c3-5b47b7f1ae12d8f6.js","874","static/chunks/874-efe6736574b279d5.js","768","static/chunks/768-c6008bfbf640a278.js","504","static/chunks/504-a0a4db25bcf4ca38.js","177","static/chunks/app/layout-d5498033162812f9.js"],"KBarSearchProvider"]
5:I[6874,["874","static/chunks/874-efe6736574b279d5.js","63","static/chunks/63-cc4af6db38b88fdc.js","909","static/chunks/app/blog/%5B...slug%5D/page-739363f7539431ce.js"],""]
6:I[6322,["545","static/chunks/c16f53c3-5b47b7f1ae12d8f6.js","874","static/chunks/874-efe6736574b279d5.js","768","static/chunks/768-c6008bfbf640a278.js","504","static/chunks/504-a0a4db25bcf4ca38.js","177","static/chunks/app/layout-d5498033162812f9.js"],"default"]
7:I[4159,["545","static/chunks/c16f53c3-5b47b7f1ae12d8f6.js","874","static/chunks/874-efe6736574b279d5.js","768","static/chunks/768-c6008bfbf640a278.js","504","static/chunks/504-a0a4db25bcf4ca38.js","177","static/chunks/app/layout-d5498033162812f9.js"],"KBarButton"]
8:I[1762,["545","static/chunks/c16f53c3-5b47b7f1ae12d8f6.js","874","static/chunks/874-efe6736574b279d5.js","768","static/chunks/768-c6008bfbf640a278.js","504","static/chunks/504-a0a4db25bcf4ca38.js","177","static/chunks/app/layout-d5498033162812f9.js"],"default"]
9:I[2692,["545","static/chunks/c16f53c3-5b47b7f1ae12d8f6.js","874","static/chunks/874-efe6736574b279d5.js","768","static/chunks/768-c6008bfbf640a278.js","504","static/chunks/504-a0a4db25bcf4ca38.js","177","static/chunks/app/layout-d5498033162812f9.js"],"default"]
a:I[7555,[],""]
b:I[1295,[],""]
d:I[9665,[],"OutletBoundary"]
10:I[9665,[],"ViewportBoundary"]
12:I[9665,[],"MetadataBoundary"]
14:I[6614,[],""]
:HL["/_next/static/media/7cba1811e3c25a15-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
:HL["/_next/static/css/9be69a079df6f545.css","style"]
:HL["/_next/static/css/1fc26ab6e29d1d13.css","style"]
:HL["/_next/static/css/7246298b30c42979.css","style"]
0:{"P":null,"b":"ZcYmhag92068i8wJuhHoR","p":"","c":["","blog","pictures-of-canada"],"i":false,"f":[[["",{"children":["blog",{"children":[["slug","pictures-of-canada","c"],{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/9be69a079df6f545.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/1fc26ab6e29d1d13.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en-us","className":"__variable_bc0dcf scroll-smooth","suppressHydrationWarning":true,"children":[["$","link",null,{"rel":"apple-touch-icon","sizes":"76x76","href":"/static/favicons/apple-touch-icon.png"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"32x32","href":"/static/favicons/favicon-32x32.png"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"16x16","href":"/static/favicons/favicon-16x16.png"}],["$","link",null,{"rel":"manifest","href":"/static/favicons/site.webmanifest"}],["$","link",null,{"rel":"mask-icon","href":"/static/favicons/safari-pinned-tab.svg","color":"#5bbad5"}],["$","meta",null,{"name":"msapplication-TileColor","content":"#000000"}],["$","meta",null,{"name":"theme-color","media":"(prefers-color-scheme: light)","content":"#fff"}],["$","meta",null,{"name":"theme-color","media":"(prefers-color-scheme: dark)","content":"#000"}],["$","link",null,{"rel":"alternate","type":"application/rss+xml","href":"/feed.xml"}],["$","body",null,{"className":"bg-white pl-[calc(100vw-100%)] text-black antialiased dark:bg-gray-950 dark:text-white","children":["$","$L2",null,{"children":[["$undefined","$undefined","$undefined",["$","$L3",null,{"async":true,"defer":true,"src":"https://analytics.umami.is/script.js"}],"$undefined","$undefined"],["$","section",null,{"className":"mx-auto max-w-3xl px-4 sm:px-6 xl:max-w-5xl xl:px-0","children":[["$","$L4",null,{"kbarConfig":{"searchDocumentsPath":"/search.json"},"children":[["$","header",null,{"className":"flex items-center w-full bg-white dark:bg-gray-950 justify-between py-10","children":[["$","$L5",null,{"className":"break-words","href":"/","aria-label":"PromptLab","children":["$","div",null,{"className":"flex items-center justify-between","children":[["$","div",null,{"className":"mr-3","children":["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","xmlnsXlink":"http://www.w3.org/1999/xlink","width":53.87,"height":43.61,"viewBox":"344.564 330.278 111.737 91.218","children":[["$","defs",null,{"children":[["$","linearGradient",null,{"id":"logo_svg__b","x1":420.97,"x2":420.97,"y1":331.28,"y2":418.5,"gradientUnits":"userSpaceOnUse","children":[["$","stop",null,{"offset":"0%","style":{"stopColor":"#06b6d4","stopOpacity":1}}],["$","stop",null,{"offset":"100%","style":{"stopColor":"#67e8f9","stopOpacity":1}}]]}],["$","linearGradient",null,{"id":"logo_svg__d","x1":377.89,"x2":377.89,"y1":331.28,"y2":418.5,"gradientUnits":"userSpaceOnUse","children":[["$","stop",null,{"offset":"0%","style":{"stopColor":"#06b6d4","stopOpacity":1}}],["$","stop",null,{"offset":"100%","style":{"stopColor":"#67e8f9","stopOpacity":1}}]]}],["$","path",null,{"id":"logo_svg__a","d":"M453.3 331.28v28.57l-64.66 58.65v-30.08z"}],["$","path",null,{"id":"logo_svg__c","d":"M410.23 331.28v28.57l-64.67 58.65v-30.08z"}]]}],["$","use",null,{"xlinkHref":"#logo_svg__a","fill":"url(#logo_svg__b)"}],["$","use",null,{"xlinkHref":"#logo_svg__c","fill":"url(#logo_svg__d)"}]]}]}],["$","div",null,{"className":"hidden h-6 text-2xl font-semibold sm:block","children":"PromptLab"}]]}]}],["$","div",null,{"className":"flex items-center space-x-4 leading-5 sm:-mr-6 sm:space-x-6","children":[["$","div",null,{"className":"no-scrollbar hidden max-w-40 items-center gap-x-4 overflow-x-auto sm:flex md:max-w-72 lg:max-w-96","children":[["$","$L5","Blog",{"className":"hover:text-primary-500 dark:hover:text-primary-400 m-1 font-medium text-gray-900 dark:text-gray-100","href":"/blog","children":"Blog"}],["$","$L5","Tags",{"className":"hover:text-primary-500 dark:hover:text-primary-400 m-1 font-medium text-gray-900 dark:text-gray-100","href":"/tags","children":"Tags"}],["$","$L5","Projects",{"className":"hover:text-primary-500 dark:hover:text-primary-400 m-1 font-medium text-gray-900 dark:text-gray-100","href":"/projects","children":"Projects"}],["$","$L5","About",{"className":"hover:text-primary-500 dark:hover:text-primary-400 m-1 font-medium text-gray-900 dark:text-gray-100","href":"/about","children":"About"}]]}],["$","$L6",null,{"courses":[{"id":"js-101","title":"JavaScript Basics","modules":[{"id":"module-1","title":"JavaScript Fundamentals","topics":[{"id":"topic-1","title":"Introduction to JavaScript","slug":"javascript-basics/intro","order":1},{"id":"topic-2","title":"Variables and Data Types","slug":"javascript-basics/variables","order":2}]},{"id":"module-2","title":"DOM Manipulation","topics":[{"id":"topic-1","title":"Introduction to DOM","slug":"javascript-basics/dom/intro-to-dom","order":1},{"id":"topic-2","title":"DOM Events","slug":"javascript-basics/dom/events","order":2}]}]},{"id":"ai-agents-101","title":"Building AI Agents & Workflows","modules":[{"id":"module-1","title":"Introduction & Motivation","topics":[{"id":"topic-1","title":"What Are AI Agents?","slug":"ai-agents-workflows/intro","order":1},{"id":"topic-2","title":"Why Build on Existing LLMs?","slug":"ai-agents-workflows/why-build-on-llms","order":2}]},{"id":"module-2","title":"Core Concepts in Prompting","topics":[{"id":"topic-1","title":"Anatomy of a Prompt","slug":"ai-agents-workflows/prompting/anatomy-of-prompt","order":1},{"id":"topic-2","title":"Prompt Styles","slug":"ai-agents-workflows/prompting/prompt-styles","order":2},{"id":"topic-3","title":"Advanced Techniques","slug":"ai-agents-workflows/prompting/advanced-techniques","order":3}]},{"id":"module-3","title":"Retrieval & RAG Theory","topics":[{"id":"topic-1","title":"What Are Embeddings?","slug":"ai-agents-workflows/retrieval/what-are-embeddings","order":1},{"id":"topic-2","title":"Vector Stores and Indexing Strategies","slug":"ai-agents-workflows/retrieval/vector-stores","order":2},{"id":"topic-3","title":"RAG Pipeline","slug":"ai-agents-workflows/retrieval/rag-pipeline","order":3}]},{"id":"module-5","title":"AI Workflows & Orchestration","topics":[{"id":"topic-1","title":"Chaining vs. Orchestrating vs. Scheduling Tasks","slug":"ai-agents-workflows/workflows/chaining-orchestration","order":1},{"id":"topic-2","title":"MLOps for LLM-Based Pipelines","slug":"ai-agents-workflows/workflows/mlops-overview","order":2},{"id":"topic-3","title":"Monitoring & Evaluation Metrics","slug":"ai-agents-workflows/workflows/monitoring-evaluation","order":3}]},{"id":"module-4","title":"Agent Architectures","topics":[{"id":"topic-1","title":"Agent Loop","slug":"ai-agents-workflows/architectures/agent-loop","order":1},{"id":"topic-2","title":"Tools & Tool-Calling Concepts","slug":"ai-agents-workflows/architectures/tools-tool-calling","order":2},{"id":"topic-3","title":"Memory Models","slug":"ai-agents-workflows/architectures/memory-models","order":3}]}]},{"id":"react-101","title":"React Fundamentals","modules":[{"id":"module-2","title":"React Components","topics":[{"id":"topic-1","title":"Understanding React Components","slug":"react-fundamentals/components","order":2},{"id":"topic-2","title":"React Hooks","slug":"react-fundamentals/hooks","order":3}]},{"id":"module-1","title":"Getting Started with React","topics":[{"id":"topic-1","title":"Introduction to React","slug":"react-fundamentals/intro","order":1}]}]}],"firstTopicSlugs":{"js-101":"javascript-basics/intro","ai-agents-101":"ai-agents-workflows/intro","react-101":"react-fundamentals/components"}}],["$","$L7",null,{"aria-label":"Search","children":["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24","strokeWidth":1.5,"stroke":"currentColor","className":"hover:text-primary-500 dark:hover:text-primary-400 h-6 w-6 text-gray-900 dark:text-gray-100","children":["$","path",null,{"strokeLinecap":"round","strokeLinejoin":"round","d":"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"}]}]}],["$","$L8",null,{}],["$","$L9",null,{}]]}]]}],["$","main",null,{"className":"mb-auto","children":["$","$La",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$Lb",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","div",null,{"className":"flex flex-col items-start justify-start md:mt-24 md:flex-row md:items-center md:justify-center md:space-x-6","children":[["$","div",null,{"className":"space-x-2 pt-6 pb-8 md:space-y-5","children":["$","h1",null,{"className":"text-6xl leading-9 font-extrabold tracking-tight text-gray-900 md:border-r-2 md:px-6 md:text-8xl md:leading-14 dark:text-gray-100","children":"404"}]}],["$","div",null,{"className":"max-w-md","children":[["$","p",null,{"className":"mb-4 text-xl leading-normal font-bold md:text-2xl","children":"Sorry we couldn't find this page."}],["$","p",null,{"className":"mb-8","children":"But dont worry, you can find plenty of other things on our homepage."}],["$","$L5",null,{"className":"focus:shadow-outline-blue inline rounded-lg border border-transparent bg-blue-600 px-4 py-2 text-sm leading-5 font-medium text-white shadow-xs transition-colors duration-150 hover:bg-blue-700 focus:outline-hidden dark:hover:bg-blue-500","href":"/","children":"Back to homepage"}]]}]]}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]]}],["$","footer",null,{"children":["$","div",null,{"className":"mt-16 flex flex-col items-center","children":[["$","div",null,{"className":"mb-3 flex space-x-4","children":[["$","a",null,{"className":"text-sm text-gray-500 transition hover:text-gray-600","target":"_blank","rel":"noopener noreferrer","href":"mailto:naumanajmal78@gmail.com","children":[["$","span",null,{"className":"sr-only","children":"mail"}],["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 20 20","className":"hover:text-primary-500 dark:hover:text-primary-400 fill-current text-gray-700 dark:text-gray-200 h-6 w-6","children":[["$","title",null,{"children":"Mail"}],["$","path",null,{"d":"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"}],["$","path",null,{"d":"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"}]]}]]}],null,null,null,["$","a",null,{"className":"text-sm text-gray-500 transition hover:text-gray-600","target":"_blank","rel":"noopener noreferrer","href":"https://www.linkedin.com/in/nauman-ajmal-2485451bb/","children":[["$","span",null,{"className":"sr-only","children":"linkedin"}],["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 24 24","className":"hover:text-primary-500 dark:hover:text-primary-400 fill-current text-gray-700 dark:text-gray-200 h-6 w-6","children":[["$","title",null,{"children":"Linkedin"}],["$","path",null,{"d":"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"}]]}]]}],null,null,null,null,null,null]}],["$","div",null,{"className":"mb-2 flex space-x-2 text-sm text-gray-500 dark:text-gray-400","children":[["$","div",null,{"children":"Nauman Ajmal"}],["$","div",null,{"children":" • "}],["$","div",null,{"children":"© 2025"}],["$","div",null,{"children":" • "}],["$","$L5",null,{"className":"break-words","href":"/","children":"PromptLab"}]]}]]}]}]]}]]}]}]]}]]}],{"children":["blog",["$","$1","c",{"children":[null,["$","$La",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$Lb",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["slug","pictures-of-canada","c"],["$","$1","c",{"children":[null,["$","$La",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$Lb",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":["$Lc","$undefined",[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/7246298b30c42979.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$Ld",null,{"children":["$Le","$Lf",null]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","go42J7UDpV_qXmVqp8LQv",{"children":[["$","$L10",null,{"children":"$L11"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$L12",null,{"children":"$L13"}]]}],false]],"m":"$undefined","G":["$14","$undefined"],"s":false,"S":true}
15:I[1839,["874","static/chunks/874-efe6736574b279d5.js","63","static/chunks/63-cc4af6db38b88fdc.js","909","static/chunks/app/blog/%5B...slug%5D/page-739363f7539431ce.js"],"default"]
16:I[3063,["874","static/chunks/874-efe6736574b279d5.js","63","static/chunks/63-cc4af6db38b88fdc.js","909","static/chunks/app/blog/%5B...slug%5D/page-739363f7539431ce.js"],"Image"]
17:I[2100,["874","static/chunks/874-efe6736574b279d5.js","63","static/chunks/63-cc4af6db38b88fdc.js","909","static/chunks/app/blog/%5B...slug%5D/page-739363f7539431ce.js"],"default"]
18:I[1449,["874","static/chunks/874-efe6736574b279d5.js","63","static/chunks/63-cc4af6db38b88fdc.js","909","static/chunks/app/blog/%5B...slug%5D/page-739363f7539431ce.js"],"default"]
c:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BlogPosting\",\"headline\":\"O Canada\",\"datePublished\":\"2017-07-15T00:00:00.000Z\",\"dateModified\":\"2017-07-15T00:00:00.000Z\",\"description\":\"The scenic lands of Canada featuring maple leaves, snow-capped mountains, turquoise lakes and Toronto. Take in the sights in this photo gallery exhibition and see how easy it is to replicate with some MDX magic and tailwind classes.\",\"image\":\"/static/images/canada/mountains.jpg\",\"url\":\"https://tailwind-nextjs-starter-blog.vercel.app/blog/pictures-of-canada\",\"author\":[{\"@type\":\"Person\",\"name\":\"Nauman Ajmal\"}]}"}}],["$","section",null,{"className":"mx-auto max-w-3xl px-4 sm:px-6 xl:max-w-5xl xl:px-0","children":[["$","$L15",null,{}],["$","article",null,{"children":["$","div",null,{"children":[["$","div",null,{"className":"space-y-1 pb-10 text-center dark:border-gray-700","children":[["$","div",null,{"className":"w-full","children":["$","div",null,{"className":"relative mt-6 -mx-6 md:-mx-8 2xl:-mx-24","children":["$","div",null,{"className":"relative aspect-2/1 w-full","children":["$","$L16",null,{"src":"/static/images/canada/mountains.jpg","alt":"O Canada","fill":true,"className":"object-cover"}]}]}]}],["$","div",null,{"className":"relative pt-10","children":["$","h1",null,{"className":"text-3xl leading-9 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-10 md:text-5xl md:leading-14 dark:text-gray-100","children":"O Canada"}]}]]}],["$","div",null,{"className":"prose dark:prose-invert max-w-none py-4","children":[["$","p",null,{"children":"The scenic lands of Canada featuring maple leaves, snow-capped mountains, turquoise lakes and Toronto. Take in the sights in this photo gallery exhibition and see how easy it is to replicate with some MDX magic and tailwind classes."}],["$","p",null,{"children":["Features images served using ",["$","code",null,{"children":"next/image"}]," component. The locally stored images are located in a folder with the following path: ",["$","code",null,{"children":"/static/images/canada/[filename].jpg"}]]}],["$","p",null,{"children":"Since we are using mdx, we can create a simple responsive flexbox grid to display our images with a few tailwind css classes."}],["$","hr",null,{}],["$","h1",null,{"className":"content-header","id":"gallery","children":[["$","a",null,{"className":"break-words","href":"#gallery","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"content-header-link","children":["$","svg",null,{"className":"h-5 linkicon w-5","fill":"currentColor","viewBox":"0 0 20 20","xmlns":"http://www.w3.org/2000/svg","children":[["$","path",null,{"d":"M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z"}],["$","path",null,{"d":"M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z"}]]}]}]}],"Gallery"]}],["$","div",null,{"className":"-mx-2 flex flex-wrap overflow-hidden xl:-mx-2","children":[["$","div",null,{"className":"my-1 w-full overflow-hidden px-2 xl:my-1 xl:w-1/2 xl:px-2","children":["$","div",null,{"children":["$","$L16",null,{"src":"/static/images/canada/maple.jpg","alt":"Maple","width":"640","height":"427"}]}]}],["$","div",null,{"className":"my-1 w-full overflow-hidden px-2 xl:my-1 xl:w-1/2 xl:px-2","children":["$","div",null,{"children":["$","$L16",null,{"src":"/static/images/canada/lake.jpg","alt":"Lake","width":"640","height":"427"}]}]}],["$","div",null,{"className":"my-1 w-full overflow-hidden px-2 xl:my-1 xl:w-1/2 xl:px-2","children":["$","div",null,{"children":["$","$L16",null,{"src":"/static/images/canada/mountains.jpg","alt":"Mountains","width":"1920","height":"1375"}]}]}],["$","div",null,{"className":"my-1 w-full overflow-hidden px-2 xl:my-1 xl:w-1/2 xl:px-2","children":["$","div",null,{"children":["$","$L16",null,{"src":"/static/images/canada/toronto.jpg","alt":"Toronto","width":"640","height":"427"}]}]}]]}],["$","h1",null,{"className":"content-header","id":"implementation","children":[["$","a",null,{"className":"break-words","href":"#implementation","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"content-header-link","children":["$","svg",null,{"className":"h-5 linkicon w-5","fill":"currentColor","viewBox":"0 0 20 20","xmlns":"http://www.w3.org/2000/svg","children":[["$","path",null,{"d":"M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z"}],["$","path",null,{"d":"M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z"}]]}]}]}],"Implementation"]}],["$","$L17",null,{"className":"language-js","children":["$","code",null,{"className":"language-js code-highlight","children":[["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token operator","children":"<"}],"div className",["$","span",null,{"className":"token operator","children":"="}],["$","span",null,{"className":"token string","children":"\"-mx-2 flex flex-wrap overflow-hidden xl:-mx-2\""}],["$","span",null,{"className":"token operator","children":">"}],"\n"]}],["$","span",null,{"className":"code-line","children":["  ",["$","span",null,{"className":"token operator","children":"<"}],"div className",["$","span",null,{"className":"token operator","children":"="}],["$","span",null,{"className":"token string","children":"\"my-1 w-full overflow-hidden px-2 xl:my-1 xl:w-1/2 xl:px-2\""}],["$","span",null,{"className":"token operator","children":">"}],"\n"]}],["$","span",null,{"className":"code-line","children":["    ",["$","span",null,{"className":"token operator","children":"!"}],["$","span",null,{"className":"token punctuation","children":"["}],["$","span",null,{"className":"token maybe-class-name","children":"Maple"}],["$","span",null,{"className":"token punctuation","children":"]"}],["$","span",null,{"className":"token punctuation","children":"("}],["$","span",null,{"className":"token operator","children":"/"}],["$","span",null,{"className":"token keyword","children":"static"}],["$","span",null,{"className":"token operator","children":"/"}],"images",["$","span",null,{"className":"token operator","children":"/"}],"canada",["$","span",null,{"className":"token operator","children":"/"}],"maple",["$","span",null,{"className":"token punctuation","children":"."}],["$","span",null,{"className":"token property-access","children":"jpg"}],["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":["  ",["$","span",null,{"className":"token operator","children":"<"}],["$","span",null,{"className":"token operator","children":"/"}],"div",["$","span",null,{"className":"token operator","children":">"}],"\n"]}],["$","span",null,{"className":"code-line","children":["  ",["$","span",null,{"className":"token operator","children":"<"}],"div className",["$","span",null,{"className":"token operator","children":"="}],["$","span",null,{"className":"token string","children":"\"my-1 w-full overflow-hidden px-2 xl:my-1 xl:w-1/2 xl:px-2\""}],["$","span",null,{"className":"token operator","children":">"}],"\n"]}],["$","span",null,{"className":"code-line","children":["    ",["$","span",null,{"className":"token operator","children":"!"}],["$","span",null,{"className":"token punctuation","children":"["}],["$","span",null,{"className":"token maybe-class-name","children":"Lake"}],["$","span",null,{"className":"token punctuation","children":"]"}],["$","span",null,{"className":"token punctuation","children":"("}],["$","span",null,{"className":"token operator","children":"/"}],["$","span",null,{"className":"token keyword","children":"static"}],["$","span",null,{"className":"token operator","children":"/"}],"images",["$","span",null,{"className":"token operator","children":"/"}],"canada",["$","span",null,{"className":"token operator","children":"/"}],"lake",["$","span",null,{"className":"token punctuation","children":"."}],["$","span",null,{"className":"token property-access","children":"jpg"}],["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":["  ",["$","span",null,{"className":"token operator","children":"<"}],["$","span",null,{"className":"token operator","children":"/"}],"div",["$","span",null,{"className":"token operator","children":">"}],"\n"]}],["$","span",null,{"className":"code-line","children":["  ",["$","span",null,{"className":"token operator","children":"<"}],"div className",["$","span",null,{"className":"token operator","children":"="}],["$","span",null,{"className":"token string","children":"\"my-1 w-full overflow-hidden px-2 xl:my-1 xl:w-1/2 xl:px-2\""}],["$","span",null,{"className":"token operator","children":">"}],"\n"]}],["$","span",null,{"className":"code-line","children":["    ",["$","span",null,{"className":"token operator","children":"!"}],["$","span",null,{"className":"token punctuation","children":"["}],["$","span",null,{"className":"token maybe-class-name","children":"Mountains"}],["$","span",null,{"className":"token punctuation","children":"]"}],["$","span",null,{"className":"token punctuation","children":"("}],["$","span",null,{"className":"token operator","children":"/"}],["$","span",null,{"className":"token keyword","children":"static"}],["$","span",null,{"className":"token operator","children":"/"}],"images",["$","span",null,{"className":"token operator","children":"/"}],"canada",["$","span",null,{"className":"token operator","children":"/"}],"mountains",["$","span",null,{"className":"token punctuation","children":"."}],["$","span",null,{"className":"token property-access","children":"jpg"}],["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":["  ",["$","span",null,{"className":"token operator","children":"<"}],["$","span",null,{"className":"token operator","children":"/"}],"div",["$","span",null,{"className":"token operator","children":">"}],"\n"]}],["$","span",null,{"className":"code-line","children":["  ",["$","span",null,{"className":"token operator","children":"<"}],"div className",["$","span",null,{"className":"token operator","children":"="}],["$","span",null,{"className":"token string","children":"\"my-1 w-full overflow-hidden px-2 xl:my-1 xl:w-1/2 xl:px-2\""}],["$","span",null,{"className":"token operator","children":">"}],"\n"]}],["$","span",null,{"className":"code-line","children":["    ",["$","span",null,{"className":"token operator","children":"!"}],["$","span",null,{"className":"token punctuation","children":"["}],["$","span",null,{"className":"token maybe-class-name","children":"Toronto"}],["$","span",null,{"className":"token punctuation","children":"]"}],["$","span",null,{"className":"token punctuation","children":"("}],["$","span",null,{"className":"token operator","children":"/"}],["$","span",null,{"className":"token keyword","children":"static"}],["$","span",null,{"className":"token operator","children":"/"}],"images",["$","span",null,{"className":"token operator","children":"/"}],"canada",["$","span",null,{"className":"token operator","children":"/"}],"toronto",["$","span",null,{"className":"token punctuation","children":"."}],["$","span",null,{"className":"token property-access","children":"jpg"}],["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":["  ",["$","span",null,{"className":"token operator","children":"<"}],["$","span",null,{"className":"token operator","children":"/"}],"div",["$","span",null,{"className":"token operator","children":">"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token operator","children":"<"}],["$","span",null,{"className":"token operator","children":"/"}],"div",["$","span",null,{"className":"token operator","children":">"}],"\n"]}]]}]}],["$","p",null,{"children":"With MDX v2, one can interleave markdown in jsx as shown in the example code."}],["$","h3",null,{"className":"content-header","id":"photo-credits","children":[["$","a",null,{"className":"break-words","href":"#photo-credits","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"content-header-link","children":["$","svg",null,{"className":"h-5 linkicon w-5","fill":"currentColor","viewBox":"0 0 20 20","xmlns":"http://www.w3.org/2000/svg","children":[["$","path",null,{"d":"M12.232 4.232a2.5 2.5 0 0 1 3.536 3.536l-1.225 1.224a.75.75 0 0 0 1.061 1.06l1.224-1.224a4 4 0 0 0-5.656-5.656l-3 3a4 4 0 0 0 .225 5.865.75.75 0 0 0 .977-1.138 2.5 2.5 0 0 1-.142-3.667l3-3Z"}],["$","path",null,{"d":"M11.603 7.963a.75.75 0 0 0-.977 1.138 2.5 2.5 0 0 1 .142 3.667l-3 3a2.5 2.5 0 0 1-3.536-3.536l1.225-1.224a.75.75 0 0 0-1.061-1.06l-1.224 1.224a4 4 0 1 0 5.656 5.656l3-3a4 4 0 0 0-.225-5.865Z"}]]}]}]}],"Photo Credits"]}],["$","div",null,{"children":["$","p",null,{"children":["Maple photo by ",["$","a",null,{"className":"break-words","target":"_blank","rel":"noopener noreferrer","href":"https://unsplash.com/@i_am_g?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText","children":"Guillaume Jaillet"}]," on ",["$","a",null,{"className":"break-words","target":"_blank","rel":"noopener noreferrer","href":"https://unsplash.com/s/photos/canada?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText","children":"Unsplash"}]]}]}],["$","div",null,{"children":["$","p",null,{"children":["Mountains photo by ",["$","a",null,{"className":"break-words","target":"_blank","rel":"noopener noreferrer","href":"https://unsplash.com/@john_artifexfilms?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText","children":"John Lee"}]," on ",["$","a",null,{"className":"break-words","target":"_blank","rel":"noopener noreferrer","href":"https://unsplash.com/s/photos/canada?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText","children":"Unsplash"}]]}]}],["$","div",null,{"children":["$","p",null,{"children":["Lake photo by ",["$","a",null,{"className":"break-words","target":"_blank","rel":"noopener noreferrer","href":"https://unsplash.com/@tjholowaychuk?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText","children":"Tj Holowaychuk"}]," on ",["$","a",null,{"className":"break-words","target":"_blank","rel":"noopener noreferrer","href":"https://unsplash.com/s/photos/canada?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText","children":"Unsplash"}]]}]}],["$","div",null,{"children":["$","p",null,{"children":["Toronto photo by ",["$","a",null,{"className":"break-words","target":"_blank","rel":"noopener noreferrer","href":"https://unsplash.com/@matthewhenry?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText","children":"Matthew Henry"}]," on ",["$","a",null,{"className":"break-words","target":"_blank","rel":"noopener noreferrer","href":"https://unsplash.com/s/photos/canada?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText","children":"Unsplash"}]]}]}]]}],["$","div",null,{"className":"pt-6 pb-6 text-center text-gray-700 dark:text-gray-300","id":"comment","children":["$","$L18",null,{"slug":"pictures-of-canada"}]}],["$","footer",null,{"children":["$","div",null,{"className":"flex flex-col text-sm font-medium sm:flex-row sm:justify-between sm:text-base","children":[["$","div",null,{"className":"pt-4 xl:pt-8","children":["$","$L5",null,{"className":"text-primary-500 hover:text-primary-600 dark:hover:text-primary-400","href":"/blog/code-sample","aria-label":"Previous post: Sample .md file","children":["← ","Sample .md file"]}]}],["$","div",null,{"className":"pt-4 xl:pt-8","children":["$","$L5",null,{"className":"text-primary-500 hover:text-primary-600 dark:hover:text-primary-400","href":"/blog/the-time-machine","aria-label":"Next post: The Time Machine","children":["The Time Machine"," →"]}]}]]}]}]]}]}]]}]]
11:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
e:null
f:null
13:[["$","title","0",{"children":"O Canada | PromptLab"}],["$","meta","1",{"name":"description","content":"The scenic lands of Canada featuring maple leaves, snow-capped mountains, turquoise lakes and Toronto. Take in the sights in this photo gallery exhibition and see how easy it is to replicate with some MDX magic and tailwind classes."}],["$","meta","2",{"name":"robots","content":"index, follow"}],["$","meta","3",{"name":"googlebot","content":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"}],["$","link","4",{"rel":"canonical","href":"https://tailwind-nextjs-starter-blog.vercel.app/blog/pictures-of-canada"}],["$","link","5",{"rel":"alternate","type":"application/rss+xml","href":"https://tailwind-nextjs-starter-blog.vercel.app/feed.xml"}],["$","meta","6",{"property":"og:title","content":"O Canada"}],["$","meta","7",{"property":"og:description","content":"The scenic lands of Canada featuring maple leaves, snow-capped mountains, turquoise lakes and Toronto. Take in the sights in this photo gallery exhibition and see how easy it is to replicate with some MDX magic and tailwind classes."}],["$","meta","8",{"property":"og:url","content":"https://tailwind-nextjs-starter-blog.vercel.app/blog/pictures-of-canada"}],["$","meta","9",{"property":"og:site_name","content":"PromptLab"}],["$","meta","10",{"property":"og:locale","content":"en_US"}],["$","meta","11",{"property":"og:image","content":"https://tailwind-nextjs-starter-blog.vercel.app/static/images/canada/mountains.jpg"}],["$","meta","12",{"property":"og:type","content":"article"}],["$","meta","13",{"property":"article:published_time","content":"2017-07-15T00:00:00.000Z"}],["$","meta","14",{"property":"article:modified_time","content":"2017-07-15T00:00:00.000Z"}],["$","meta","15",{"property":"article:author","content":"Nauman Ajmal"}],["$","meta","16",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","17",{"name":"twitter:title","content":"O Canada"}],["$","meta","18",{"name":"twitter:description","content":"The scenic lands of Canada featuring maple leaves, snow-capped mountains, turquoise lakes and Toronto. Take in the sights in this photo gallery exhibition and see how easy it is to replicate with some MDX magic and tailwind classes."}],["$","meta","19",{"name":"twitter:image","content":"https://tailwind-nextjs-starter-blog.vercel.app/static/images/canada/mountains.jpg"}]]