30:I[868422,["/_next/static/chunks/0htwjvoph0498.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/08ggvtkbmflwd.js","/_next/static/chunks/3jtkuz33a278i.js","/_next/static/chunks/3cn85recchj3h.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:16px}"}}] 12:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 13:["$","link","font-preload-Poppins-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Inter-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","script","5",{"src":"https://d7a97ajcmht8v.cloudfront.net/production/app.js","children":null}] 16:["$","script","9",{"src":"https://app.lemonsqueezy.com/js/lemon.js","defer":true,"children":null}] 17:["$","script","13",{"dangerouslySetInnerHTML":{"__html":"\n const tallyIframe = document.querySelector('iframe[src^=\"https://tally.so\"]');\n if (tallyIframe) {\n tallyIframe.src = `${tallyIframe.src}&page=${window.location.pathname}`;\n }\n"},"children":null}] 18:["$","script","15",{"async":true,"src":"https://tally.so/widgets/embed.js","dangerouslySetInnerHTML":{"__html":"\n"},"children":null}] 19:["$","script","21",{"dangerouslySetInnerHTML":{"__html":"\n window.nfProgress = function () {\n var bar = document.getElementById('nf-progress');\n if (!bar) {\n if (!document.body) return;\n bar = document.createElement('div');\n bar.id = 'nf-progress';\n document.body.appendChild(bar);\n }\n var h = document.documentElement.scrollHeight - window.innerHeight;\n bar.style.width = (h > 0 ? Math.min(100, window.scrollY / h * 100) : 0) + '%';\n };\n addEventListener('scroll', function () { window.nfProgress(); }, { passive: true });\n addEventListener('resize', function () { window.nfProgress(); });\n if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', window.nfProgress);\n else window.nfProgress();\n"},"children":null}] 2a:T404, window.nfWordIcons = function () { document.querySelectorAll(':is(.notion-text, .notion-heading) .highlighted-background.bg-green:not([data-nf-word])').forEach(function (el) { var label = (el.textContent || '').trim(); var key = label.toLowerCase().replace(/[^a-z0-9]+/g, '-'); if (!key) return; el.setAttribute('data-nf-word', key); el.setAttribute('role', 'img'); el.setAttribute('aria-label', label); if (!el.querySelector('a') && !el.hasAttribute('tabindex')) el.setAttribute('tabindex', '0'); }); }; if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', window.nfWordIcons); else window.nfWordIcons(); addEventListener('load', function () { window.nfWordIcons(); }); if (window.MutationObserver) { var nfWordTimer; new MutationObserver(function () { clearTimeout(nfWordTimer); nfWordTimer = setTimeout(window.nfWordIcons, 60); }).observe(document.documentElement, { childList: true, subtree: true }); } 1a:["$","script","25",{"dangerouslySetInnerHTML":{"__html":"$2a"},"children":null}] 1b:["$","meta","27",{"name":"facebook-domain-verification","content":"fytvuts567j3p66yrw4sn6p0lnzd10","children":null}] 1c:["$","script","35",{"dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'G-M6EJG30KEB');\n"},"children":null}] 1d:["$","script","37",{"async":true,"src":"https://www.googletagmanager.com/gtag/js?id=G-M6EJG30KEB","children":null}] 1e:["$","script","41",{"type":"text/javascript","dangerouslySetInnerHTML":{"__html":"\n (function(c,l,a,r,i,t,y){\n c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\n t=l.createElement(r);t.async=1;t.src=\"https://www.clarity.ms/tag/\"+i;\n y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\n })(window, document, \"clarity\", \"script\", \"c3i4j1rr0g\");\n"},"children":null}] 1f:["$","script","45",{"dangerouslySetInnerHTML":{"__html":"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-P23MPB3');"},"children":null}] 20:["$","meta","49",{"name":"p:domain_verify","content":"70b8e6dcc35608d81f1c2f84f769560b","children":null}] 2b:T52a, let isObserving = false const config = { subtree: true, characterData: true }; const callback = function (mutationsList, observer) { for (const mutation of mutationsList) { if (mutation.type === 'characterData') { onPageLoad() } } }; const observer = new MutationObserver(callback); const setActiveTab = (options, currentTabContent) => { const active = Array.from(options).find(el => el.textContent === currentTabContent); active.classList.add('active-filter') options.forEach((option) => { option.addEventListener('click', () => { const activeFilter = document.querySelector('.active-filter') if (activeFilter) { activeFilter.classList.remove('active-filter') } option.classList.add('active-filter') }) }) } function onPageLoad() { const options = document.querySelectorAll('.notion-dropdown__option') const currentTab = document.querySelector('.notion-dropdown__button-title') if (options && currentTab) { setActiveTab(options, currentTab.textContent) } if (!isObserving) { const header = document.querySelector('.notion-header'); observer.observe(header, config); isObserving = true } } document.addEventListener("DOMContentLoaded", onPageLoad); 21:["$","script","53",{"dangerouslySetInnerHTML":{"__html":"$2b"},"children":null}] 2c:T138e, function consultBadge() { let badge = document.querySelector("img.badge") if(!badge) { let badgeDiv = document.createElement('img'); badgeDiv.classList.add("badge") badgeDiv.src="data:image/png;base64,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" badgeDiv.alt="Notion Consulting Partner badge" let currentFooter = document.querySelector(".super-footer__content") if (currentFooter) currentFooter.appendChild(badgeDiv) } } 22:["$","script","57",{"dangerouslySetInnerHTML":{"__html":"$2c"},"children":null}] 23:["$","script","61",{"dangerouslySetInnerHTML":{"__html":"\n function nfTopLabel() {\n document.querySelectorAll('.nf-top-label').forEach(function (e) { e.remove(); });\n var root = document.querySelector('.notion-root');\n var title = document.querySelector('.notion-header__title');\n if (!root || !title) return;\n var first = Array.prototype.find.call(root.children, function (e) {\n return !e.matches('.notion-page__properties-layout') && !(e.matches('.notion-text') && !e.textContent.trim());\n });\n if (!first || !first.matches('.notion-text.bg-purple')) return;\n var label = first.cloneNode(true);\n label.removeAttribute('id');\n label.classList.add('nf-top-label');\n title.parentNode.insertBefore(label, title);\n first.setAttribute('data-nf-moved', '');\n }\n"},"children":null}] 24:["$","script","65",{"dangerouslySetInnerHTML":{"__html":"\n function nfSliders() {\n document.querySelectorAll('.notion-callout.bg-red-light .notion-collection-gallery:not(.medium)').forEach(function (g) {\n if (g.querySelector('[data-nf-clone]')) return;\n var cards = Array.prototype.filter.call(g.children, function (c) { return c.classList.contains('notion-collection-card'); });\n if (!cards.length) return;\n cards.forEach(function (c) {\n var k = c.cloneNode(true);\n k.setAttribute('data-nf-clone', '');\n k.setAttribute('aria-hidden', 'true');\n k.removeAttribute('id');\n k.querySelectorAll('[id]').forEach(function (e) { e.removeAttribute('id'); });\n k.querySelectorAll('a').forEach(function (a) { a.tabIndex = -1; });\n g.appendChild(k);\n });\n g.style.setProperty('--nf-dur', cards.length * (g.classList.contains('small') ? 3 : 6) + 's');\n g.setAttribute('data-nf-loop', '');\n });\n }\n"},"children":null}] 25:["$","script","69",{"dangerouslySetInnerHTML":{"__html":"\n (function () {\n var t;\n new MutationObserver(function () {\n clearTimeout(t);\n t = setTimeout(function () {\n if (document.querySelector('.super-footer__content') && !document.querySelector('.super-footer img.badge')) consultBadge();\n if (document.querySelector('.notion-header__title') && !document.querySelector('.nf-top-label')) nfTopLabel();\n nfSliders();\n window.nfProgress();\n window.nfWordIcons();\n }, 120);\n }).observe(document.documentElement, { childList: true, subtree: true });\n })();\n"},"children":null}] 2d:T713, function addArrows() { console.log("started arrows") let testimonialsContainer = document.querySelector('#block-9968846575c54e5f9a84a42a4791abee .notion-collection-gallery') let testimonials = document.querySelectorAll("#block-9968846575c54e5f9a84a42a4791abee .notion-collection-card") let currentIndex = 0; let totalTestimonials = testimonials.length; // Arrows let leftArrowDiv = document.createElement('div'); let rightArrowDiv = document.createElement('div'); // Addclass to Arrows rightArrowDiv.classList.add("right-arrow", "arrow") leftArrowDiv.classList.add("left-arrow", "arrow") testimonialsContainer.appendChild(rightArrowDiv) testimonialsContainer.appendChild(leftArrowDiv) let nextButton = document.querySelector(".right-arrow") let prevButton = document.querySelector(".left-arrow") // Prevent readding arrows // Event listeners for buttons nextButton.addEventListener("click", () => { console.log("clicked right: " + currentIndex) scrollToTestimonial(currentIndex + 1); }); prevButton.addEventListener("click", () => { console.log("clicked left: " + currentIndex) scrollToTestimonial(currentIndex - 1); }); testimonialsContainer.addEventListener("scroll", () => { let slideWidth = testimonials[0].clientWidth; let index = Math.round(testimonialsContainer.scrollLeft / slideWidth); currentIndex = index; }); // Scroll to testimonial let scrollToTestimonial = (index) => { if (index < 0) { index = totalTestimonials - 1; // Loop to last slide } else if (index >= totalTestimonials) { index = 0; // Loop to first slide } let slideWidth = testimonials[index].clientWidth; testimonialsContainer.scrollTo({ left: slideWidth * index, behavior: "smooth", }); currentIndex = index; }; } console.log("ended arrows func") 26:["$","script","73",{"dangerouslySetInnerHTML":{"__html":"$2d"},"children":null}] 2e:T52a, const runFunctions = () => { // console.log("Running functions to set up navigation."); consultBadge() nfTopLabel() nfSliders() addArrows() // console.log("RunFunctions completed."); }; const initializeRouteChangeHandler = () => { if (window.events && window.events.on) { window.events.on('routeChangeComplete', runFunctions); } else { // console.warn('Event system not available: window.events.on is undefined.'); window.addEventListener('popstate', runFunctions); // Fallback for route changes } }; const initialSetup = () => { // console.log("Initial setup started."); runFunctions(); // Handle initial load initializeRouteChangeHandler(); // Set up route change handling // console.log("Initial setup completed."); }; if (document.readyState === 'complete' || document.readyState === 'interactive') { // console.log("Document is ready or interactive. Running initial setup."); setTimeout(initialSetup, 50); // Delay initial setup to ensure readiness } else { // console.log("Waiting for document to be fully loaded."); document.addEventListener('DOMContentLoaded', initialSetup); // Perform setup after DOM is fully loaded } 27:["$","script","77",{"dangerouslySetInnerHTML":{"__html":"$2e"},"children":null}] 2f:T1f2c, /* Footer: Notion Consulting Partner badge (img.badge, added by the script above) */ .super-root .super-footer[class] .super-footer__content{grid-template-columns:1fr 1fr auto!important;grid-template-areas:"logo logo icons" "links links badge" "divider divider divider" "footnote footnote footnote"!important} .super-footer img.badge{grid-area:badge;justify-self:end;align-self:start;width:75px;max-width:75px;height:auto;margin:0} @media (max-width:767px){ .super-root .super-footer[class] .super-footer__content{grid-template-columns:1fr!important;grid-template-areas:"logo" "icons" "links" "badge" "divider" "footnote"!important} .super-footer .super-footer__icons{justify-self:start;height:auto!important} .super-footer img.badge{justify-self:start;width:60px;max-width:60px;padding:0;margin:8px 0 0} } /* Scroll progress bar (nfProgress script) */ #nf-progress{position:fixed;top:0;left:0;z-index:2147483600;width:0;height:8px;background:var(--primary,#fcf09d);pointer-events:none;transition:width .1s linear} /* Page icons: hidden on every page of the site */ .notion-header__icon-wrapper{display:none!important} .notion-header__content.no-cover[class*="has-icon"] .notion-header__title-wrapper{margin-top:0!important} .notion-header__content.has-cover[class*="has-icon"] .notion-header__title-wrapper{margin-top:48px!important} /* Purple-background text = small yellow label/link (any page). As the first block of a page it moves above the title (nfTopLabel script) */ .notion-text.bg-purple{background:none!important;padding:0!important;font-family:var(--font-medium)!important;font-size:.95em!important} .notion-text.bg-purple,.notion-text.bg-purple a{color:var(--link,#D69E12)!important;text-decoration:none!important;border:0!important} .notion-text.bg-purple a:hover{text-decoration:underline!important} .nf-top-label{display:block;margin:0 0 16px!important} .super-content:has(.nf-top-label) .notion-root>.notion-text.bg-purple[data-nf-moved]{display:none!important} /* Custom HTML components (moved from the CSS slot): tabs + word slider */ .tabs{display:flex;flex-direction:column;justify-content:space-between;max-width:1200px;margin:3rem auto 0;padding:0 20px} .tabs ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:0;padding:0;list-style:none} .tabs ul li{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 18px;border-radius:12px;font-size:.8rem;font-weight:600;opacity:.85} .tabs ul li:hover,.tabs ul li.active{cursor:pointer;background-color:var(--cream-200);border-radius:4px} .tabs ul li img{max-width:20px;opacity:.85} .tabs ul li p{margin:0} .content-wrapper img{width:100%} #content{display:none} #content.active{display:block} #content div{display:flex;flex-direction:column;align-items:center} #content div h3,#content div p{max-width:800px;text-align:center} #content div h3{margin-bottom:.5rem;font-size:2rem;font-weight:500} #content div p{padding-bottom:1.5rem;font-size:1rem!important;font-weight:600} .word-slider-inner{display:flex;padding:12px;transition:transform .5s ease-in-out} .word-slider span{padding:.5rem} .word-slider a{position:relative;color:#333;font-size:1.2em;line-height:2rem;text-decoration:none;border-radius:8px;transition:background-color .3s ease-in-out} .word-slider a span{transition:background-color .2s ease-in-out} .word-slider a span.linkText:hover{background-color:var(--color-ui-hover-bg)} span.tooltiptext{position:absolute;bottom:100%;left:50%;z-index:1000;min-width:250px;max-width:500px;padding:8px 12px;color:#fff;font-size:.9em;background:#333;border-radius:4px;visibility:hidden;opacity:0;transform:translateX(-50%);transition:opacity .3s,visibility .3s} .word-slider a:hover span.tooltiptext{visibility:visible;opacity:1} @media (max-width:767px){ .word-slider a.tooltipText{display:none} .word-slider{position:relative;display:block;max-width:90%;height:120px;margin:20px auto} .word-slider-inner{padding:0} .word-slider a{min-width:100%;margin:0;box-sizing:border-box;text-align:left} .slider-nav-btn,.slider-dots{display:block;margin-top:2px} .slider-nav-btn{position:absolute;top:50%;z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#000;font-size:1.5em;line-height:1;background-color:unset;border:none;border-radius:50%;cursor:pointer;transform:translateY(-50%)} .slider-nav-btn.prev{left:0} .slider-nav-btn.next{right:0} .slider-dots{text-align:left} .dot{display:inline-block;width:10px;height:10px;margin:0 5px;background-color:#bbb;border-radius:50%;cursor:pointer;transition:background-color .3s ease} .dot.active{background-color:#717171} } @media (max-width:600px){.tabs,#content div h3,#content div p{text-align:left!important}.tabs ul{justify-content:flex-start}#content div{align-items:flex-start}} /* Metric cards: MEDIUM gallery in a DEFAULT callout. Card = Figure (title) on a grid-paper panel, then Headline, Category (gold eyebrow) and Description. Source: the Metrics database; filter each linked view on "Show on". Cards are not clickable. Lives here because the Style slot is full. */ .notion-callout:not([class*="-light"]):has(.notion-collection-gallery.medium){padding:0!important;background:transparent!important;border:0!important; &>.notion-callout__icon{display:none} &>.notion-callout__content{width:100%;margin:0!important;padding:0} & :is(.notion-dropdown,.notion-dropdown__menu-wrapper){display:none!important} & .notion-collection-gallery.medium{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;border:0!important;overflow:visible!important} & .notion-collection-card.gallery{display:flex!important;flex-direction:column!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden;pointer-events:none;background:#fff!important;border:var(--border-black);border-radius:var(--radius);box-shadow:none!important;transform:none!important} & .notion-collection-card__cover{display:none!important} & .notion-collection-card__content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;margin:0!important;padding:0!important;text-align:left!important} & .notion-property__title{display:flex;align-items:flex-end;width:100%;min-height:118px;margin:0!important;padding:26px 20px 18px!important;background-color:var(--primary-light);background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(to right,rgba(0,0,0,.06) 1px,transparent 1px);background-size:20px 20px;border-bottom:var(--border-black);color:var(--text)!important;font-family:var(--font-bold)!important;font-size:var(--h2)!important;line-height:1!important;text-align:left!important;white-space:normal!important} & .notion-collection-card__content :nth-child(1 of .notion-property__text){margin:18px 0 0!important;padding:0 20px!important;color:var(--text)!important;font-family:var(--font-bold)!important;font-size:1.05em!important;line-height:1.3!important;white-space:normal!important} & .notion-property__select{margin:8px 0 0!important;padding:0 20px!important} & .notion-property__select .notion-pill{margin:0!important;padding:0!important;background:transparent!important;border:0!important;color:var(--link)!important;font-family:var(--font-medium)!important;font-size:var(--fs-chip)!important;letter-spacing:1.2px;text-transform:uppercase} & .notion-collection-card__content :nth-child(2 of .notion-property__text){margin:10px 0 22px!important;padding:0 20px!important;color:var(--muted)!important;font-family:var(--font-regular)!important;font-size:var(--fs-meta)!important;line-height:1.6!important;white-space:normal!important} @media (max-width:900px){& .notion-collection-gallery.medium{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media (max-width:600px){& .notion-collection-gallery.medium{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}& .notion-property__title{padding:22px 18px 14px!important}} } 28:["$","style","79",{"id":"nf-components","dangerouslySetInnerHTML":{"__html":"$2f"},"children":null}] 31:T6350, 32:T1ce6, 33:T12da4,@charset "UTF-8"; /* NotionFlows site stylesheet. KEY (Notion block → style): Button = primary button. Callouts: brown = white box · gray = yellow band (sticks to footer if last) · orange = grid CTA · green = testimonial card · blue = plain · red + gallery = slider (red in red = not clickable; pink around it = 4-up logo cards) · purple = soft panel · pink = centring wrapper · yellow = timeline · default in default = wrapper (stat strip, notes table, info panel, feature tiles = small gallery, metric cards = medium gallery). Quotes: brown = button row · green = pull quote · orange = lead. Text: purple = eyebrow · blue = large · red at line start = info row · gray highlight = muted link · underline in heading = outlined word · red-bg block = spacer. Toggles: yellow = FAQ · gray = hidden. More CSS lives in Code → Head (

type of websites that you can make with Notion

Did you like this Blog Post?