CINXE.COM
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="generator" content="Frontity"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link data-rh="true" rel="canonical" href="https://frontity.org/"/> <meta data-rh="true" name="description" content="Frontity is the easiest way to create lightning fast websites using WordPress and React. Open source and free to use."/><meta data-rh="true" name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"/><meta data-rh="true" property="og:locale" content="en_US"/><meta data-rh="true" property="og:type" content="article"/><meta data-rh="true" property="og:title" content="Frontity - The React Framework for WordPress"/><meta data-rh="true" property="og:description" content="Frontity is the easiest way to create lightning fast websites using WordPress and React. Open source and free to use."/><meta data-rh="true" property="og:url" content="https://frontity.org/"/><meta data-rh="true" property="og:site_name" content="Frontity"/><meta data-rh="true" property="article:publisher" content="https://facebook.com/frontityorg"/><meta data-rh="true" property="article:modified_time" content="2022-03-25T09:16:05+00:00"/><meta data-rh="true" property="og:image" content="https://frontity.org/wp-content/uploads/2020/02/demo-icon.svg"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:creator" content="@frontity"/><meta data-rh="true" name="twitter:site" content="@frontity"/> <noscript data-rh="true" ><style id="frontity-no-js-iframes" type="text/css"> :non(noscript) > .frontity-lazy-iframe { display: none; } </style></noscript> <script data-rh="true" id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/55f4be1c19ac371f8f42d9ea.js"></script><script data-rh="true" id="frontity-no-proxy-iframe" type="text/javascript"> if (typeof window !== "undefined" && (!("Proxy" in window) || !("IntersectionObserver" in window))) { document.addEventListener("DOMContentLoaded", function() { var iframes = document.querySelectorAll("iframe.frontity-lazy-iframe"); for (i = 0; i < iframes.length; ++i) { var iframe = iframes[i]; iframe.setAttribute("src", iframe.getAttribute("data-src")); iframe.removeAttribute("data-src"); iframe.removeAttribute("style"); } }); } </script><script data-rh="true" type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://frontity.org/#website","url":"https://frontity.org/","name":"Frontity","description":"The React framework for WordPress","potentialAction":[{"@type":"SearchAction","target":"https://frontity.org/?s={search_term_string}","query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://frontity.org/#primaryimage","inLanguage":"en-US","url":"https://frontity.org/wp-content/uploads/2020/02/demo-icon.svg"},{"@type":"WebPage","@id":"https://frontity.org/#webpage","url":"https://frontity.org/","name":"Frontity - The React Framework for WordPress","isPartOf":{"@id":"https://frontity.org/#website"},"primaryImageOfPage":{"@id":"https://frontity.org/#primaryimage"},"datePublished":"2020-02-12T16:06:28+00:00","dateModified":"2022-03-25T09:16:05+00:00","description":"Frontity is the easiest way to create lightning fast websites using WordPress and React. Open source and free to use.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://frontity.org/"]}]}]}</script><script data-rh="true" async="true" src="https://www.googletagmanager.com/gtm.js?id=GTM-NDGDFKR"></script><script data-rh="true" > var dataLayer = window.dataLayer || []; dataLayer.push({ "gtm.start": new Date().getTime(), event: "gtm.js", }) </script> <title data-rh="true">Frontity</title> <link data-chunk="frontity-org" rel="modulepreload" as="script" href="https://frontity-org-frontity.vercel.app/static/frontity-org.module.3400cbf20809b33a3908.js" crossorigin=""> </head> <body > <div id="root"><style data-emotion="css-global 195b4gp">.wp-block-audio figcaption{margin-top:0.5em;margin-bottom:1em;}.wp-block-audio audio{width:100%;min-width:300px;}.wp-block-button{color:#fff;}.wp-block-button.aligncenter{text-align:center;}.wp-block-button.alignright{text-align:right;}.wp-block-button__link{background-color:#32373c;border:none;border-radius:28px;box-shadow:none;color:inherit;cursor:pointer;display:inline-block;font-size:18px;margin:0;padding:12px 24px;text-align:center;-webkit-text-decoration:none;text-decoration:none;overflow-wrap:break-word;}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:inherit;}.wp-gs .wp-block-button__link:not(.has-background){background-color:var( --wp-block-core-button--color--background, var(--wp-color--primary, #32373c) );}.is-style-squared .wp-block-button__link{border-radius:0;}.no-border-radius.wp-block-button__link{border-radius:0!important;}.is-style-outline{color:#32373c;}.is-style-outline .wp-block-button__link{background-color:transparent;border:2px solid;}.wp-block-buttons .wp-block-button{display:inline-block;margin:4px;}.wp-block-buttons.aligncenter,.wp-block-calendar{text-align:center;}.wp-block-calendar tbody td,.wp-block-calendar th{padding:4px;border:1px solid #e2e4e7;}.wp-block-calendar tfoot td{border:none;}.wp-block-calendar table{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;}.wp-block-calendar table th{font-weight:400;background:#edeff0;}.wp-block-calendar a{-webkit-text-decoration:underline;text-decoration:underline;}.wp-block-calendar tfoot a{color:#00739c;}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d;}.wp-block-categories.alignleft{margin-right:2em;}.wp-block-categories.alignright{margin-left:2em;}.wp-block-columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:28px;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}@media (min-width: 782px){.wp-block-columns{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}}.wp-block-columns.has-background{padding:20px 30px;}.wp-block-column{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word;}@media (max-width: 599px){.wp-block-column{-webkit-flex-basis:100%!important;-ms-flex-preferred-size:100%!important;flex-basis:100%!important;}}@media (min-width: 600px){.wp-block-column{-webkit-flex-basis:calc(50% - 16px);-ms-flex-preferred-size:calc(50% - 16px);flex-basis:calc(50% - 16px);-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}.wp-block-column:nth-of-type(2n){margin-left:32px;}}@media (min-width: 782px){.wp-block-column{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.wp-block-column[style]{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}.wp-block-column:not(:first-child){margin-left:32px;}}.wp-block-columns.are-vertically-aligned-top{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.wp-block-columns.are-vertically-aligned-center{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.wp-block-columns.are-vertically-aligned-bottom{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.wp-block-column.is-vertically-aligned-top{-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;}.wp-block-column.is-vertically-aligned-center{-ms-grid-row-align:center;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}.wp-block-column.is-vertically-aligned-bottom{-webkit-align-self:flex-end;-ms-flex-item-align:flex-end;align-self:flex-end;}.wp-block-cover,.wp-block-cover-image{position:relative;background-color:#000;-webkit-background-size:cover;background-size:cover;-webkit-background-position:50%;background-position:50%;min-height:430px;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed;}@supports (-webkit-overflow-scrolling: touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll;}}@media (prefers-reduced-motion: reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll;}}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";background-color:inherit;}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;opacity:0.5;}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:0.1;}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:0.2;}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:0.3;}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:0.4;}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:0.5;}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:0.6;}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:0.7;}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:0.8;}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:0.9;}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1;}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:290px;width:100%;}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit;}@supports ((position: -webkit-sticky) or (position: sticky)){.wp-block-cover-image:after,.wp-block-cover:after{content:none;}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:calc(100% - 70px);z-index:1;color:#f8f9f9;}.wp-block-cover-image .wp-block-subhead:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover .wp-block-subhead:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color){color:inherit;}.wp-block-cover__video-background{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover;}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff;}.wp-block-cover-image .wp-block-cover.has-left-content{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}.wp-block-cover-image .wp-block-cover.has-right-content{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left;}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right;}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:580px;padding:14px;text-align:center;}.block-editor-block-list__block[data-type="core/embed"][data-align="left"],.block-editor-block-list__block[data-type="core/embed"][data-align="right"],.wp-block-embed.alignleft,.wp-block-embed.alignright{max-width:360px;width:100%;}.wp-block-embed{margin-bottom:1em;}.wp-block-embed figcaption{margin-top:0.5em;margin-bottom:1em;}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper{position:relative;}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%;}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%;}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%;}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%;}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%;}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%;}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.78%;}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%;}.wp-block-file{margin-bottom:1.5em;}.wp-block-file.aligncenter{text-align:center;}.wp-block-file.alignright{text-align:right;}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:13px;padding:0.5em 1em;}.wp-block-file a.wp-block-file__button{-webkit-text-decoration:none;text-decoration:none;}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:0.85;-webkit-text-decoration:none;text-decoration:none;}.wp-block-file *+.wp-block-file__button{margin-left:0.75em;}.blocks-gallery-grid,.wp-block-gallery{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;padding:0;margin:0;}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 16px 16px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;}.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%;}@supports ((position: -webkit-sticky) or (position: sticky)){.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}}.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%;}@supports ((position: -webkit-sticky) or (position: sticky)){.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto;}}.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:40px 10px 9px;color:#fff;text-align:center;font-size:13px;background:linear-gradient( 0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent );}.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline;}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%;}@supports ((position: -webkit-sticky) or (position: sticky)){.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-o-object-fit:cover;object-fit:cover;}}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc((100% - 16px) / 2);}.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0;}.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0;}@media (min-width: 600px){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px) / 3);margin-right:16px;}@supports (-ms-ime-align: auto){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px) / 3 - 1px);}}.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px) / 4);margin-right:16px;}@supports (-ms-ime-align: auto){.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px) / 4 - 1px);}}.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px) / 5);margin-right:16px;}@supports (-ms-ime-align: auto){.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px) / 5 - 1px);}}.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px) / 6);margin-right:16px;}@supports (-ms-ime-align: auto){.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px) / 6 - 1px);}}.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px) / 7);margin-right:16px;}@supports (-ms-ime-align: auto){.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px) / 7 - 1px);}}.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px) / 8);margin-right:16px;}@supports (-ms-ime-align: auto){.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px) / 8 - 1px);}}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0;}}.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0;}.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:290px;width:100%;}.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.wp-block-image{margin-bottom:1em;}.wp-block-image img{max-width:100%;}.wp-block-image.aligncenter{text-align:center;}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%;}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.is-resized{display:table;margin-left:0;margin-right:0;}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{display:table-caption;caption-side:bottom;}.wp-block-image .alignleft{float:left;margin-right:1em;}.wp-block-image .alignright{float:right;margin-left:1em;}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto;}.wp-block-image figcaption{margin-top:0.5em;margin-bottom:1em;}.is-style-circle-mask img,.is-style-rounded img{border-radius:9999px;}@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none){.is-style-circle-mask img{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');-webkit-mask-mode:alpha;mask-mode:alpha;-webkit-mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;-webkit-mask-position:center;mask-position:center;border-radius:0;}}.wp-block-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em;}.has-avatars .wp-block-latest-comments__comment{min-height:36px;list-style:none;}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:52px;}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5;}.wp-block-latest-comments__comment-excerpt p{font-size:14px;line-height:1.8;margin:5px 0 20px;}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px;}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:left;height:40px;margin-right:12px;width:40px;}.wp-block-latest-posts.alignleft{margin-right:2em;}.wp-block-latest-posts.alignright{margin-left:2em;}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both;}.wp-block-latest-posts.is-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;}.wp-block-latest-posts.is-grid li{margin:0 16px 16px 0;width:100%;}@media (min-width: 600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 16px);}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 16px);}.wp-block-latest-posts.columns-4 li{width:calc(25% - 16px);}.wp-block-latest-posts.columns-5 li{width:calc(20% - 16px);}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 16px);}}.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px;}.wp-block-latest-posts__post-excerpt{margin-top:8px;margin-bottom:16px;}.wp-block-latest-posts__featured-image img{height:auto;width:auto;}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em;}.wp-block-latest-posts__featured-image.alignright{margin-left:1em;}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center;}.wp-block-media-text{direction:ltr;display:-ms-grid;display:grid;-ms-grid-columns:50% 1fr;grid-template-columns:50% 1fr;-ms-grid-rows:auto;grid-template-rows:auto;}.wp-block-media-text.has-media-on-the-right{-ms-grid-columns:1fr 50%;grid-template-columns:1fr 50%;}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{-ms-grid-row-align:start;-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{-ms-grid-row-align:center;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{-ms-grid-row-align:end;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;}.wp-block-media-text .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;margin:0;}.wp-block-media-text .wp-block-media-text__content{direction:ltr;padding:0 8%;word-break:break-word;}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content{-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1;}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;}.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle;}.wp-block-media-text.is-image-fill figure.wp-block-media-text__media{height:100%;min-height:250px;-webkit-background-size:cover;background-size:cover;}.wp-block-media-text.is-image-fill figure.wp-block-media-text__media>img{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}@media (max-width: 600px){.wp-block-media-text.is-stacked-on-mobile{-ms-grid-columns:100%!important;grid-template-columns:100%!important;}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2;}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;}}.wp-block-navigation>ul{display:block;list-style:none;margin:0;padding-left:0;}@media (min-width: 600px){.wp-block-navigation>ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}}.wp-block-navigation>ul ul{list-style:none;padding-left:0;margin-top:0;margin-left:0;}.wp-block-navigation>ul ul li{margin:0;}.wp-block-navigation>ul li{z-index:1;}.wp-block-navigation>ul li:focus-within,.wp-block-navigation>ul li:hover{cursor:pointer;z-index:99999;}.wp-block-navigation>ul li:focus-within>ul,.wp-block-navigation>ul li:hover>ul,.wp-block-navigation>ul li ul:focus,.wp-block-navigation>ul li ul:hover{visibility:visible;opacity:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.wp-block-navigation>ul>li ul{position:absolute;left:0;top:100%;min-width:200px;max-width:200px;opacity:0;-webkit-transition:opacity 0.1s linear;transition:opacity 0.1s linear;visibility:hidden;}.wp-block-navigation,.wp-block-navigation .block-editor-block-list__layout{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.wp-block-navigation .block-editor-block-list__layout .block-editor-block-list__layout{width:200px;}.wp-block-navigation .block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block{margin:0;width:auto;}.wp-block-navigation,.wp-block-navigation>.wp-block-navigation__container{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}.wp-block-navigation>.wp-block-navigation-link,.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:0;margin-bottom:0;}.wp-block-navigation .wp-block-navigation-link{position:relative;margin:0;min-height:56px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:1.4;}.wp-block-navigation .wp-block-navigation-link .wp-block,.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link{min-height:auto;padding:0;}.wp-block-navigation .wp-block-navigation-link .wp-block .wp-block-navigation-link{margin:0;}.wp-block-navigation .wp-block-navigation-link>.block-editor-inner-blocks{display:none;}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:1px solid rgba(0, 0, 0, 0.15);position:absolute;z-index:1;top:100%;left:0;}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container .wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks .wp-block-navigation__container{left:100%;top:-1px;}.wp-block-navigation .wp-block-navigation-link .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link .wp-block-navigation__container{background-color:inherit;color:inherit;}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:6px 16px;}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:first-child:not(:only-child) .wp-block-navigation-link__content{padding-top:8px;}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:last-child .wp-block-navigation-link__content{padding-bottom:8px;}.wp-block-navigation .wp-block-navigation-link.has-child .wp-block-navigation-link__content{min-width:100%;padding-right:32px;position:relative;}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon{position:absolute;right:16px;}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon svg{fill:currentColor;}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link svg{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.wp-block-navigation .wp-block-navigation-link.has-text-color .wp-block-navigation-link__content{color:inherit;}.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container{color:#111;}.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container{background-color:#fff;}.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container{color:#fff;}.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container{background-color:#333;}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0;}.wp-block-navigation>ul>li>a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.wp-block-navigation>ul>li:first-of-type>a{padding-left:0;}.wp-block-navigation>ul>li:last-of-type>a{padding-right:0;}.wp-block-navigation.items-justified-left>ul{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}.wp-block-navigation.items-justified-center>ul{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.wp-block-navigation.items-justified-right>ul{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}.is-small-text{font-size:14px;}.is-regular-text{font-size:16px;}.is-large-text{font-size:36px;}.is-larger-text{font-size:48px;}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:0.68;font-weight:100;margin:0.05em 0.1em 0 0;text-transform:uppercase;font-style:normal;}p.has-background{padding:20px 30px;}p.has-text-color a{color:inherit;}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center;}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:290px;}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px;}.wp-block-pullquote p{font-size:28px;line-height:1.6;}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative;}.wp-block-pullquote .has-text-color a{color:inherit;}.wp-block-pullquote:not(.is-style-solid-color){background:none;}.wp-block-pullquote.is-style-solid-color{border:none;}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%;}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:32px;}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal;}.wp-block-pullquote cite{color:inherit;}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em;}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;font-style:italic;line-height:1.6;}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:18px;text-align:right;}.wp-block-rss.alignleft{margin-right:2em;}.wp-block-rss.alignright{margin-left:2em;}.wp-block-rss.is-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;list-style:none;}.wp-block-rss.is-grid li{margin:0 16px 16px 0;width:100%;}@media (min-width: 600px){.wp-block-rss.columns-2 li{width:calc(50% - 16px);}.wp-block-rss.columns-3 li{width:calc(33.33333% - 16px);}.wp-block-rss.columns-4 li{width:calc(25% - 16px);}.wp-block-rss.columns-5 li{width:calc(20% - 16px);}.wp-block-rss.columns-6 li{width:calc(16.66667% - 16px);}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#6c7781;font-size:13px;}.wp-block-search{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.wp-block-search .wp-block-search__label{width:100%;}.wp-block-search .wp-block-search__input{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:360px;}.wp-block-search .wp-block-search__button{margin-left:10px;}.wp-block-separator.is-style-wide{border-bottom-width:1px;}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;max-width:none;line-height:1;height:auto;}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:currentColor;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif;}.wp-block-social-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;padding-left:0;padding-right:0;margin-left:0;}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{-webkit-text-decoration:none;text-decoration:none;border-bottom:0;box-shadow:none;}.wp-social-link{display:block;width:36px;height:36px;border-radius:36px;margin-right:8px;-webkit-transition:-webkit-transform 0.1s ease;transition:transform 0.1s ease;}@media (prefers-reduced-motion: reduce){.wp-social-link{transition-duration:0s;}}.wp-social-link a{padding:6px;display:block;line-height:0;-webkit-transition:-webkit-transform 0.1s ease;transition:transform 0.1s ease;}.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg{color:currentColor;fill:currentColor;}.wp-social-link:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}.wp-block-social-links.aligncenter{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1977f2;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0577b5;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#21a1f3;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff;}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:#ff0100;color:#fff;}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none;padding:4px;}.wp-block-social-links.is-style-logos-only .wp-social-link svg{width:28px;height:28px;}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90;}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3;}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe;}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26;}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b;}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89;}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff;}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800;}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1977f2;}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000;}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd;}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678;}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d;}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110;}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434;}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075;}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24;}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0577b5;}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4;}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c;}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f;}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122;}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155;}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#fe4500;}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7;}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000;}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600;}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760;}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835;}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4;}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#21a1f3;}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea;}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2;}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd;}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{background-color:#d32422;color:#fff;}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:#ff0100;}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto;}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:16px;padding-right:16px;}.wp-block-spacer{clear:both;}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:0.75;}.wp-block-table{overflow-x:auto;}.wp-block-table table{width:100%;}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%;}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word;}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto;}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word;}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5;}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5;}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe;}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef;}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f3f4f5;}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-of-type(odd),.wp-block-table.is-style-stripes tbody tr:nth-of-type(odd){background-color:#f3f4f5;}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-of-type(odd){background-color:#e9fbe5;}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-of-type(odd){background-color:#e7f5fe;}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-of-type(odd){background-color:#fcf0ef;}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent;}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.wp-block-text-columns .wp-block-column{margin:0 16px;padding:0;}.wp-block-text-columns .wp-block-column:first-child{margin-left:0;}.wp-block-text-columns .wp-block-column:last-child{margin-right:0;}.wp-block-text-columns.columns-2 .wp-block-column{width:50%;}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%;}.wp-block-text-columns.columns-4 .wp-block-column{width:25%;}.wp-block-video{margin-left:0;margin-right:0;}.wp-block-video video{max-width:100%;}@supports ((position: -webkit-sticky) or (position: sticky)){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover;}}.wp-block-video.aligncenter{text-align:center;}.wp-block-video figcaption{margin-top:0.5em;margin-bottom:1em;}:root .has-pale-pink-background-color{background-color:#f78da7;}:root .has-vivid-red-background-color{background-color:#cf2e2e;}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900;}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900;}:root .has-light-green-cyan-background-color{background-color:#7bdcb5;}:root .has-vivid-green-cyan-background-color{background-color:#00d084;}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc;}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3;}:root .has-vivid-purple-background-color{background-color:#9b51e0;}:root .has-very-light-gray-background-color{background-color:#eee;}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3;}:root .has-very-dark-gray-background-color{background-color:#313131;}:root .has-pale-pink-color{color:#f78da7;}:root .has-vivid-red-color{color:#cf2e2e;}:root .has-luminous-vivid-orange-color{color:#ff6900;}:root .has-luminous-vivid-amber-color{color:#fcb900;}:root .has-light-green-cyan-color{color:#7bdcb5;}:root .has-vivid-green-cyan-color{color:#00d084;}:root .has-pale-cyan-blue-color{color:#8ed1fc;}:root .has-vivid-cyan-blue-color{color:#0693e3;}:root .has-vivid-purple-color{color:#9b51e0;}:root .has-very-light-gray-color{color:#eee;}:root .has-cyan-bluish-gray-color{color:#abb8c3;}:root .has-very-dark-gray-color{color:#313131;}:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(135deg, #0693e3, #9b51e0);}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg, #00d084, #0693e3);}:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(135deg, #7adcb4, #00d082);}:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(135deg, #fcb900, #ff6900);}:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(135deg, #ff6900, #cf2e2e);}:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(135deg, #eee, #a9b8c3);}:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient( 135deg, #4aeadc, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c );}:root .has-blush-light-purple-gradient-background{background:linear-gradient(135deg, #ffceec, #9896f0);}:root .has-blush-bordeaux-gradient-background{background:linear-gradient(135deg, #fecda5, #fe2d2d 50%, #6b003e);}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe);}:root .has-luminous-dusk-gradient-background{background:linear-gradient(135deg, #ffcb70, #c751c0 50%, #4158d0);}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg, #faaca8, #dad0ec);}:root .has-pale-ocean-gradient-background{background:linear-gradient(135deg, #fff5cb, #b6e3d4 50%, #33a7b5);}:root .has-electric-grass-gradient-background{background:linear-gradient(135deg, #caf880, #71ce7e);}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg, #fafae1, #67a671);}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg, #fdd79a, #004a59);}:root .has-nightshade-gradient-background{background:linear-gradient(135deg, #330968, #31cdcf);}:root .has-midnight-gradient-background{background:linear-gradient(135deg, #020381, #2874fc);}.has-small-font-size{font-size:13px;}.has-normal-font-size,.has-regular-font-size{font-size:16px;}.has-medium-font-size{font-size:20px;}.has-large-font-size{font-size:36px;}.has-huge-font-size,.has-larger-font-size{font-size:42px;}.has-text-align-center{text-align:center;}.has-text-align-left{text-align:left;}.has-text-align-right{text-align:right;}</style><style data-emotion="css-global 1ays2hc">.wp-block-audio figcaption{color:#555d66;font-size:13px;text-align:center;}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;font-size:14px;color:#23282d;padding:0.8em 1em;border:1px solid #e2e4e7;border-radius:4px;}.blocks-gallery-caption,.wp-block-embed figcaption,.wp-block-image figcaption{color:#555d66;font-size:13px;text-align:center;}.wp-block-pullquote{border-top:4px solid #555d66;border-bottom:4px solid #555d66;margin-bottom:28px;color:#40464d;}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:#40464d;text-transform:uppercase;font-size:13px;font-style:normal;}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;}.wp-block-quote{border-left:4px solid #000;margin:0 0 28px;padding-left:1em;}.wp-block-quote__citation,.wp-block-quote cite,.wp-block-quote footer{color:#6c7781;font-size:13px;margin-top:1em;position:relative;font-style:normal;}.wp-block-quote.has-text-align-right{border-left:none;border-right:4px solid #000;padding-left:0;padding-right:1em;}.wp-block-quote.has-text-align-center{border:none;padding-left:0;}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none;}.wp-block-search .wp-block-search__label{font-weight:700;}.wp-block-group.has-background{padding:20px 30px;margin-top:0;margin-bottom:0;}.wp-block-separator{border:none;border-bottom:2px solid #8f98a1;margin-left:auto;margin-right:auto;}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px;}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px;}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px;}.wp-block-table{border-collapse:collapse;}.wp-block-table thead{border-bottom:3px solid;}.wp-block-table tfoot{border-top:3px solid;}.wp-block-table td,.wp-block-table th{padding:0.5em;border:1px solid;word-break:normal;}.wp-block-table figcaption,.wp-block-video figcaption{color:#555d66;font-size:13px;text-align:center;}</style><style data-emotion="css-global am9kfg">*,*::before,*::after{box-sizing:border-box;}html{cursor:default;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;word-break:break-word;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}table{border-collapse:collapse;border-spacing:0;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}textarea{overflow:auto;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;-moz-appearance:button;-ms-appearance:button;appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}[aria-disabled="true"],[disabled]{cursor:not-allowed;}a,area,button,input,label,select,summary,textarea,[tabindex]{touch-action:manipulation;}[aria-disabled="true"],[hidden]{display:none;}strong,b{font-weight:bold;}body{background:#f6f6f9;font-family:"IBMPlexSans",Sans-Serif;color:rgba(15, 28, 100, 0.8);font-size:16px;line-height:24px;overflow-x:hidden;}h1,h2,h3,h4,h5,h6{font-family:"Poppins",Sans-Serif;color:#0f1c64;}img{max-width:100%;}svg,img,embed,object{display:block;height:auto;max-width:100%;}div#root>div.wp-block-group>div{max-width:1080px;margin:auto;}@media only screen and (max-width: 1080px){div#root>div.wp-block-group>div{padding-right:16px;padding-left:16px;}}h1{font-size:48px;line-height:58px;margin-bottom:16px;}h2{font-size:32px;line-height:40px;margin-bottom:16px;}h3{font-size:24px;line-height:32px;margin-bottom:8px;}h4{font-size:20px;line-height:24px;margin:20px 0 8px;}h5{font-size:14px;line-height:21px;color:rgba(15, 28, 100, 0.4);text-transform:uppercase;margin:12px 0 0;}ul,ol{list-style-position:outside;margin-left:1.3em;}ul{list-style-type:"→ ";}ul>li{margin:1.125rem 0;line-height:1.5rem;}ul>li::before{line-height:0;margin:auto 0.5rem auto 0;}code[class*="language-"],pre[class*="language-"]{font-family:Courier,monospace;font-size:0.78rem;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.65;color:rgba(246, 246, 249, 0.8);-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}@media print{code[class*="language-"],pre[class*="language-"]{text-shadow:none;}}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:hsl(30, 20%, 50%);}.token.punctuation{opacity:0.7;}.token.namespace{opacity:0.7;}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:rgba(247, 109, 100, 0.8);}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:rgba(130, 195, 21, 0.8);}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:rgba(244, 192, 83, 0.8);}.token.atrule,.token.attr-value,.token.keyword{color:rgba(247, 109, 100, 0.8);}.token.regex,.token.important{color:rgba(106, 200, 201, 0.8);}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}.token.deleted{color:red;}</style><style data-emotion="css-global 1bet72n">.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 textarea{width:100%;border:1px solid rgba(12, 17, 43, 0.08);border-radius:8px;box-shadow:0 1px 4px 0 rgba(12, 17, 43, 0.12);background:#ffffff;font-size:16px;line-height:24px;color:rgba(15, 28, 100, 0.8);}.wpcf7 input[type="text"]:hover,.wpcf7 input[type="email"]:hover,.wpcf7 textarea:hover{border-color:#f4c053;}.wpcf7 input[type="text"]:focus,.wpcf7 input[type="email"]:focus,.wpcf7 textarea:focus{border:1px solid #1f38c5;outline:none;}.wpcf7 input[type="text"],.wpcf7 input[type="email"]{height:50px;padding:3px 9px 3px 19px;}.wpcf7 textarea{height:160px;padding:9px 9px 9px 19px;}.wpcf7 label{text-transform:uppercase;font-size:14px;line-height:20px;font-weight:600;color:#0f1c64;}.wpcf7-acceptance label{text-transform:none;font-weight:normal;color:rgba(15, 28, 100, 0.8);}.wpcf7-acceptance label>*{vertical-align:middle;}.wpcf7-acceptance label>span{margin-left:8px;}.wpcf7-submit{background-color:#1f38c5;color:#ffffff;line-height:16px;font-size:16px;font-weight:bold;padding:12px 16px;border-radius:8px;border:none;box-shadow:0 4px 8px 0 rgba(12, 17, 43, 0.12),0 1px 4px 0 rgba(12, 17, 43, 0.16);}.wpcf7-submit:hover{-webkit-filter:opacity(0.9);filter:opacity(0.9);cursor:pointer;}.wpcf7-form>p{margin-top:12px;}.wpcf7 div[class*="ErrorMessage"],.wpcf7 div[class*="SuccessMessage"]{margin-top:20px;border-radius:8px;}.wpcf7 div[class*="ErrorMessage"]{border:1px solid #f76d64;color:#f76d64;}.wpcf7 div[class*="SuccessMessage"]{border:1px solid #8ACB88;font-weight:bold;}</style><style data-emotion="css-global 1fbevjv">@font-face{font-family:"Poppins";src:url(data:font/woff2;base64,d09GMgABAAAAAB6cAA0AAAAAPcAAAB5IAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGyAcMAZgAIFUEQgK4xTOKwuDNgABNgIkA4ZoBCAFhBwHhAsbvzCzItg4AKCgx5P9Vwfm4fDiodPYqVmshMuZO7CKsMYLm7U5/1nIl04eO7MjOz8gF6oUJlAozP8rGH8GMiMjJJnl4cs/8M/efSE6iJWgCq4gl0mdSQu1KSr7s4R3eHDXP+u2uUNCY6sUqa1lJFpkp+VEicyMXRy31sTtf/fnujEXVXTxX2T1fsADsBPhN/ft12aOtvtoKhq/ZKj9xA3VFSSiZi0XNIntKHCA3F/9L53v37trBc7VhiqYPmkzqSpaMMRRWC+jSUUoJZ2VFoH+Z9thv3wA/P+n+tInK/pj+zh/sb0A6cYCvBPApyvFfk8vSiSPJHKWk+3kDyvOcNJl6S/H3RPA9qO2SP5T3U6Q87sG2wvvRXt4aTkqgBMw3sewFaBbzysZ1+ETKe1+bPVvcPEy3CgDlZURRsVC7kc+YglQV5QYbmPGiWVgBk+AUoC0pUhoHtag/1U2PIi5oDInMU6hKq8NBS8gTkg5MPlIaRl8YoBaYH/ahIlzeDngzD22/+cZ8f86lVVtWNoCcBEWRvc452/LE4VFBjTPzO3K7+kM65n2VM4BNNDuW8Kl/DgR5+Pv+LdtECQCEgOJh8AgVAgHsqO7Jz4gPhgzCPoh1kyWLg2EhEGijp/2m1blzft/k2+s1P30qy+/fnl8/fb1/df3Xd99fcf1ZdfHrsOvJf8//47zoTxLsLTyZN/LqXwTfb+KicqI+Vp6cEU1j0aAKX5W588ECGt1qu1NPUGIBwgVE3J84ecYOKdnf4xKdM8KMigcrnyTLAG7rOp2P+crzyJN2fUpaG6Lv6yuLlpb9HhtiEDtIhvpFfTCmxIqFRnV3TlsMsfFe4LkmotJqcsIGN3wEtrNhH5uoakBd/Ua4z9Jm1WXQWmbc0oJLlqhOumXm+ddej5STSAe6PFB5tF96vtr9gmGgJ2D8lMy8drvu7zEPvgbr89zjoA376uUMs90WMwkKFPHBww66EbpQwIutCxdSwxtaXPkVDXK8+a5igDGIr2EWTlSwpFjYPGZli0Tf0qEcmaVOHIuVL1KrfPWZFXUmwRebuENbzXfCsEiTGeZLraOYkQ9bZMFcsYIfnDpCE22V+d5jIBjxUJKnYXaXMWO0gJ1ist87hlefGHxukDfQ5i0BFzo9D5k/UVals+k1F67AO/icz+NSw71m+qORUVu6+FoXyw6GC1592YYiaJhh0BKHhye/dmXST5vPe+Qf9BalNr704X6DWvOAZ1f/PxbAX9es/YCpf0DmbOPVb1DsD70OC92/gMGJHGSrhqtXPrxSA2U3McSLC9rS4mFIOsM7zCCAhmQsFQQfV2Ry0tEIUqBUdIUQzF/b6DYHmlVp8luCpdfxdvB0lZU7RLvGzgVJVR530ZVFsd0VEZFHily25kUTXlugjbfQxNTd14mhKNdxXMuWxodAbI+ZDGbniyn5uhxVuD66ZPM2qoodEE+QdLuf0zbVirwCiVae+SVEOPzZELgGhcKPoh1i2kIz+O0RJxFaOROhcCY+74D9khJ7Yv9j0Q2hnYLYo3dS4xsspsg99Ly6xG4yi7EbKfq/PunL47xEMmDzowtMpkLX6/+zurjyODU9/wZvbW9Eryo23lA8jd3OFMQeO2smMGU9GeNIKKI9RtgHFCSkBDIUBwZyig+iCtEMoQTsLpNHWzo0yfL4gp0rNZuZXRSkWimLDoueTXs1elszEkankoQiiNZPh2von7V0EyGJtTP1mI32TKrP0WtmKWxoaBpjHT1a57nz2VVmrtZcb9lVxRuNnXkqlNqc2z5CXSHtoVOJvc6/fGkCllUZMfn4IoXH/YH/CqLCRVE0UR1gQYtKnBBnTQTmYKpy1mvVw9EKil5G2/RqIsLUq0trhJY47VGGBgkxTEbWk4YIBQPnr5MljqWgWAzKOCnCOqWVEeeF3V6eF2GTxkCQ9BWs4wUniFK855NUpRXji/z1dnk2L6y01pq/e9NJA77c3dxIFU25DbFfP8MXaJNg4WoaD0hlZWBXuvju6k2hW3KcNMUbr1X3ieKkBf6RAldJXb2SliEZInofpxJq+QExtcUCAULy/1fir08jsyST2fHC3Gk0LZnlOJZfqANJDo1lgHQiqWRV00DoXUZuQHYqwUt9Cbn72s5NezF1tbI3S486HyGZ5IVBadggzBdQxc3j2xnSocLz2zcVwk3ao1kA5p0bUvQmHo7tYF7esUh79pkgZwfEw58qqs37n3O0bAb7tmw7/U1KPSIQW5t3g25ApgyUF5hYXeALj0LLPs/MKt1+c19ujcV7l5/lPbeB74oJSDbQXR89TC830lL3co6cisHUrPCws9lp9QT+CHkILXXjpn5OVszFPsPJJGGsU+yhh569zC2jxLCZvh6beKESZeQrORFk29gsam7qx59ebJx7evw6fxHU2fjOEpzGh3Pap2i8y4XhSa0/Ew/aQeUjwptTsi50ufRJcrgt+I4cjszha2D5nZ3+b4fofK1bcuu6+WUbz1xiMqiwPO/jF+pTHEuTD72cz6Bh3CnzX0zvsHFD/CK7Tl4EPScotoxDuXUzB3DykE+ukpekpRkUC1Wpzb2U8LRMBY+aOjCXtdkvp/1ckyBElp7ZLNXLvJVchRutWXrTCwHi+0aURjIhw5FhAo05l7TILAewcIQhSkxQz5dQ7s5wg3vYtnMj97FfcimCVcubOj0ICTeSpwKfmFm1+Rkfw+LtDzNUoPz4hEYFpmhWbqKUx4HG7S8caDydYPM9AssvHZat/i6Pjs2LMKNDp6+HuSX7fT9tmv7fGfWe9ajhvHtckhmOHDywZG1wkNMW/E81h32voa8QxO68HZq3f/jd4VzsI/0ajl9XZbOTufsB9SKdap/l2DLek/jHW85nFiR9cOB7OtsQUu2ZgSeTjE3gefX8FLa2sqqbtIvxsOVgIN/wl7Oh+Mrr4AHOYzrVfNpvs4ppigttfm+sPgsTSt3cYdrh+vj9oOtXtvR//1iyikP8iJ/j4/0nP2jWcTfyhekBg64UNsB6HwawstpGPcy69SK0NSj/l8222MvXDfLqPae+kpR+tIOqDyTlrhcWiq2Dv5s1efLNqpNtmzBovEF2YOLOxjv4psgnya3neY0Ma65e7mCtwlGAy8XUorZNfoqf+L1iRzc1q9H/QKC67+Oftmin1JlwP1//1eNKblUNH/JfHd67MxfS2b/GvPkBtYdih7odKyA7uxGdgTqFjn2tovGHTuhO9AOgESvI+FI/5o9AooW8YKVKXQpm0RW1ZJy3XJh0uoZXXOnKRYR3jaeTeUHKZLpUg6NLp+L4QIZrKB6WrNhunQJYxfsVJfw85kDe2fC9mzGJiUinx0H4FkhE4kUMh4v6p6aMTA1kDJbjoRFR1Pi4ymUDIv/8kb+JUeeIZw5eedPiE97XBNArLHNoopWktPZleTUUnoGWp2L999LK4xHIIUKFF1ZmvP/ynj37vAwj7akWEJEqH+Wdqp7biUc+QCRwkSjNyHALHbsnF9LkjuIzZ2PaSoe9PH+v7Q06t6DapmPPg3qfjbKiwa9BZ/iXLtwqi50F4pYbFCGDOmCh4wqkqZZxYHCq2rkRH84dhAef/zUwKnjncdPD5w+DvZAyXRGDocU0QSZxehqAQfGW8Ea9st+v9e6Ad4EYHxG205v3rTpqI921ES0SrJpjUzJlryJTGB2Rs/XyQV00KhcjjmHrfDqG/RqHXYYa6xmjbBwQW+rAJlqeaEH1n+1OKKcxBEUXvKaj+hS2821tmHr9IYh7vcUrAxBkKSKoy3Rw24VCD8Eagl+yMvYYa0HMFdD3vnFk0XNRSPXN++sRb9F/Q6S8nP2GXIhOEEpHa1j1LX32yR1pMxyd+Zg6wIslcKjUU6Sk+uvDK79ASzQq3iZzR5d34oodK21uY5HNs7NyFlmObVlovWo01hnn67pucZjZGWSvqWtMTLJRAGNAu5o3DTjntl8+++AnU+Rm1NzcxGjJ4FKzrXcY6mYPG5lE0EigQSnksesS75noeSlDfH2E4j7sdizBPxZbICOm5GezstIJWVRqGnQTQK/6IuO2RgCXLLpQx/bdNI6NSjQpVHKRXwRg0wQplsv4ecvmb949fNYwJvuv679dX3v39f/vgbSIxxxDsjTjrgOEMnZc0z2fHkSgPFRi7Gisl1vcKvqnUjLU2JZSD84WgbvjSRrTCSRu6KMv1yICSl3Tc3fz6vIXt9dLGZLM7yY0ZXMLLqGSjTwQmZ5FcgGhsSyGoe1Mhjma/SfFt0fkXA2USvQK1fuKmxf8Ku95pfuQ7+f/z68fqvbk4aWf5fv3DgtZnQP5wCblQbnIVMKaAwONzWFj0QW0sETVyTOtdDj6Fr3owsL31enVKeAmRqxhqG0aeswkynG+uICFie/9TOqI3UuEllCaTv53x4MZpLSO9kH3C/u7I+0LtCVMjkUJRlXzePiqpVkCqeUqVsQad3Z31O1TCVbr9PL1i9VacGO9/LVmxSWT5OfLJsK5asMs2+1NppqWhvryy+Vgyt5hz+aPp4Kq9s4udEM3kyYU04+NT1NcU2C6Re3tocaF+SoKPSMYjKhmldra6kWm5S+Oc+qqgZ8uIUNTp5at0pVuE6vL1y3Uq0DAxOTIwQ0wTXpikHHgCsTk65J8OPES63ZXGlqa7EMky4hkzUpL0GeFq7d7sliTyUyvNK3xYTxian5MAFAGD92zHlv393mfbfvuI5t/2XOD3PAIhft2nX0ot267QJPvlujLtqg0xVtFKOiQrmN3IaMjM5iMlHH4zHGS9Pp7McCV7ymuSbd2tobq6u6Gu0msyl1MavqryqQ66jptmOLswq5d70sZwUPs+kgc2U5SvBmAns2BNADXZPeLY7G8lyFMd9/d3i7xWo3ErbQrQA6lKrSk8SiBjyvJGeRcAsO+TQxTrUUwgzOh1PzWOouncncY5yhXFKARSW9T4rNGvRlh8pSaPkcEDthnpK6pJNmcGFiVX6WlMvhEvJXOVeVZ/U5mNKOxYvnrwLrJk6gT6IXf5g4GFxBxs3JHRO7ur/1vJ2SsdQYPxy/3BkfXl7g2qrnzudr/9PdUmxe/mjo0dp/y+9pQNPE08vvRt49u7xuIXEhEVyoE9TfMTFvZ9T9awIhFfvr+3r66mfrwNoD/rd1A/6/6gDmQH1/T//p47xtk/NZUP/TIOfGOtAIHRQNgk/7S+8YTUCDrWDyLU6408qvYPF4tWy6Qy5nTF684OacApEoR8ZiSAsFQrg1A/yITfLilbP4VtdtF4pfzuQZm6MhFIwJyyv5PQpYYD12xOJfsXD4JY6yTc/N5W4K7uXwwg4bv0LGvDYOt0Mu5zra2HlAgy1nylHO206rvLzqLyUrSLjIXSDgknEMzMDCrXy1mcAt6VmTNrNZNvFQnphLSZNwPdjeINAVSXYzN5r3u/bzG/neFWZDbeC85hp/SyIl6c1N3MKm+XW+ZcNHOWgSXZQltFFw9w9wdW31LCeexc6ipfMlAli4hxR5JZ0FMA8/JiV9jI/7yIxbsQrugoPy1jeNr41PccYYZnXPTo7dCml3tR84SAU9h168/M1tzcE7m+8HPg0GV24VX+htQCrHW1stLCeeweCk0bgCPiz8OF1wl75AQ81kl2cOL9GycATgrlqPeVgHW+CQywUdDk5eHmORlDj61DyqPU+ak0MxGi3YRaOehlYX3mUpthyjJnVWOPFOy0YVNZNv4bI78mVsh1PnRy3uMolEmpuZxIYm8QkEfluwoMng0euq9MzFKcvnzXbBXQZQgbVX+ch6GjtQ0Lro0E/fHp9kx1BYafy5co2ps9Rb2Z/1Px4qjQrz9r38nziqlpJVoywD1U12YXG5Uv9c0igZdA22Nra+TP4Gg7wUuMusZ3tpXVud/tOoGZkA6xxesehKyo70f3cxSB2HL0hZYRu3j6+Yn+JSbm/evrBlu2o7GGvbq9+7/BDk2IxVzbv0u5YfDTvjB1alLGocblweTMCvaA29Hw72NvjZtpm/cj40LKsFN6rJAmrMUrIuUi2262b3Opeh9KKEmQyv5TFlVX7EKt/ymOVeMxkJIpR+mbN3tk5sV0dWk5fGNplD3MGxJtdaF1gwbIq0TduGTYdqabzY2d357xiOZPQRe5FM+NUT2z07lsaDatNx26Y3RNTUBruDRys9XpS++BNmsY0+ZeoSXszLgFXeAYTZbINvWSIXyBsYGHvXDHmTQTm9iF6sm9HSYzY3d+tnqOjKA2mSP3t519BXBJUv4HD5WVSQcCM+X1pa+8CfOxulZvhgGkqUEVJGJkVTjWfXtNpnlHVn29FIBTFs18X8fSXLAmeCa2nZBQXfbUijHvqPa0MxWOIlXAZjQRpp/bcCm4mzpjQOjY5PTHRHo90Swf2l9Zr1n6dKLqwZWXOx5OznDRrLsqR1CwULBavBtMBk14jLGeAadQF3YqGoTq2tbNTNkA9PVxdAimKgbIIiXhZTVMgk0qQ3dmCESFGdqrrSNizRGf4TIs4UDeUQFXGyuKICJoGa/fZxbR0eZ0lKqT97WJNAzEVORBQxMoIYFXHQT0TEOZGcSIxuxAgQd3GVSrGuWscLVqm11SnydTqdfG3vVa1C9UuynEVFWa7+bLUasEhKnOSpzsuvV/lk29YlxaNoHAaDulHxSetsZ2xkZGdWkihaHg+xuGWCiPMJIr6hxMALRagFqtJ8maosy10GRSL9k5PxIZWQDHobFbsec7pVu6pzN8WDUwdfuQZ8jODLxXVK1Vq9TrVundpg2KAWXaev3TYoDcVLnWLRcJGG3YfFJSVOkcipKRYNOfUltLc6lSWsPVCm3524R7lvS444i/KQxxfSomOS+WD+PyXtJYB4RqfJl2rLFApTeV6+XqOEijzxOGgi9Fcc/nYi0Bhcxx1fHccvGOkAvKnB+N4JaZKkrXDqz7AAph+cb0grFIhYHBoyqeU6+HxRTEZn8n08JAEMlCSVmy+iqWrDyoOQ8NBD4YhkGBEdoA1MVmvjxewc8On0HWPpnUZgSIG7DAVF1EzCf7FOvDMuiy9Jp3KE/ETAr8/Nzq0LCcw1UPAaKhWw9ORywEmXD/e4/oATEsgkEZHSKa4nQH07I1jtBTQQacrfUmr0BuFnFSislEjE5ivQVCpilJRIexcqTOqOwQTCYB7ZzR0GXDD1rh75LnmoQe/aHAQUTNRPDFkmlsrKKTobgWAamaepy++M3ELMm188TwMKpuxTQymuKsxIvbKbfIxxSiV0/+GpmxrCp/hFF4JpYJ6mjtxZdgsxurp4tQZU5B18bXp9JqBu9cALfv+ypokP5lUa1WElODmx0KvU+33ngYvrxEmfqthh8Tu2123fUQ5WNi2YPzauUo7PnzdaXDQ66hrRQ42MLFwIxpS7UW2CRVZBem3iz1RGbol+N7q95TagzEP9QmPlUA4bkGKVxCvqv1ZmQIiV4r0/HODK0LBr0tnf0NphrSzvstpNBlPqIlbVn1WgVMEu4xNxUhU2XWs0ghJr8HIYzBAD8T62WJHmWtUQkXwzGZGKATNcjzsdjhZWKRIvwqAQzNBiMmCu9SXu9BRk89JTuZilC30VbeZifnWm0Op/MJ6L1q3CQQ9faGJTZ/bD5XPpNCnbi5swbdIVayzX/BIDEWLOvjKtYLQ9K0/azRd1y/O5ba3sHLQErgpTEHm2RHxhxEtJ2+XGylg8M0ieKJFmp8IErxLpeTnivPxCOqganb9kvuiR46tD8Pu7P/D/0yOhIt15jtDxiCt5WTlBR/IcqmuFMIK/S8j//iaS+NQ3nED+/oYIt32E4CLGwmc5ZDJWu4XLZ6ioCy2ux67oTjWJIWhmzYyELQfKzMuVSKQyOvgnZZnw+D9b9sH04VRo3Qbb33a2AFQsV8s36vXyDSuKyoV2zj+NG8yhsL80FIKOzyPqiyl0OmPUefyaaLQvyOwMFi728IwWYJnYRh/vTngmyu1XtWm8uZ/wSH9126rkeUpzhvNEPPVyn5z1CYrYtnuBrGSBdL60BMxez2BmpKbyKjgck04kZuLsTyMinoaFfV1/X34NAytvfymK0HsHVMMEM5l0Bi7Y2xQu8E6cmxXUXQlyVzVAGgAhbnWDWwNIaSIyMrPo5IgRSAB1rhXMeoVkJj2LTolwQQKpNdbEq7CYIlp3lEIIOYK8mXwLlMGAwpJevxJJsJzXjIvL5MAm3ewRIQX8NDUwNZjSwYuWUqZu4Tdc42vfNRhlKWSJw73DZonYBZG23UMdPd+k+RaWSC9mFV1m/xXs7R3+F+uSspiZAaInIDLNrMpZGuwZeZ6K3a6VXOOV3H+g0PQX3q24e6w5e7XhegMQ/vwEdOGP3nLufEcD43kC0X8EOJNmbSR+SYGpF7QHNbQWtt2WhGKbT+LzDoovWiI2WB+44HcOtnrWnHwBLVk6Xy4k5+4C8Xm6gEEhjxSzy+9im3jx+fJvwFAu8zjtIioef222v0FsSzDxeTfEF00FDL7nKWK2DWKb5+LztgcMlmrpQvz/HGdoxrYAALHN9fnnLbtVuLj7XmwwELjgOONBoNkePkvM1ie2+Xn+ec7WYNgB6uROhP11tq2fyPmfpxlesjwp2sUKeOm12UYPxDb/lJ+3SNHHt12Q8j284tps80Fsc0183tKAQT9fVG7znQJoWyBcYb7Ej/wB+G+IBP7SIJraKRRyYAS4l+8LUEDjANi799q1TH5MnGrNiPI1eNqcVlOXUq8DTVfy84j+cR9V5mPPPzDmAHEzn42EjUKb0Of1J/jv/a7GJQwgffU6gbDR2lceAx4RRyGtYWp5SVqMppYHqBOIuMSV3Ab+PuzxzokJG4PM3ycd1TqBsFHBRrcjB72+yoxkZd4z4472FBBjrd/7cQPHBKI2VuaNwVI+AT7SYj6Qei1yA1L3Vcp7IA2UddGWyCZF6BTx3iGQvJQESOoUlHlLsMj9/z9XrIBUv/oRY9idSWJeqb3UEK8xpRrRQGwzv7x9p7nyfm6AHGdvjgaeSnL6bzM88g8AT++MFQHw9EH45pcbX3bX+bFiA2pxB5CA3yzU65wYTPlAgRP7c9Or9HqjvL0j03K6ZIU4pZBVge+JqO0V6weI5oE0Xv7tM1aQRPldzGaXr34RXUd5uyaYhObEYImTQ8wpaXayqEPrM7+1IawI3Gv40qnTlKgpRUVj8xTynYPeGXNiB0a8A98fQr0RBRsZ1OiSLyXnCNiwou+NbAf6uywPAZ8S6aaGxBvNJ25I34Q5+X+QjYsRh3kiQyFbTB1X9KRFsNsgdmugQglRCgWTEXoCRmqgLS0fYEuq7o/Nr9wcEYdehQLExcJRBG0wWo1PdTRELv4bR1oZ77zc9BhiViznnl4Jayu8B9CtBluOKNrRJiP4gKVw0vCYsVhIOcr68SXWLPb8wPte1GZA7T1oYBwM6DZP/IiI9ngKsknOKKwAITsmJxYJdgcsnBAPRHW6qBd+/yJcBOLRZPaZgfJdQlu+yrMdJLSxBcm7PJ6CMrW83PFg93i2gSO0LEyUsIR2sDGAbQsx4jhlu2RTPrrM8tTAghDl01R85DakvF8PaBs4wiKSqDVCYAMAaC+INk095FRY8K8Q1F8QFQgpgDYd5bcuuKuQLBUeP8x/YuoGRx5RaIusGBMdDYrvGd+acuZS+J9YTDdEDYvngBvglXnm6DCDG3cxPAFrABU3QG1aHtyqOoBjwG65G4iB5e58bFnugeRQrmf6ci82j5dPA6n8mfBBrAtbLTO7enrVdKwg8LBwiFD3lNwnBeaqRFomwyFk7MyqqJenVkO8Wc++mMn0FdUa12bQi2vWcLQ2NNEq6t4aKXIxMLO41QIiX5Xl12MlTSpJiVZv8puUIYKMyo9F2z8Znhy04ieM4grNepYzq9XAJsHMld/xOB6brlPLqkKM2eLrSdBvZiriKL1GGaMqAao10k30yuEZiHCpNy0NFhHQTa2UpMLArKyiHUwzqzI0UmoSWmsctBpGDh4xd8+nWm7Bg2ljR6TM429b/pMzw0yzzDaHNx++/PgLEChIsBChwoSLEClKtBixIOLESwCVCCZJshRwCEgoaBhYOHgERKlIyCjSUNGky0CXiYGJhY2Di4cvi4CQiJhEthy58kjlkylQSE5BSUWtSDGNEqXKkqf1evQ6aZH7+owYttJWG5KXIX/rNt9Lr7jSNAOm/O+FVbZ547W31tnpkgt2KVdhnkrfqXLRZT+44qrvPaD1ix/9ZLdqz4353a9+o/PIE4MM9IxqmMy1Rq06ZvUsGljZNHqoSTO7Fm1aHbFWh3YOnR576pg/7LE3Tfen//xln/0OOeysAw46p992p5x2Is3g9CzNrKbNFYvd2bOmN2zUY7FMbFDGmc5KbcWz2J7/kRf2WvF4XCoA);font-weight:600;font-display:swap;font-style:normal;}@font-face{font-family:"IBMPlexSans";src:url(https://frontity-org-frontity.vercel.app/static/fonts/IBMPlexSans-Regular-d55c14f89d051401dc636fe6e23514e3.woff2);font-weight:500;font-display:swap;font-style:normal;}@font-face{font-family:"IBMPlexSans";src:url(https://frontity-org-frontity.vercel.app/static/fonts/IBMPlexSans-SemiBold-b1bbdcb6d0a2e20735af3a61e8469d32.woff2);font-weight:600;font-display:swap;font-style:normal;}</style><style data-emotion="css kftsk0">.css-kftsk0 .wp-block-group.has-background{padding:10px 30px;}.css-kftsk0 strong{font-weight:bold;}</style><div class="css-kftsk0 eu68q070"><style data-emotion="css 1c7r7jo">.css-1c7r7jo{padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;}</style><div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-1 wp-block-group-is-layout-constrained css-1c7r7jo"><div class="wp-block-group__inner-container"><style data-emotion="css xszr07">.css-xszr07{font-size:16px;line-height:24px;}</style><p class="has-text-align-center has-black-color has-text-color has-normal-font-size css-xszr07"><style data-emotion="css 1v9s552">.css-1v9s552{background-color:rgba(0, 0, 0, 0);color:#000000;}</style><mark class="has-inline-color css-1v9s552">Frontity Framework </mark><strong><style data-emotion="css 7dn31e">.css-7dn31e{color:#1f38c5;-webkit-text-decoration:none;text-decoration:none;outline:none;cursor:pointer;}.css-7dn31e:focus{box-shadow:outline;}.css-7dn31e:hover,.css-7dn31e:active{opacity:0.8;}</style><a href="https://frontity.org/blog/frontity-is-joining-automattic/" target="_self" class="css-7dn31e"><style data-emotion="css x3uawn">.css-x3uawn{background-color:rgba(0, 0, 0, 0);color:#1f38c5;}</style><mark class="has-inline-color css-x3uawn">is not under active development anymore</mark></a></strong><mark class="has-inline-color css-1v9s552">.</mark></p><style data-emotion="css 1kggtxl">.css-1kggtxl{height:25px;}</style><div aria-hidden="true" class="wp-block-spacer css-1kggtxl"></div><p class="has-text-align-center has-black-color has-text-color has-normal-font-size css-xszr07"><mark class="has-inline-color css-1v9s552">The team has been working on the </mark><strong><a href="https://make.wordpress.org/core/2024/03/04/interactivity-api-dev-note/" target="_self" class="css-7dn31e"><mark class="has-inline-color css-x3uawn">WordPress Interactivity API</mark></a></strong>, <mark class="has-inline-color css-1v9s552">which unblocks the same</mark><br/><mark class="has-inline-color css-1v9s552"> type of UX as the Frontity framework, but fully compatible with the new Site Editor.</mark></p></div></div></div><style data-emotion="css bjn8wh">.css-bjn8wh{position:relative;}</style><div class="css-bjn8wh e1ri4exd0"><style data-emotion="css tft7xr">.css-tft7xr{font-family:Poppins;background-color:transparent;position:absolute;top:0;left:0;right:0;height:125;z-index:100;}.css-tft7xr >.wp-block-group{padding:0;}.css-tft7xr >.wp-block-group >.wp-block-group__inner-container{margin:auto;max-width:1080px;}.css-tft7xr .wp-block-image{margin:0;}.css-tft7xr .wp-block-image img{display:block;}.css-tft7xr .wp-block-group__inner-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-tft7xr .wp-block-group__inner-container >*{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;}.css-tft7xr .wp-block-navigation{width:auto;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{padding:0;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover{color:#1f38c5;opacity:1;}@media only screen and (min-width: 866px){.css-tft7xr .wp-block-group__inner-container,.css-tft7xr .wp-block-navigation__container{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}.css-tft7xr .wp-block-navigation{padding-right:8px;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item:not(.is-link-with-icon){margin-left:40px;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{padding:0;}.css-tft7xr .wp-block-navigation .is-link-with-icon{margin-left:16px;}.css-tft7xr .wp-block-navigation .has-child{display:block;position:relative;}.css-tft7xr .wp-block-navigation .has-child .wp-block-navigation__submenu-container{left:unset;right:-12px;top:calc(100% + 16px);background:white;padding:2px 24px;border:none;border-radius:8px;box-shadow:0 4px 14px 0 rgba(31, 56, 197, 0.09),0 2px 4px 0 rgba(31, 56, 197, 0.12);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-transition:opacity 0.1s linear 0.5s,visibility 0.1s linear 0.5s;transition:opacity 0.1s linear 0.5s,visibility 0.1s linear 0.5s;}.css-tft7xr .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item{color:#0f1c64;padding:16px 0;margin:0;border-bottom:1px solid rgba(15, 28, 100, 0.08);}.css-tft7xr .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child{border-bottom:none;}.css-tft7xr .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:0;font-family:"IBMPlexSans";}.css-tft7xr .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__label img{display:inline;margin-right:12px;width:16px;height:16px;object-fit:contain;position:relative;top:3px;vertical-align:top;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item:not(.is-link-with-icon)+.is-link-with-icon{margin-left:0;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item:not(.is-link-with-icon)+.is-link-with-icon::before{content:" ";margin:0 24px;width:1px;height:20px;background-color:rgba(15, 28, 100, 0.12);border:none;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item.is-link-with-icon>.wp-block-navigation-item__content>.wp-block-navigation-item__label{font-size:0;vertical-align:text-bottom;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item.is-link-with-icon>.wp-block-navigation-item__content>.wp-block-navigation-item__label:hover img{-webkit-filter:saturate(2.6) hue-rotate(5deg);filter:saturate(2.6) hue-rotate(5deg);}@media screen and (max-width: 940px){.css-tft7xr .wp-block-buttons{display:none;}}.css-tft7xr >.wp-block-group>.wp-block-group__inner-container{padding:48px 0;}}@media only screen and (max-width: 865px){.css-tft7xr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:0 16px;border-bottom:1px solid rgba(15, 28, 100, 0.08);}.css-tft7xr .wp-block-group__inner-container,.css-tft7xr .wp-block-navigation__container{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.css-tft7xr .wp-block-image img{height:24px;}.css-tft7xr .wp-block-navigation{display:none;position:fixed;top:148px;left:0;right:0;bottom:0;z-index:10;padding:0 16px 16px 16px;background-color:rgba(246, 246, 249, 0.9);}.css-tft7xr .wp-block-navigation >.wp-block-navigation__container{margin-left:auto;max-width:400px;max-height:100%;overflow-y:auto;padding:0 16px 12px 16px;border-radius:12px;background-color:#ffffff;box-shadow:0 4px 14px 0 rgba(31, 56, 197, 0.09),0 2px 4px 0 rgba(31, 56, 197, 0.12);}.css-tft7xr .wp-block-navigation >.wp-block-navigation__container >.wp-block-navigation-item>.wp-block-navigation-item__content:after{content:" ";width:6px;height:6px;border-top:2px solid rgba(31, 56, 197, 0.4);border-right:2px solid rgba(31, 56, 197, 0.4);-webkit-transform:translate(-50%, -50%) rotate(45deg) scale(1.2);-moz-transform:translate(-50%, -50%) rotate(45deg) scale(1.2);-ms-transform:translate(-50%, -50%) rotate(45deg) scale(1.2);transform:translate(-50%, -50%) rotate(45deg) scale(1.2);position:absolute;top:calc(45% + 2px);right:8px;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#1f38c5;border-top:1px solid rgba(15, 28, 100, 0.08);font-size:14px;line-height:21px;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{padding:24px 8px;width:auto;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__label img{margin-right:12px;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item.is-link-with-icon>.wp-block-navigation-item__content img{-webkit-filter:saturate(2.3) hue-rotate(5deg);filter:saturate(2.3) hue-rotate(5deg);}.css-tft7xr .wp-block-navigation .wp-block-navigation-item.has-child{margin:0;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item.has-child>.wp-block-navigation__submenu-container{max-width:none;position:static;visibility:visible;opacity:1;border:none;margin-left:36px;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item.has-child>.wp-block-navigation__submenu-container .wp-block-navigation-item{font-family:"IBMPlexSans";font-size:16px;letter-spacing:0;line-height:20px;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item.has-child>.wp-block-navigation__submenu-container .wp-block-navigation-item a{color:#0f1c64;}.css-tft7xr .wp-block-navigation .wp-block-navigation-item.has-child>.wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:12px 0;}.css-tft7xr >.wp-block-group>.wp-block-group__inner-container{padding:24px 0;}}</style><div class="css-tft7xr"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><style data-emotion="css 7dn31e">.css-7dn31e{color:#1f38c5;-webkit-text-decoration:none;text-decoration:none;outline:none;cursor:pointer;}.css-7dn31e:focus{box-shadow:outline;}.css-7dn31e:hover,.css-7dn31e:active{opacity:0.8;}</style><a href="/" target="_self" class="css-7dn31e"><img loading="lazy" decoding="async" width="141" height="29" src="https://frontity.org/wp-content/uploads/2020/02/frontity-blue-logo.svg" alt="Frontity Logo" class="wp-image-5421"/></a></figure><style data-emotion="css vc1gsp">.css-vc1gsp{color:#0f1c64;}.css-vc1gsp:hover,.css-vc1gsp:active{color:#0f1c64;}</style><nav class="has-text-color has-primary-color wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex css-vc1gsp" aria-label="Navigation"><ul class="wp-block-navigation__container has-text-color has-primary-color wp-block-navigation css-vc1gsp"><li class=" wp-block-navigation-item header-link wp-block-navigation-link"><a href="/learn/" target="_self" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label">LEARN</span></a></li><li class=" wp-block-navigation-item header-link wp-block-navigation-link"><a href="/showcase/" target="_self" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label">SHOWCASE</span></a></li><li class=" wp-block-navigation-item header-link wp-block-navigation-link"><a href="https://community.frontity.org/" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label">COMMUNITY</span></a></li><li class=" wp-block-navigation-item header-link wp-block-navigation-link"><a href="https://docs.frontity.org/contributing" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label">CONTRIBUTING</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a href="/blog/" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label">BLOG</span></a></li><li class=" wp-block-navigation-item is-link-with-icon wp-block-navigation-link"><a href="https://twitter.com/frontity" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label"><style data-emotion="css u5zz5i">.css-u5zz5i{width:NaNpx;}</style><img decoding="async" class="wp-image-4467 css-u5zz5i" src="https://frontity.org/wp-content/uploads/2020/02/twitter-logo.svg" alt=""/></span></a></li><li class=" wp-block-navigation-item has-child is-link-with-icon wp-block-navigation-submenu"><a href="https://github.com/frontity/frontity" target="_self" class="wp-block-navigation-item__content css-7dn31e"><style data-emotion="css s4vo43">.css-s4vo43{width:23px;}</style><img loading="lazy" decoding="async" width="23" height="23" class="wp-image-5050 css-s4vo43" src="https://frontity.org/wp-content/uploads/2020/04/Github.svg" alt="" srcSet="https://frontity.org/wp-content/uploads//2020/04/Github.svg 150w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 300w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 1024w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 1536w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 2048w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 23w" sizes="auto, (max-width: 23px) 100vw, 23px"/></a><ul class="wp-block-navigation__submenu-container is-link-with-icon wp-block-navigation-submenu"><li class=" wp-block-navigation-item wp-block-navigation-link"><a href="https://github.com/frontity/frontity" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label"><style data-emotion="css 1v6lrru">.css-1v6lrru{width:12px;}</style><img loading="lazy" decoding="async" width="12" height="16" class="wp-image-9786 css-1v6lrru" src="https://frontity.org/wp-content/uploads/2020/02/repository-icon05-1.svg" alt=""/> Repository</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a href="https://community.frontity.org/c/framework-development/releases/44" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label"><style data-emotion="css 58kyns">.css-58kyns{width:16px;}</style><img loading="lazy" decoding="async" width="16" height="16" class="wp-image-5053 css-58kyns" src="https://frontity.org/wp-content/uploads/2020/04/Clock-Icon.svg" alt="" srcSet="https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 150w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 300w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 1024w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 1536w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 2048w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 16w" sizes="auto, (max-width: 16px) 100vw, 16px"/> Changelog</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a href="https://frontity.org/roadmap/" target="_self" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label"><img loading="lazy" decoding="async" width="16" height="16" class="wp-image-5052 css-58kyns" src="https://frontity.org/wp-content/uploads/2020/04/Plane-Icon.svg" alt="" srcSet="https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 150w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 300w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 1024w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 1536w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 2048w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 16w" sizes="auto, (max-width: 16px) 100vw, 16px"/> Roadmap</span></a></li></ul></li></ul></nav><p></p></div></div><p></p><style data-emotion="css 84h7qj">.css-84h7qj{cursor:pointer;border:none;padding:0;width:24px;height:24px;background-color:transparent;}@media only screen and (min-width: 866px){.css-84h7qj{display:none;}}.css-84h7qj:after{content:" ";display:block;box-sizing:border-box;margin:6px 3px;width:18px;height:12px;background:linear-gradient( to bottom, #1f38c5 0px, #1f38c5 2px, transparent 2px, transparent 5px, #1f38c5 5px, #1f38c5 7px, transparent 7px, transparent 10px, #1f38c5 10px, #1f38c5 12px );}</style><button aria-label="Toggle Menu" class="css-84h7qj"></button></div><style data-emotion="css 109saq3">.css-109saq3{font-family:Poppins;background-color:transparent;-webkit-transform:translateY(-150%);-moz-transform:translateY(-150%);-ms-transform:translateY(-150%);transform:translateY(-150%);-webkit-filter:opacity(0%);filter:opacity(0%);-webkit-transition:-webkit-transform 300ms,filter 300ms;transition:transform 300ms,filter 300ms;position:fixed;top:0;left:0;right:0;z-index:100;}.css-109saq3 >.wp-block-group{padding:0;}.css-109saq3 >.wp-block-group >.wp-block-group__inner-container{margin:auto;max-width:1080px;}.css-109saq3 .wp-block-image{margin:0;}.css-109saq3 .wp-block-image img{display:block;}.css-109saq3 .wp-block-group__inner-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-109saq3 .wp-block-group__inner-container >*{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;}.css-109saq3 .wp-block-navigation{width:auto;}.css-109saq3 .wp-block-navigation .wp-block-navigation-item{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;}.css-109saq3 .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{padding:0;}.css-109saq3 .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover{color:#1f38c5;opacity:1;}.css-109saq3 .wp-block-group__inner-container,.css-109saq3 .wp-block-navigation__container{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}.css-109saq3 .wp-block-navigation{padding-right:8px;}.css-109saq3 .wp-block-navigation .wp-block-navigation-item{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.css-109saq3 .wp-block-navigation .wp-block-navigation-item:not(.is-link-with-icon){margin-left:40px;}.css-109saq3 .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{padding:0;}.css-109saq3 .wp-block-navigation .is-link-with-icon{margin-left:16px;}.css-109saq3 .wp-block-navigation .has-child{display:block;position:relative;}.css-109saq3 .wp-block-navigation .has-child .wp-block-navigation__submenu-container{left:unset;right:-12px;top:calc(100% + 16px);background:white;padding:2px 24px;border:none;border-radius:8px;box-shadow:0 4px 14px 0 rgba(31, 56, 197, 0.09),0 2px 4px 0 rgba(31, 56, 197, 0.12);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-transition:opacity 0.1s linear 0.5s,visibility 0.1s linear 0.5s;transition:opacity 0.1s linear 0.5s,visibility 0.1s linear 0.5s;}.css-109saq3 .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item{color:#0f1c64;padding:16px 0;margin:0;border-bottom:1px solid rgba(15, 28, 100, 0.08);}.css-109saq3 .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child{border-bottom:none;}.css-109saq3 .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:0;font-family:"IBMPlexSans";}.css-109saq3 .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__label img{display:inline;margin-right:12px;width:16px;height:16px;object-fit:contain;position:relative;top:3px;vertical-align:top;}.css-109saq3 .wp-block-navigation .wp-block-navigation-item:not(.is-link-with-icon)+.is-link-with-icon{margin-left:0;}.css-109saq3 .wp-block-navigation .wp-block-navigation-item:not(.is-link-with-icon)+.is-link-with-icon::before{content:" ";margin:0 24px;width:1px;height:20px;background-color:rgba(15, 28, 100, 0.12);border:none;}.css-109saq3 .wp-block-navigation .wp-block-navigation-item.is-link-with-icon>.wp-block-navigation-item__content>.wp-block-navigation-item__label{font-size:0;vertical-align:text-bottom;}.css-109saq3 .wp-block-navigation .wp-block-navigation-item.is-link-with-icon>.wp-block-navigation-item__content>.wp-block-navigation-item__label:hover img{-webkit-filter:saturate(2.6) hue-rotate(5deg);filter:saturate(2.6) hue-rotate(5deg);}@media screen and (max-width: 940px){.css-109saq3 .wp-block-buttons{display:none;}}.css-109saq3 >.wp-block-group>.wp-block-group__inner-container{padding:20px 0;}.css-109saq3 .wp-block-buttons{margin-left:32px;}.css-109saq3 .wp-block-buttons .wp-block-button{margin:0;}</style><div class="css-109saq3"><style data-emotion="css 12qmv9f">.css-12qmv9f{background-color:#ffffff;box-shadow:0 4px 14px 0 rgba(31,56,197,0.09),0 2px 4px 0 rgba(31,56,197,0.12);}@media only screen and (max-width: 768px){.css-12qmv9f{display:none;}}</style><div class="wp-block-group has-box-shadow desktop-only has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-12qmv9f"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><a href="/" target="_self" class="css-7dn31e"><img loading="lazy" decoding="async" width="141" height="29" src="https://frontity.org/wp-content/uploads/2020/02/frontity-blue-logo.svg" alt="Frontity Logo" class="wp-image-5421"/></a></figure><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><nav class="has-text-color has-primary-color frontity-nav-links wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex css-vc1gsp" aria-label="Navigation 2"><ul class="wp-block-navigation__container has-text-color has-primary-color frontity-nav-links wp-block-navigation css-vc1gsp"><li class=" wp-block-navigation-item wp-block-navigation-link"><a href="/learn/" target="_self" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label">LEARN</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a href="/showcase/" target="_self" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label">SHOWCASE</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a href="https://community.frontity.org/" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label">COMMUNITY</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a href="https://docs.frontity.org/contributing" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label">CONTRIBUTING</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a href="/blog/" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label">BLOG</span></a></li><li class=" wp-block-navigation-item is-link-with-icon wp-block-navigation-link"><a href="https://twitter.com/frontity" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label"><img decoding="async" class="wp-image-4467 css-u5zz5i" src="https://frontity.org/wp-content/uploads/2020/02/twitter-logo.svg" alt=""/></span></a></li><li class=" wp-block-navigation-item has-child is-link-with-icon wp-block-navigation-submenu"><a href="https://github.com/frontity/frontity" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><img loading="lazy" decoding="async" width="23" height="23" class="wp-image-5050 css-s4vo43" src="https://frontity.org/wp-content/uploads/2020/04/Github.svg" alt="" srcSet="https://frontity.org/wp-content/uploads//2020/04/Github.svg 150w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 300w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 1024w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 1536w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 2048w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 23w" sizes="auto, (max-width: 23px) 100vw, 23px"/></a><ul class="wp-block-navigation__submenu-container is-link-with-icon wp-block-navigation-submenu"><li class=" wp-block-navigation-item wp-block-navigation-link"><a href="https://github.com/frontity/frontity" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label"><img loading="lazy" decoding="async" width="12" height="16" class="wp-image-9786 css-1v6lrru" src="https://frontity.org/wp-content/uploads/2020/02/repository-icon05-1.svg" alt=""/> Repository</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a href="https://community.frontity.org/c/framework-development/releases/44" target="_blank" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label"><img loading="lazy" decoding="async" width="16" height="16" class="wp-image-5053 css-58kyns" src="https://frontity.org/wp-content/uploads/2020/04/Clock-Icon.svg" alt="" srcSet="https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 150w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 300w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 1024w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 1536w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 2048w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 16w" sizes="auto, (max-width: 16px) 100vw, 16px"/> Changelog</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a href="https://frontity.org/roadmap/" target="_self" class="wp-block-navigation-item__content css-7dn31e"><span class="wp-block-navigation-item__label"><img loading="lazy" decoding="async" width="16" height="16" class="wp-image-5052 css-58kyns" src="https://frontity.org/wp-content/uploads/2020/04/Plane-Icon.svg" alt="" srcSet="https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 150w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 300w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 1024w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 1536w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 2048w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 16w" sizes="auto, (max-width: 16px) 100vw, 16px"/> Roadmap</span></a></li></ul></li></ul></nav><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button" id="get-started-button-fixed-header"><style data-emotion="css 1myll6h">.css-1myll6h{line-height:16px;font-size:16px;padding:12px 16px;font-weight:600;background-color:#1f38c5;color:#ffffff;border-radius:8px;box-shadow:0 4px 8px 0 rgba(12,17,43,0.12),0 1px 4px 0 rgba(12,17,43,0.16);-webkit-transition:-webkit-transform,filter 250ms ease-in-out;transition:transform,filter 250ms ease-in-out;}.css-1myll6h:active{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}.css-1myll6h svg,.css-1myll6h img,.css-1myll6h embed,.css-1myll6h object{display:inline-block;}.css-1myll6h:hover,.css-1myll6h:active,.css-1myll6h:focus,.css-1myll6h:visited{-webkit-filter:opacity(0.9);filter:opacity(0.9);cursor:pointer;color:white;}.css-1myll6h .frontity-logo{-webkit-transition:-webkit-transform 300ms ease-in-out;transition:transform 300ms ease-in-out;}.css-1myll6h:hover .frontity-logo{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);}</style><a href="https://docs.frontity.org/getting-started/quick-start-guide" target="_blank" class="wp-block-button__link css-1myll6h" title="" rel="noreferrer noopener"><style data-emotion="css nkt64x">.css-nkt64x{margin-right:10px;}</style><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#f6f6f9" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Get Started</a></div></div></div></div></div></div><p></p></div></div><style data-emotion="css-global 8fkznr">.description{margin-bottom:22px;opacity:0.85;}@media only screen and (max-width: 769px){.description{font-size:16px;letter-spacing:0;line-height:24px;}}.top-section{position:relative;padding-top:125px;}.hero-about-us{background-color:#f2f3fc;position:relative;-webkit-clip-path:polygon(0 0, 100% 0, 100% 92%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 92%, 0% 100%);}.hero-about-us p{max-width:672px;margin:auto;}.hero-about-us img{margin:84px auto 20px;}.hero-homepage{background-color:#f2f3fc;position:relative;-webkit-clip-path:polygon(0 0, 100% 0, 100% 92%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 92%, 0% 100%);}.hero-homepage:after{content:"";display:block;position:absolute;background-color:rgb(236, 237, 246);bottom:0;left:0;right:0;top:0;height:100%;width:100%;z-index:-1;-webkit-clip-path:polygon(0 100%, 100% 85%, 100% 92%);clip-path:polygon(0 100%, 100% 85%, 100% 92%);}.hero-homepage .hero-text{margin-bottom:35px;font-size:20px;line-height:32px;opacity:0.8;}.hero-homepage .get-started-button{margin-right:24px;margin-left:2px;}.hero-homepage .wp-block-buttons{margin-bottom:60px;}@media only screen and (max-width: 769px){.hero-homepage .hero-title{margin-top:28px;font-size:32px;line-height:40px;}}.wp-block-group.how-frontity-works{padding:100px 0px 124px;}.wp-block-group.how-frontity-works>div>p.description{margin-bottom:55px;}@media only screen and (max-width: 769px){.wp-block-group.how-frontity-works{padding:80px 0px 40px;}}.wp-block-group.wp-react-made-easy{padding:100px 0px 136px;-webkit-clip-path:polygon(0 0, 100% 40px, 100% 100%, 0 calc(100% - 72px));clip-path:polygon(0 0, 100% 40px, 100% 100%, 0 calc(100% - 72px));}.wp-block-group.wp-react-made-easy>div>p{margin-bottom:52px;}.wp-block-group.wp-react-made-easy h5{margin-bottom:9px;}.wp-block-group.wp-react-made-easy a{margin-bottom:30px;}.wp-block-group.wp-react-made-easy .terminal,.wp-block-group.wp-react-made-easy pre{width:auto;}.wp-block-group.wp-react-made-easy .terminal ol{margin-left:8px;}.wp-block-group.wp-react-made-easy .terminal ol li{margin-left:2.4em;}.wp-block-group.wp-react-made-easy .terminal ol li:before{margin-right:1em;margin-left:-2.4em;}@media only screen and (min-width: 769px){.wp-block-group.wp-react-made-easy .frontity-flow-all-items>div>*{padding:45px 65px 20px 55px;}}@media only screen and (max-width: 769px){.wp-block-group.wp-react-made-easy{padding:90px 0px 48px;-webkit-clip-path:polygon(0 0, 100% 24px, 100% 100%, 0 calc(100% - 24px));clip-path:polygon(0 0, 100% 24px, 100% 100%, 0 calc(100% - 24px));}}.wp-block-group.wrapping-section{padding:60px 0px 120px;-webkit-clip-path:polygon( 100% 0, 100% calc(100% - 50px), 50% 100%, 0 calc(100% - 50px), 0 0 );clip-path:polygon( 100% 0, 100% calc(100% - 50px), 50% 100%, 0 calc(100% - 50px), 0 0 );}.wp-block-group.wrapping-section a.wp-block-button{margin-left:-1em;}.wp-block-group.wrapping-section .frontity-ssg .wp-block-group .wp-block-columns ol{list-style-type:decimal;opacity:0.85;}.wp-block-group.wrapping-section .frontity-ssg .wp-block-group .wp-block-columns .wp-block-column:nth-child(1){padding:0;border:0;padding-right:2em;border-right:1px solid rgba(15, 28, 100, 0.12);}.wp-block-group.wrapping-section .frontity-ssg .wp-block-group .wp-block-columns .wp-block-column:nth-child(2){margin-top:2em;}.wp-block-group.wrapping-section .frontity-ssg .wp-block-group .wp-block-columns strong{font-weight:bold;}@media only screen and (max-width: 600px){.wp-block-group.wrapping-section .frontity-ssg .wp-block-group .wp-block-columns .wp-block-column:nth-child(1){padding:0;border:0;margin:0;border-bottom:1px solid rgba(15, 28, 100, 0.12);}}.wp-block-group.wrapping-section .demo-iframe{margin-bottom:30px;}.wp-block-group.wrapping-section .why-wp-react{margin-top:70px;}.wp-block-group.wrapping-section .why-wp-react ul{margin-left:0;}.wp-block-group.wrapping-section .why-wp-react figure{margin-top:50px;}.wp-block-group.wrapping-section .why-wp-react .wp-block-column{margin-left:50px;}@media only screen and (max-width: 769px){.wp-block-group.wrapping-section{padding:80px 0px 170px;-webkit-clip-path:polygon( 100% 0, 100% calc(100% - 28px), 50% 100%, 0 calc(100% - 28px), 0 0 );clip-path:polygon( 100% 0, 100% calc(100% - 28px), 50% 100%, 0 calc(100% - 28px), 0 0 );}}.wp-block-group.why-frontity{position:relative;padding:120px 0px 84px;}.wp-block-group.why-frontity:before{content:"";display:block;position:absolute;background:linear-gradient(180deg, transparent 0%, #fff 70%);left:0;right:0;top:0;height:60px;width:100%;-webkit-transform:translateY(-24px);-moz-transform:translateY(-24px);-ms-transform:translateY(-24px);transform:translateY(-24px);-webkit-clip-path:polygon( 50% 30px, 100% 0, 100% 30px, 50% calc(30px + 30px), 0 30px, 0 0 );clip-path:polygon( 50% 30px, 100% 0, 100% 30px, 50% calc(30px + 30px), 0 30px, 0 0 );}.wp-block-group.why-frontity .description{margin-bottom:60px;}.wp-block-group.why-frontity .special-link{margin-top:60px;}@media only screen and (max-width: 769px){.wp-block-group.why-frontity{padding:100px 0px 120px;}}.wp-block-group.need-inspiration-section{padding:100px 0px 0px;-webkit-clip-path:polygon( 0 0, 100% 48px, 100% calc(100% - 50px), 0 calc(100% - 94px) );clip-path:polygon( 0 0, 100% 48px, 100% calc(100% - 50px), 0 calc(100% - 94px) );}@media only screen and (max-width: 769px){.wp-block-group.need-inspiration-section{padding:60px 0px 0px;}}.wp-block-group.faq-section{padding:160px 0px 108px;}.wp-block-group.faq-section .dropdown-item{margin-top:20px;}.wp-block-group.faq-section .get-help-heading>.wp-block-group__inner-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.wp-block-group.faq-section .get-help-heading>.wp-block-group__inner-container .wp-block-group{margin-right:12px;}.wp-block-group.faq-section .get-help-heading .special-icon{margin-bottom:18px;}@media only screen and (max-width: 769px){.wp-block-group.faq-section{padding:120px 0px 40px;}.wp-block-group.faq-section .wp-block-columns>.wp-block-column{margin-bottom:80px;}}.wp-block-group.testimonial-homepage{padding:0;padding-bottom:110px;}.wp-block-group.start-using-frontity{padding:0;padding-bottom:100px;}.wp-block-group.start-using-frontity .wp-block-column{margin-bottom:20px;}.wp-block-group.start-using-frontity .wp-block-column h2{margin-top:12px;}.wp-block-group.start-using-frontity .wp-block-column p{margin-bottom:23px;}.wp-block-group.start-using-frontity .enterprise-projects a{margin-left:-1.3em;}.wp-block-group.accelerated-section .wp-block-group__inner-container{position:relative;display:grid;grid-gap:1.5em;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.wp-block-group.accelerated-section .wp-block-group__inner-container figure{margin-top:32px;}@media screen and (max-width: 599px){.wp-block-group.accelerated-section .wp-block-group__inner-container{grid-template-rows:0.3fr 0.3fr 0.3fr 0.3fr;grid-gap:0;justify-items:center;}.wp-block-group.accelerated-section .wp-block-group__inner-container figure{max-width:60%;}}@media screen and (min-width: 600px){.wp-block-group.accelerated-section .wp-block-group__inner-container{grid-template-columns:repeat(4, 1fr);}}</style><div class="wp-block-group hero-homepage top-section is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css 1leqlh9">.css-1leqlh9{height:50px;}</style><div aria-hidden="true" class="wp-block-spacer css-1leqlh9"></div><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"><div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><h1 class="hero-title wp-block-heading">The <strong><style data-emotion="css nrjmnd">.css-nrjmnd{color:#1f38c5;}.css-nrjmnd:hover,.css-nrjmnd:active{color:#1f38c5;}</style><span class="has-inline-color has-frontity-color css-nrjmnd">React</span></strong> framework for <strong><style data-emotion="css nrjmnd">.css-nrjmnd{color:#1f38c5;}.css-nrjmnd:hover,.css-nrjmnd:active{color:#1f38c5;}</style><span class="has-inline-color has-frontity-color css-nrjmnd">WordPress</span></strong></h1><style data-emotion="css rnlb2e">.css-rnlb2e{color:rgba(15, 28, 100, 0.6);}.css-rnlb2e:hover,.css-rnlb2e:active{color:rgba(15, 28, 100, 0.6);}</style><p class="has-text-opacity-60 hero-text description has-primary-color has-text-color css-rnlb2e">Frontity is the easiest way to create lightning fast websites using WordPress and React. Open source and free to use.</p></div></div><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button button-big get-started-button" id="get-started-button-hero"><style data-emotion="css 1wxnxef">.css-1wxnxef{line-height:16px;font-size:16px;padding:12px 16px;font-weight:600;background-color:#1f38c5;color:#ffffff;border-radius:8px;box-shadow:0 4px 8px 0 rgba(12,17,43,0.12),0 1px 4px 0 rgba(12,17,43,0.16);padding:18px 24px;-webkit-transition:-webkit-transform,filter 250ms ease-in-out;transition:transform,filter 250ms ease-in-out;}.css-1wxnxef:active{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}.css-1wxnxef svg,.css-1wxnxef img,.css-1wxnxef embed,.css-1wxnxef object{display:inline-block;}.css-1wxnxef:hover,.css-1wxnxef:active,.css-1wxnxef:focus,.css-1wxnxef:visited{-webkit-filter:opacity(0.9);filter:opacity(0.9);cursor:pointer;color:white;}.css-1wxnxef .frontity-logo{-webkit-transition:-webkit-transform 300ms ease-in-out;transition:transform 300ms ease-in-out;}.css-1wxnxef:hover .frontity-logo{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);}</style><a href="https://docs.frontity.org/getting-started/quick-start-guide" target="_self" class="wp-block-button__link css-1wxnxef" rel="noopener"><style data-emotion="css nkt64x">.css-nkt64x{margin-right:10px;}</style><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#f6f6f9" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Get Started</a></div><style data-emotion="css zdyiq0">@media only screen and (max-width: 768px){.css-zdyiq0{display:none;}}</style><div class="wp-block-button button-big desktop-only css-zdyiq0" id="codesandbox-button-hero"><style data-emotion="css gfcflt">.css-gfcflt{line-height:16px;font-size:16px;padding:12px 16px;font-weight:600;background-color:#1f38c5;color:#ffffff;border-radius:8px;box-shadow:0 4px 8px 0 rgba(12,17,43,0.12),0 1px 4px 0 rgba(12,17,43,0.16);padding:18px 24px;background-color:#ffffff;color:#1f38c5;}.css-gfcflt:active{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}.css-gfcflt svg,.css-gfcflt img,.css-gfcflt embed,.css-gfcflt object{display:inline-block;}.css-gfcflt:hover,.css-gfcflt:active,.css-gfcflt:focus,.css-gfcflt:visited{-webkit-filter:opacity(0.9);filter:opacity(0.9);cursor:pointer;color:white;}.css-gfcflt img{margin-right:8px;-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}.css-gfcflt:hover,.css-gfcflt:active{color:#1f38c5;}</style><a href="https://codesandbox.io/s/github/frontity/frontity-template" target="_blank" class="wp-block-button__link has-frontity-color has-white-background-color has-text-color has-background css-gfcflt" rel="noreferrer noopener"><style data-emotion="css 1u3pypf">.css-1u3pypf{width:13px;}</style><img decoding="async" class="wp-image-4384 css-1u3pypf" src="https://frontity.org/wp-content/uploads/2020/02/demo-icon.svg" alt=""/><style data-emotion="css nrjmnd">.css-nrjmnd{color:#1f38c5;}.css-nrjmnd:hover,.css-nrjmnd:active{color:#1f38c5;}</style><span class="has-inline-color has-frontity-color css-nrjmnd">Try Demo in your Browser</span></a></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><style data-emotion="css 1fr664b">.css-1fr664b .terminal{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}</style><style data-emotion="css so7fm7">.css-so7fm7{height:100%;}.css-so7fm7>div{position:relative;height:100%;}.css-so7fm7>div .wp-block-image{margin:0;}.css-so7fm7>div .terminal{position:absolute;z-index:3;bottom:0;left:0;-webkit-transition:all 1s ease;transition:all 1s ease;}.css-so7fm7>div .terminal .change-position{visibility:visible;}.css-so7fm7 .terminal{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}</style><div class="css-so7fm7 ez4aq3i0"><div class="wp-block-group__inner-container"><style data-emotion="css 1hdmb64">.css-1hdmb64{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:Courier,monospace;font-size:0.78rem;line-height:1.65;background:#0c112b;height:330px;width:400px;padding:0;border:0;box-shadow:0 2px 12px 0 rgba(12, 17, 43, 0.4),0 1px 4px 0 rgba(12, 17, 43, 0.39);border-radius:8px;overflow:auto;max-width:100%;color:rgba(255, 255, 255, 0.8);}.css-1hdmb64 .wp-block-group__inner-container{padding-top:10px;padding-bottom:10px;overflow:auto;height:100%;}.css-1hdmb64 .wp-block-group__inner-container::-webkit-scrollbar{width:6px;}.css-1hdmb64 .wp-block-group__inner-container::-webkit-scrollbar-track{background:rgba(100, 100, 100, 0.5);border-radius:5px;margin-bottom:4px;}.css-1hdmb64 .wp-block-group__inner-container::-webkit-scrollbar-thumb{background:#888;border-radius:5px;}.css-1hdmb64 .wp-block-group__inner-container::-webkit-scrollbar-thumb:hover{background:#555;}.css-1hdmb64 ol{list-style:none;counter-reset:counter;}.css-1hdmb64 li{counter-increment:counter;margin-left:10px;}.css-1hdmb64 span.has-inline-color{opacity:0.8;}.css-1hdmb64 ol li::before{content:"$ ";color:rgba(255, 255, 255, 0.7);margin-right:15px;display:inline-block;text-align:right;width:17px;}</style><div class="wp-block-group terminal is-layout-flow wp-block-group-is-layout-flow css-1hdmb64"><style data-emotion="css reltoi">.css-reltoi{height:24px;background:#0c112b;border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom:1px solid rgba(255, 255, 255, 0.07);position:relative;}</style><div class="css-reltoi"><style data-emotion="css 1q4vxyr">.css-1q4vxyr{margin-left:8px;}</style><style data-emotion="css vbwetp">.css-vbwetp{display:inline-block;height:8px;width:8px;border-radius:50%;margin-left:4px;margin-top:8px;background-color:rgba(255, 255, 255, 0.15);margin-left:8px;}</style><span class="css-vbwetp ejf16di1"></span><style data-emotion="css r9qgr2">.css-r9qgr2{display:inline-block;height:8px;width:8px;border-radius:50%;margin-left:4px;margin-top:8px;background-color:rgba(255, 255, 255, 0.15);}</style><span class="css-r9qgr2 ejf16di1"></span><span class="css-r9qgr2 ejf16di1"></span><style data-emotion="css a47pwr">.css-a47pwr{position:absolute;cursor:pointer;right:0.8em;visibility:hidden;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}.css-a47pwr span{color:#ffffff94;font-size:1.5em;}</style><a class="change-position css-a47pwr ejf16di0"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 8" width="11" height="8"><path fill="#bbb" fill-rule="evenodd" d="M5.355 7.681l-.008.009L0 1.983 1.858 0l3.787 4.042L9.142.31 11 2.293 5.653 8z"></path></svg></a></div><div class="wp-block-group__inner-container"><div class="css-0 e1rcdg311"><div class="Typist "></div></div><p></p></div></div><style data-emotion="css 1doedt6">.css-1doedt6{box-shadow:0 -1px 0 0 rgba(12, 17, 43, 0.04);background-color:rgb(243, 243, 243);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;overflow:hidden;border-radius:12px;}.css-1doedt6 .wp-block-image{margin:0;}.css-1doedt6 .wp-block-group__inner-container{vertical-align:bottom;}.css-1doedt6 img,.css-1doedt6 iframe,.css-1doedt6 video{display:block;}.css-1doedt6 [loading="lazy"]{min-height:1px;}</style><style data-emotion="css 14f28ck">.css-14f28ck{position:relative;box-shadow:0 -1px 0 0 rgba(12, 17, 43, 0.04);background-color:rgb(243, 243, 243);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;overflow:hidden;border-radius:12px;}@media only screen and (min-width: 768px){.css-14f28ck{-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);transform:translateX(70px);}}.css-14f28ck .wp-block-image{margin:0;}.css-14f28ck .wp-block-group__inner-container{vertical-align:bottom;}.css-14f28ck img,.css-14f28ck iframe,.css-14f28ck video{display:block;}.css-14f28ck [loading="lazy"]{min-height:1px;}</style><div class="wp-block-image size-large is-style-default has-browser-window has-border-radius-12px hero-blog-image css-14f28ck evbu2kn4"><style data-emotion="css 16e4yb5">.css-16e4yb5{height:32px;padding-left:10px;}</style><div class="css-16e4yb5"><style data-emotion="css 1460xpw">.css-1460xpw{display:inline-block;width:9px;height:9px;margin-left:5px;border-radius:100%;background-color:rgba(15, 28, 100, 0.2);vertical-align:baseline;margin-top:12px;}</style><span class="css-1460xpw e1kpuozl0"></span><span class="css-1460xpw e1kpuozl0"></span><span class="css-1460xpw e1kpuozl0"></span></div><img loading="lazy" decoding="async" width="468" height="447" src="https://frontity.org/wp-content/uploads/2020/04/HeroWindow.png" alt="" class="wp-image-5189" srcSet="https://frontity.org/wp-content/uploads/2020/04/HeroWindow.png 468w, https://frontity.org/wp-content/uploads/2020/04/HeroWindow-300x287.png 300w" sizes="auto, (max-width: 468px) 100vw, 468px"/><style data-emotion="css wjtlu2">.css-wjtlu2{-webkit-transition:1s ease-in-out opacity;transition:1s ease-in-out opacity;opacity:1;}</style><style data-emotion="css csmswf">.css-csmswf{position:absolute;background:#fff;height:calc(100% - 30px);top:30px;width:100%;-webkit-transition:1s ease-in-out opacity;transition:1s ease-in-out opacity;opacity:1;}</style><div class="css-csmswf evbu2kn3"><style data-emotion="css tcoaei">.css-tcoaei{padding:2.5em 1.5em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-tcoaei evbu2kn2"><style data-emotion="css bjn8wh">.css-bjn8wh{position:relative;}</style><div class="css-bjn8wh evbu2kn1"><style data-emotion="css 1a97bvw">.css-1a97bvw{position:relative;width:60px;height:60px;}.css-1a97bvw svg{position:absolute;top:56%;left:61%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}</style><div class="css-1a97bvw eiyzyuy1"><style data-emotion="css 1s1w5bi">.css-1s1w5bi{border:2px solid #eaeaf1;border-top:2px solid #8acb88;border-right:2px solid #8acb88;width:55px;height:55px;border-radius:50%;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}</style><div class="css-1s1w5bi eiyzyuy0"></div><svg width="55" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 20"><g fill="#CBCEDC" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg></div></div><style data-emotion="css 13zanjs">.css-13zanjs{margin-left:0.5em;font-size:1em;}</style><div class="css-13zanjs evbu2kn0">Setting up Frontity...</div></div></div></div></div></div></div></div></div></div><div class="wp-block-group how-frontity-works is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><h2 class="has-text-align-center wp-block-heading">How Frontity works</h2><style data-emotion="css 1sciw4n">.css-1sciw4n{color:rgba(15, 28, 100, 0.8);}.css-1sciw4n:hover,.css-1sciw4n:active{color:rgba(15, 28, 100, 0.8);}</style><p class="has-text-align-center has-text-opacity-80 description has-primary-color has-text-color css-1sciw4n">A server side, dynamic framework for headless WordPress sites and blogs</p><style data-emotion="css akdbg4">.css-akdbg4{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}.css-akdbg4 .wp-block-column{margin-left:0px;}@media screen and (max-width: 700px){.css-akdbg4{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}@media screen and (max-width: 700px){.css-akdbg4 .wp-block-group__inner-container{display:grid;grid-template-columns:1fr 70%;grid-template-rows:1fr;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:left;-ms-flex-pack:left;-webkit-justify-content:left;justify-content:left;}.css-akdbg4 .wp-block-group__inner-container p{padding-bottom:27px;padding-left:15px;padding-top:12px;text-align:left;}}</style><div class="wp-block-columns are-vertically-aligned-center headless-flow is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex css-akdbg4"><div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group headless-flow-item is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><figure class="wp-block-image aligncenter size-large"><img decoding="async" src="https://frontity.org/wp-content/uploads/2020/02/Wordpress-Window-1.svg" alt="" class="wp-image-4363"/></figure><style data-emotion="css 9xoq1">.css-9xoq1{font-size:14px;line-height:20px;color:rgba(15, 28, 100, 0.6);}.css-9xoq1:hover,.css-9xoq1:active{color:rgba(15, 28, 100, 0.6);}</style><p class="has-text-align-center has-text-opacity-60 has-primary-color has-text-color has-small-font-size css-9xoq1">WordPress is used as a headless CMS – just for creating and managing your content</p></div></div><p></p></div><style data-emotion="css 1hswvkd">.css-1hswvkd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:row nowrap;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:-100px;margin-right:-100px;margin-bottom:78px;z-index:-1;}.css-1hswvkd:nth-of-type(2n){margin-left:-85px;margin-right:-100px;}.css-1hswvkd:nth-of-type(4n){margin-left:-100px;margin-right:-85px;}@media screen and (max-width: 700px){.css-1hswvkd{-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;}.css-1hswvkd:nth-of-type(2n){margin:0;margin-top:-35px;padding-right:70%;margin-bottom:-6px;}}</style><div class="css-1hswvkd eql93ex0"><style data-emotion="css 1tasmvi">.css-1tasmvi{height:8px;width:8px;border-radius:50%;margin:6px;background:rgba(15, 28, 100, 0.12);}@media screen and (max-width: 700px){.css-1tasmvi:nth-of-type(-n + 2),.css-1tasmvi:nth-of-type(n + 7):nth-of-type(-n + 12){display:none;}}</style><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><style data-emotion="css 6psr55">.css-6psr55{height:8px;width:8px;border-radius:50%;margin:6px;background:rgba(130, 195, 21, 0.2);}@media screen and (max-width: 700px){.css-6psr55:nth-of-type(-n + 2),.css-6psr55:nth-of-type(n + 7):nth-of-type(-n + 12){display:none;}}</style><div color="rgba(130, 195, 21, 0.2)" class="css-6psr55 eql93ex1"></div><style data-emotion="css drfq1g">.css-drfq1g{height:8px;width:8px;border-radius:50%;margin:6px;background:rgba(130, 195, 21, 0.4);}@media screen and (max-width: 700px){.css-drfq1g:nth-of-type(-n + 2),.css-drfq1g:nth-of-type(n + 7):nth-of-type(-n + 12){display:none;}}</style><div color="rgba(130, 195, 21, 0.4)" class="css-drfq1g eql93ex1"></div><style data-emotion="css y98o8u">.css-y98o8u{height:8px;width:8px;border-radius:50%;margin:6px;background:rgba(130, 195, 21, 0.6);}@media screen and (max-width: 700px){.css-y98o8u:nth-of-type(-n + 2),.css-y98o8u:nth-of-type(n + 7):nth-of-type(-n + 12){display:none;}}</style><div color="rgba(130, 195, 21, 0.6)" class="css-y98o8u eql93ex1"></div><style data-emotion="css 1qyhy0x">.css-1qyhy0x{height:8px;width:8px;height:14px;width:14px;border-radius:50%;margin:6px;background:#82c315;}@media screen and (max-width: 700px){.css-1qyhy0x:nth-of-type(-n + 2),.css-1qyhy0x:nth-of-type(n + 7):nth-of-type(-n + 12){display:none;}}</style><div color="#82c315" class="css-1qyhy0x eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div></div><div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group headless-flow-item is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><figure class="wp-block-image aligncenter size-large"><img decoding="async" src="https://frontity.org/wp-content/uploads/2020/02/API-File.svg" alt="" class="wp-image-4364"/></figure><p class="has-text-align-center has-text-opacity-60 has-primary-color has-text-color has-small-font-size css-9xoq1">The WordPress REST-API allows you to retrieve your content and generate the final HTML</p></div></div><p></p></div><div class="css-1hswvkd eql93ex0"><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div><div color="rgba(15, 28, 100, 0.12)" class="css-1tasmvi eql93ex1"></div></div><div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group headless-flow-item is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><figure class="wp-block-image aligncenter size-large"><img decoding="async" src="https://frontity.org/wp-content/uploads/2020/02/Node-Window.svg" alt="" class="wp-image-4365"/></figure><p class="has-text-align-center has-text-opacity-60 has-primary-color has-text-color has-small-font-size css-9xoq1">Frontity apps built with React serve your content and run separately on a Node.js server</p></div></div><p></p></div></div><div class="wp-block-buttons special-link is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2 wp-block-buttons-is-layout-flex"><div class="wp-block-button button-text" id="enterprise-section-button"><style data-emotion="css 18u6iww">.css-18u6iww{line-height:16px;font-size:16px;padding:12px 16px;font-weight:600;background-color:#1f38c5;color:#ffffff;border-radius:8px;-webkit-transition:-webkit-transform,filter 250ms ease-in-out;transition:transform,filter 250ms ease-in-out;display:inline-block;-webkit-text-decoration:none;text-decoration:none;position:relative;padding:12px 18px;color:#1f38c5;background-color:transparent;}.css-18u6iww:active{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}.css-18u6iww svg,.css-18u6iww img,.css-18u6iww embed,.css-18u6iww object{display:inline-block;}.css-18u6iww .frontity-logo{-webkit-transition:-webkit-transform 300ms ease-in-out;transition:transform 300ms ease-in-out;}.css-18u6iww:hover .frontity-logo{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);}.css-18u6iww:hover,.css-18u6iww:active,.css-18u6iww:focus,.css-18u6iww:visited{color:#1f38c5;}.css-18u6iww:hover::after{width:calc(100% - 60px);}.css-18u6iww::after{position:absolute;bottom:6px;left:42px;content:"";display:block;width:0;height:2px;background:#1f38c5;-webkit-transition:width 0.3s;transition:width 0.3s;}.css-18u6iww::before{position:absolute;bottom:6px;left:42px;content:"";display:block;width:calc(100% - 60px);height:2px;background:#1f38c5;opacity:0.4;}</style><a href="https://docs.frontity.org/architecture" target="_blank" class="wp-block-button__link css-18u6iww" rel="noreferrer noopener"><style data-emotion="css nkt64x">.css-nkt64x{margin-right:10px;}</style><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#1f38c5" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Learn more</a></div></div></div></div><style data-emotion="css 1n0b9nd">.css-1n0b9nd{background-color:#ffffff;}</style><div class="wp-block-group wp-react-made-easy has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-1n0b9nd"><div class="wp-block-group__inner-container"><h2 class="has-text-align-center wp-block-heading">WordPress + React made easy</h2><p class="has-text-align-center description">Frontity connects seamlessly with WordPress so you can focus on building your website or blog.<br/>No complex configuration is left to the developer and the number of concepts you need to learn are minimal.</p><div class="wp-block-group frontity-flow is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css j1unq6">.css-j1unq6{z-index:10;position:relative;width:750px;margin:0 auto;margin-bottom:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:row nowrap;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-items:center;}@media screen and (max-width: 800px){.css-j1unq6{display:none;}}</style><div class="wp-block-buttons frontity-flow-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3 wp-block-buttons-is-layout-flex css-j1unq6"><style data-emotion="css 16w492m">.css-16w492m{z-index:20;position:relative;margin:6px;margin-left:20px;margin-right:20px;height:52px;width:158px;border-radius:12px;border:0;font-size:16px;font-weight:600;letter-spacing:0;line-height:16px;background-color:transparent;color:#0f1c64;cursor:pointer;-webkit-transition:background-color 200ms ease-in-out,color 300ms ease-in-out 300ms;transition:background-color 200ms ease-in-out,color 300ms ease-in-out 300ms;color:white;}.css-16w492m:focus{outline:none;}.css-16w492m:before{content:'1';display:inline-block;padding:2px;vertical-align:text-bottom;width:20px;height:20px;margin-right:12px;font-size:12px;border-radius:50%;color:white;background-color:rgba(255, 255, 255, 0.15);-webkit-transition:all 400ms ease-in-out 200ms;transition:all 400ms ease-in-out 200ms;}</style><button class="css-16w492m eokq1ts0">Create</button><style data-emotion="css 1atscfd">.css-1atscfd{z-index:20;position:relative;margin:6px;margin-left:20px;margin-right:20px;height:52px;width:158px;border-radius:12px;border:0;font-size:16px;font-weight:600;letter-spacing:0;line-height:16px;background-color:transparent;color:#0f1c64;cursor:pointer;-webkit-transition:background-color 200ms ease-in-out,color 300ms ease-in-out 300ms;transition:background-color 200ms ease-in-out,color 300ms ease-in-out 300ms;}.css-1atscfd:focus{outline:none;}.css-1atscfd:before{content:'2';display:inline-block;padding:2px;vertical-align:text-bottom;width:20px;height:20px;margin-right:12px;font-size:12px;border-radius:50%;color:white;background-color:rgba(255, 255, 255, 0.15);-webkit-transition:all 400ms ease-in-out 200ms;transition:all 400ms ease-in-out 200ms;}.css-1atscfd:hover{-webkit-filter:opacity(0.9);filter:opacity(0.9);background-color:rgba(31, 56, 197, 0.08);}.css-1atscfd:before{color:#82c315;background-color:rgba(130, 195, 21, 0.15);}</style><button class="css-1atscfd eokq1ts0">Connect</button><style data-emotion="css 1felrgr">.css-1felrgr{z-index:20;position:relative;margin:6px;margin-left:20px;margin-right:20px;height:52px;width:158px;border-radius:12px;border:0;font-size:16px;font-weight:600;letter-spacing:0;line-height:16px;background-color:transparent;color:#0f1c64;cursor:pointer;-webkit-transition:background-color 200ms ease-in-out,color 300ms ease-in-out 300ms;transition:background-color 200ms ease-in-out,color 300ms ease-in-out 300ms;}.css-1felrgr:focus{outline:none;}.css-1felrgr:before{content:'3';display:inline-block;padding:2px;vertical-align:text-bottom;width:20px;height:20px;margin-right:12px;font-size:12px;border-radius:50%;color:white;background-color:rgba(255, 255, 255, 0.15);-webkit-transition:all 400ms ease-in-out 200ms;transition:all 400ms ease-in-out 200ms;}.css-1felrgr:hover{-webkit-filter:opacity(0.9);filter:opacity(0.9);background-color:rgba(31, 56, 197, 0.08);}.css-1felrgr:before{color:#82c315;background-color:rgba(130, 195, 21, 0.15);}</style><button class="css-1felrgr eokq1ts0">Style</button><style data-emotion="css 11xxpht">.css-11xxpht{z-index:20;position:relative;margin:6px;margin-left:20px;margin-right:20px;height:52px;width:158px;border-radius:12px;border:0;font-size:16px;font-weight:600;letter-spacing:0;line-height:16px;background-color:transparent;color:#0f1c64;cursor:pointer;-webkit-transition:background-color 200ms ease-in-out,color 300ms ease-in-out 300ms;transition:background-color 200ms ease-in-out,color 300ms ease-in-out 300ms;}.css-11xxpht:focus{outline:none;}.css-11xxpht:before{content:'4';display:inline-block;padding:2px;vertical-align:text-bottom;width:20px;height:20px;margin-right:12px;font-size:12px;border-radius:50%;color:white;background-color:rgba(255, 255, 255, 0.15);-webkit-transition:all 400ms ease-in-out 200ms;transition:all 400ms ease-in-out 200ms;}.css-11xxpht:hover{-webkit-filter:opacity(0.9);filter:opacity(0.9);background-color:rgba(31, 56, 197, 0.08);}.css-11xxpht:before{color:#82c315;background-color:rgba(130, 195, 21, 0.15);}</style><button class="css-11xxpht eokq1ts0">Deploy</button><style data-emotion="css g3eqtd">.css-g3eqtd{z-index:10;position:absolute;left:0;top:0;margin:6px;margin-right:20px;margin-left:20px;height:52px;width:158px;border-radius:12px;border:0;background-color:#1f38c5;color:white;box-shadow:0 4px 8px 0 rgba(12, 17, 43, 0.12),0 1px 4px 0 rgba(12, 17, 43, 0.16);-webkit-transition:-webkit-transform 600ms ease-in-out;transition:transform 600ms ease-in-out;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);font-size:16px;font-weight:600;letter-spacing:0;line-height:16px;}.css-g3eqtd:focus{outline:none;}</style><div class="css-g3eqtd edfu4hg0"></div></div><style data-emotion="css 1xtz34u">.css-1xtz34u{position:relative;overflow-x:hidden;}.css-1xtz34u>.wp-block-group__inner-container{display:grid;grid-auto-flow:column;grid-auto-columns:100%;grid-gap:5rem;}@media screen and (min-width: 801px){.css-1xtz34u>.wp-block-group__inner-container{-webkit-transform:translateX( calc( -0% - 0rem ) );-moz-transform:translateX( calc( -0% - 0rem ) );-ms-transform:translateX( calc( -0% - 0rem ) );transform:translateX( calc( -0% - 0rem ) );-webkit-transition:-webkit-transform 600ms ease-in-out;transition:transform 600ms ease-in-out;}}@media screen and (max-width: 800px){.css-1xtz34u>.wp-block-group__inner-container{overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-gap:0.5rem;}}</style><div class="wp-block-group frontity-flow-all-items has-wall-background-color is-layout-flow wp-block-group-is-layout-flow css-1xtz34u"><div class="wp-block-group__inner-container"><style data-emotion="css woj3zj">.css-woj3zj{background-color:#f6f6f9;border-radius:8px;}@media screen and (max-width: 800px){.css-woj3zj{scroll-snap-align:start;width:100%;height:auto;}}.css-woj3zj a.wp-block-button{margin-left:-18px;}</style><div id="create-item" class="wp-block-group frontity-flow-item-1 has-border-radius-8px has-wall-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-woj3zj"><div class="wp-block-group__inner-container"><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><h5 class="wp-block-heading">01</h5><h3 class="wp-block-heading">Create your project</h3><ul class="wp-block-list"><li>Create a new Frontity project with a single command.</li><li>Everything (bundling, transpiling, routing, server rendering…) is already configured for you.</li></ul><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button button-text" id="learn-more-button-create-section"><style data-emotion="css 18u6iww">.css-18u6iww{line-height:16px;font-size:16px;padding:12px 16px;font-weight:600;background-color:#1f38c5;color:#ffffff;border-radius:8px;-webkit-transition:-webkit-transform,filter 250ms ease-in-out;transition:transform,filter 250ms ease-in-out;display:inline-block;-webkit-text-decoration:none;text-decoration:none;position:relative;padding:12px 18px;color:#1f38c5;background-color:transparent;}.css-18u6iww:active{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}.css-18u6iww svg,.css-18u6iww img,.css-18u6iww embed,.css-18u6iww object{display:inline-block;}.css-18u6iww .frontity-logo{-webkit-transition:-webkit-transform 300ms ease-in-out;transition:transform 300ms ease-in-out;}.css-18u6iww:hover .frontity-logo{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);}.css-18u6iww:hover,.css-18u6iww:active,.css-18u6iww:focus,.css-18u6iww:visited{color:#1f38c5;}.css-18u6iww:hover::after{width:calc(100% - 60px);}.css-18u6iww::after{position:absolute;bottom:6px;left:42px;content:"";display:block;width:0;height:2px;background:#1f38c5;-webkit-transition:width 0.3s;transition:width 0.3s;}.css-18u6iww::before{position:absolute;bottom:6px;left:42px;content:"";display:block;width:calc(100% - 60px);height:2px;background:#1f38c5;opacity:0.4;}</style><a href="https://docs.frontity.org/getting-started/quick-start-guide#getting-started-with-frontity" target="_blank" class="wp-block-button__link css-18u6iww" rel="noreferrer noopener"><style data-emotion="css nkt64x">.css-nkt64x{margin-right:10px;}</style><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#1f38c5" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Learn more</a></div></div><p></p></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><style data-emotion="css 1hdmb64">.css-1hdmb64{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:Courier,monospace;font-size:0.78rem;line-height:1.65;background:#0c112b;height:330px;width:400px;padding:0;border:0;box-shadow:0 2px 12px 0 rgba(12, 17, 43, 0.4),0 1px 4px 0 rgba(12, 17, 43, 0.39);border-radius:8px;overflow:auto;max-width:100%;color:rgba(255, 255, 255, 0.8);}.css-1hdmb64 .wp-block-group__inner-container{padding-top:10px;padding-bottom:10px;overflow:auto;height:100%;}.css-1hdmb64 .wp-block-group__inner-container::-webkit-scrollbar{width:6px;}.css-1hdmb64 .wp-block-group__inner-container::-webkit-scrollbar-track{background:rgba(100, 100, 100, 0.5);border-radius:5px;margin-bottom:4px;}.css-1hdmb64 .wp-block-group__inner-container::-webkit-scrollbar-thumb{background:#888;border-radius:5px;}.css-1hdmb64 .wp-block-group__inner-container::-webkit-scrollbar-thumb:hover{background:#555;}.css-1hdmb64 ol{list-style:none;counter-reset:counter;}.css-1hdmb64 li{counter-increment:counter;margin-left:10px;}.css-1hdmb64 span.has-inline-color{opacity:0.8;}.css-1hdmb64 ol li::before{content:"$ ";color:rgba(255, 255, 255, 0.7);margin-right:15px;display:inline-block;text-align:right;width:17px;}</style><div class="wp-block-group terminal is-layout-flow wp-block-group-is-layout-flow css-1hdmb64"><style data-emotion="css reltoi">.css-reltoi{height:24px;background:#0c112b;border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom:1px solid rgba(255, 255, 255, 0.07);position:relative;}</style><div class="css-reltoi"><style data-emotion="css 1q4vxyr">.css-1q4vxyr{margin-left:8px;}</style><style data-emotion="css vbwetp">.css-vbwetp{display:inline-block;height:8px;width:8px;border-radius:50%;margin-left:4px;margin-top:8px;background-color:rgba(255, 255, 255, 0.15);margin-left:8px;}</style><span class="css-vbwetp ejf16di1"></span><style data-emotion="css r9qgr2">.css-r9qgr2{display:inline-block;height:8px;width:8px;border-radius:50%;margin-left:4px;margin-top:8px;background-color:rgba(255, 255, 255, 0.15);}</style><span class="css-r9qgr2 ejf16di1"></span><span class="css-r9qgr2 ejf16di1"></span><style data-emotion="css a47pwr">.css-a47pwr{position:absolute;cursor:pointer;right:0.8em;visibility:hidden;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}.css-a47pwr span{color:#ffffff94;font-size:1.5em;}</style><a class="change-position css-a47pwr ejf16di0"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 8" width="11" height="8"><path fill="#bbb" fill-rule="evenodd" d="M5.355 7.681l-.008.009L0 1.983 1.858 0l3.787 4.042L9.142.31 11 2.293 5.653 8z"></path></svg></a></div><div class="wp-block-group__inner-container"><ol class="wp-block-list"><li><style data-emotion="css yj70tu">.css-yj70tu{background-color:rgba(0, 0, 0, 0);color:#f4c053;}.css-yj70tu:hover,.css-yj70tu:active{color:#f4c053;}</style><mark class="has-inline-color has-orange-color css-yj70tu">npx </mark><style data-emotion="css fwhye3">.css-fwhye3{background-color:rgba(0, 0, 0, 0);color:#936af4;}.css-fwhye3:hover,.css-fwhye3:active{color:#936af4;}</style><mark class="has-inline-color has-purple-color css-fwhye3">frontity create </mark><style data-emotion="css 1qm9fhv">.css-1qm9fhv{background-color:rgba(0, 0, 0, 0);color:#82c315;}.css-1qm9fhv:hover,.css-1qm9fhv:active{color:#82c315;}</style><mark class="has-inline-color has-grass-color css-1qm9fhv">my-app</mark><br/><br/><mark class="has-inline-color has-grass-color css-1qm9fhv">✔ </mark>Creating <mark class="has-inline-color has-orange-color css-yj70tu">package.json.</mark><br/><mark class="has-inline-color has-grass-color css-1qm9fhv">✔ </mark>Creating <mark class="has-inline-color has-orange-color css-yj70tu">frontity.settings.js.</mark><br/><mark class="has-inline-color has-grass-color css-1qm9fhv">✔ </mark>Cloning <mark class="has-inline-color has-grass-color css-1qm9fhv">@frontity/mars-theme.</mark><br/><mark class="has-inline-color has-grass-color css-1qm9fhv">✔ </mark>Installing dependencies.<br/><br/><strong>Frontity project created!</strong><br/><br/>Run <mark class="has-inline-color has-grass-color css-1qm9fhv">cd my-app && npx frontity dev </mark>and have fun! 🎉<br/><br/></li><li><mark class="has-inline-color has-orange-color css-yj70tu">cd </mark><mark class="has-inline-color has-grass-color css-1qm9fhv">my-app</mark></li></ol></div></div></div></div><p></p></div></div><div id="connect-item" class="wp-block-group frontity-flow-item-2 has-border-radius-8px has-wall-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-woj3zj"><div class="wp-block-group__inner-container"><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><h5 class="wp-block-heading">02</h5><h3 class="wp-block-heading">Connect Frontity to your WordPress site</h3><ul class="wp-block-list"><li>Easily connect your WordPress URL to Frontity.</li><li>Works with WordPress.org and WordPress.com.</li></ul><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button button-text" id="learn-more-button-connect-section"><a href="https://docs.frontity.org/getting-started/quick-start-guide#set-your-own-wordpress-installation" target="_blank" class="wp-block-button__link css-18u6iww" rel="noreferrer noopener"><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#1f38c5" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Learn more</a></div></div><p></p></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><pre class="wp-block-code has-code language-javascript css-1hdmb64"><div class="css-reltoi"><span class="css-vbwetp ejf16di1"></span><span class="css-r9qgr2 ejf16di1"></span><span class="css-r9qgr2 ejf16di1"></span><a class="change-position css-a47pwr ejf16di0"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 8" width="11" height="8"><path fill="#bbb" fill-rule="evenodd" d="M5.355 7.681l-.008.009L0 1.983 1.858 0l3.787 4.042L9.142.31 11 2.293 5.653 8z"></path></svg></a></div><style data-emotion="css 1ee9wl2">.css-1ee9wl2{margin-left:15px;margin-top:12px;}</style><code class="language-javascript css-1ee9wl2">// frontity.settings.js export const settings = { packages: [ { name: "@frontity/wp-source", state: { source: { url: "https://frontity.org/" }, }, } ], };</code></pre></div></div><p></p></div></div><div id="style-item" class="wp-block-group frontity-flow-item-3 has-border-radius-8px has-wall-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-woj3zj"><div class="wp-block-group__inner-container"><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><h5 class="wp-block-heading">03</h5><h3 class="wp-block-heading">Setup your theme and style it</h3><ul class="wp-block-list"><li>Start with a pre-made theme or create a custom one.</li><li>Style with next generation CSS-in-JS.</li></ul><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button button-text" id="learn-more-button-style-section"><a href="https://docs.frontity.org/learning-frontity/styles" target="_blank" class="wp-block-button__link css-18u6iww" rel="noreferrer noopener"><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#1f38c5" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Learn more</a></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><pre class="wp-block-code css-1hdmb64"><div class="css-reltoi"><span class="css-vbwetp ejf16di1"></span><span class="css-r9qgr2 ejf16di1"></span><span class="css-r9qgr2 ejf16di1"></span><a class="change-position css-a47pwr ejf16di0"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 8" width="11" height="8"><path fill="#bbb" fill-rule="evenodd" d="M5.355 7.681l-.008.009L0 1.983 1.858 0l3.787 4.042L9.142.31 11 2.293 5.653 8z"></path></svg></a></div><code class="language-javascript css-1ee9wl2">import { styled } from "frontity"; const StyledDiv = styled.div` width: 100%; text-align: center; color: white; `;</code></pre></div></div><p></p></div></div><div id="deploy-item" class="wp-block-group frontity-flow-item-4 has-border-radius-8px has-wall-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-woj3zj"><div class="wp-block-group__inner-container"><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><h5 class="wp-block-heading">04</h5><h3 class="wp-block-heading">Deploy anywhere</h3><ul class="wp-block-list"><li>Deploy your site to any Node.js or serverless provider.</li><li>Use your favorite WordPress hosting.</li></ul><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button button-text" id="learn-more-button-deploy-section"><a href="https://docs.frontity.org/deployment" target="_blank" class="wp-block-button__link css-18u6iww" rel="noreferrer noopener"><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#1f38c5" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Learn more</a></div></div><p></p></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><style data-emotion="css ikh10t">.css-ikh10t{border-radius:8px;}</style><figure class="wp-block-image size-large has-border-radius-8px css-ikh10t"><img loading="lazy" decoding="async" width="858" height="568" src="https://frontity.org/wp-content/uploads/2020/06/deployment-asset.png" alt="" class="wp-image-5729" srcSet="https://frontity.org/wp-content/uploads/2020/06/deployment-asset.png 858w, https://frontity.org/wp-content/uploads/2020/06/deployment-asset-300x199.png 300w, https://frontity.org/wp-content/uploads/2020/06/deployment-asset-768x508.png 768w" sizes="auto, (max-width: 858px) 100vw, 858px"/></figure></div></div><p></p></div></div></div><style data-emotion="css 19kx2dc">.css-19kx2dc{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:20px;}@media screen and (min-width: 801px){.css-19kx2dc{display:none;}}</style><span class="css-19kx2dc"><style data-emotion="css nj3bvs">.css-nj3bvs{border-radius:50%;width:8px;height:8px;background:#0f1c64;margin:6px;}</style><div color="#0f1c64" class="css-nj3bvs e1j6ggi60"></div><style data-emotion="css v7h8nl">.css-v7h8nl{border-radius:50%;width:8px;height:8px;background:rgba(15, 28, 100, 0.12);margin:6px;}</style><div color="#0f1c64" class="css-v7h8nl e1j6ggi60"></div><div color="#0f1c64" class="css-v7h8nl e1j6ggi60"></div><div color="#0f1c64" class="css-v7h8nl e1j6ggi60"></div></span></div></div></div></div></div><style data-emotion="css 1n0b9nd">.css-1n0b9nd{background-color:#ffffff;}</style><div class="wp-block-group wrapping-section has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-1n0b9nd"><div class="wp-block-group__inner-container"><div class="wp-block-group keep-editing-section has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-1n0b9nd"><div class="wp-block-group__inner-container"><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><figure class="wp-block-video"><video></video></figure></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css 1wyqiw5">.css-1wyqiw5{background-color:rgba(15, 28, 100, 0.08);border-radius:12px;height:60px;width:60px;position:relative;}.css-1wyqiw5.wp-block-group{padding:0;margin:0;}.css-1wyqiw5>div.wp-block-group__inner-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.css-1wyqiw5 figure.wp-block-image{margin-block-start:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;}.css-1wyqiw5 figure.wp-block-image img{display:block;}</style><div class="wp-block-group special-icon has-background-opacity-10 is-layout-flow wp-block-group-is-layout-flow css-1wyqiw5"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://frontity.org/wp-content/uploads/2020/02/demo-icon.svg" alt="" class="wp-image-4384" width="13" height="15"/></figure></div></div><h5 class="wp-block-heading">real-time content updates</h5><h3 class="wp-block-heading">Keep editing your content in WordPress</h3><p class="description">Use your WordPress dashboard to create and edit your content just as you usually do.</p><style data-emotion="css utuwye">.css-utuwye{border-color:rgba(15, 28, 100, 0.12);max-width:1080px;}</style><hr class="wp-block-separator is-style-wide css-utuwye"/><ul class="wp-block-list"><li>Every time you make an edit to a post or page, the change will automatically be updated on Frontity.</li><li>No need to rebuild your site as you would with a Static Site Generator each time new content is published.</li></ul><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button button-text" id="learn-more-button-content-section"><style data-emotion="css 18u6iww">.css-18u6iww{line-height:16px;font-size:16px;padding:12px 16px;font-weight:600;background-color:#1f38c5;color:#ffffff;border-radius:8px;-webkit-transition:-webkit-transform,filter 250ms ease-in-out;transition:transform,filter 250ms ease-in-out;display:inline-block;-webkit-text-decoration:none;text-decoration:none;position:relative;padding:12px 18px;color:#1f38c5;background-color:transparent;}.css-18u6iww:active{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}.css-18u6iww svg,.css-18u6iww img,.css-18u6iww embed,.css-18u6iww object{display:inline-block;}.css-18u6iww .frontity-logo{-webkit-transition:-webkit-transform 300ms ease-in-out;transition:transform 300ms ease-in-out;}.css-18u6iww:hover .frontity-logo{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);}.css-18u6iww:hover,.css-18u6iww:active,.css-18u6iww:focus,.css-18u6iww:visited{color:#1f38c5;}.css-18u6iww:hover::after{width:calc(100% - 60px);}.css-18u6iww::after{position:absolute;bottom:6px;left:42px;content:"";display:block;width:0;height:2px;background:#1f38c5;-webkit-transition:width 0.3s;transition:width 0.3s;}.css-18u6iww::before{position:absolute;bottom:6px;left:42px;content:"";display:block;width:calc(100% - 60px);height:2px;background:#1f38c5;opacity:0.4;}</style><a href="https://docs.frontity.org/about#how-does-frontity-work" target="_blank" class="wp-block-button__link css-18u6iww" rel="noreferrer noopener"><style data-emotion="css nkt64x">.css-nkt64x{margin-right:10px;}</style><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#1f38c5" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Learn more</a></div></div></div></div></div></div><p></p></div></div><style data-emotion="css h73zue">.css-h73zue{background-color:#ffffff;position:relative;}.css-h73zue .demo-iframe{width:100%;height:600px;}.css-h73zue .wp-block-group__inner-container,.css-h73zue iframe{width:100%;height:100%;}</style><div class="wp-block-group frontity-ssg has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-h73zue"><style data-emotion="css 1j2x1n4 animation-z3fu2p">.css-1j2x1n4{position:absolute;display:block;bottom:550px;left:-36px;-webkit-animation:animation-z3fu2p 1.6s ease-in-out infinite;animation:animation-z3fu2p 1.6s ease-in-out infinite;}@media only screen and (max-width: 769px){.css-1j2x1n4{display:none;}}@-webkit-keyframes animation-z3fu2p{0%{-webkit-transform:scale(5) translateX(0px);-moz-transform:scale(5) translateX(0px);-ms-transform:scale(5) translateX(0px);transform:scale(5) translateX(0px);}50%{-webkit-transform:scale(5) translateX(4px);-moz-transform:scale(5) translateX(4px);-ms-transform:scale(5) translateX(4px);transform:scale(5) translateX(4px);}100%{-webkit-transform:scale(5) translateX(0px);-moz-transform:scale(5) translateX(0px);-ms-transform:scale(5) translateX(0px);transform:scale(5) translateX(0px);}}@keyframes animation-z3fu2p{0%{-webkit-transform:scale(5) translateX(0px);-moz-transform:scale(5) translateX(0px);-ms-transform:scale(5) translateX(0px);transform:scale(5) translateX(0px);}50%{-webkit-transform:scale(5) translateX(4px);-moz-transform:scale(5) translateX(4px);-ms-transform:scale(5) translateX(4px);transform:scale(5) translateX(4px);}100%{-webkit-transform:scale(5) translateX(0px);-moz-transform:scale(5) translateX(0px);-ms-transform:scale(5) translateX(0px);transform:scale(5) translateX(0px);}}</style><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo-demo css-1j2x1n4" actions="[object Object]" libraries="[object Object]"><g fill="rgba(31, 56, 197, 0.2)" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg><div class="wp-block-group__inner-container"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><div class="wp-block-group special-icon has-background-opacity-10 is-layout-flow wp-block-group-is-layout-flow css-1wyqiw5"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="32" height="24" src="https://frontity.org/wp-content/uploads/2020/04/performance-icon.svg" alt="" class="wp-image-5204"/></figure><p></p></div></div><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><h5 class="wp-block-heading">Designed for performance</h5><h3 class="wp-block-heading">Frontity is as fast as a static site generator</h3><p class="description">Provide an instant experience with dynamic content using Serverless Pre-rendering (SPR).</p></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><ol class="wp-block-list"><li>Serverless generates HTML on the fly</li><li>The CDN saves the HTML and serves it as static content</li><li><strong>Try out the performance right here!</strong></li></ol></div></div></div></div><style data-emotion="css 1qu0183">.css-1qu0183{box-shadow:0 -1px 0 0 rgba(12, 17, 43, 0.04);background-color:rgb(243, 243, 243);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;overflow:hidden;border-radius:12px;}@media only screen and (max-width: 768px){.css-1qu0183{display:none;}}.css-1qu0183 .wp-block-image{margin:0;}.css-1qu0183 .wp-block-group__inner-container{vertical-align:bottom;}.css-1qu0183 img,.css-1qu0183 iframe,.css-1qu0183 video{display:block;}.css-1qu0183 [loading="lazy"]{min-height:1px;}</style><div class="wp-block-group desktop-only has-browser-window has-border-radius-12px has-shadow demo-iframe is-layout-flow wp-block-group-is-layout-flow css-1qu0183"><style data-emotion="css 16e4yb5">.css-16e4yb5{height:32px;padding-left:10px;}</style><div class="css-16e4yb5"><style data-emotion="css 1460xpw">.css-1460xpw{display:inline-block;width:9px;height:9px;margin-left:5px;border-radius:100%;background-color:rgba(15, 28, 100, 0.2);vertical-align:baseline;margin-top:12px;}</style><span class="css-1460xpw e1kpuozl0"></span><span class="css-1460xpw e1kpuozl0"></span><span class="css-1460xpw e1kpuozl0"></span></div><div class="wp-block-group__inner-container"><noscript><iframe class="frontity-lazy-iframe" loading="lazy" src="https://twentytwenty.frontity.org/"></iframe></noscript><iframe data-src="https://twentytwenty.frontity.org/" class="frontity-lazy-iframe" loading="lazy" style="visibility:hidden"></iframe><p></p></div></div><style data-emotion="css 7pgntj">.css-7pgntj{box-shadow:0 -1px 0 0 rgba(12, 17, 43, 0.04);background-color:rgb(243, 243, 243);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;overflow:hidden;border-radius:12px;}@media only screen and (min-width: 769px){.css-7pgntj{display:none;}}.css-7pgntj .wp-block-image{margin:0;}.css-7pgntj .wp-block-group__inner-container{vertical-align:bottom;}.css-7pgntj img,.css-7pgntj iframe,.css-7pgntj video{display:block;}.css-7pgntj [loading="lazy"]{min-height:1px;}</style><div class="wp-block-group mobile-only has-browser-window has-border-radius-12px has-shadow is-layout-flow wp-block-group-is-layout-flow css-7pgntj"><div class="css-16e4yb5"><span class="css-1460xpw e1kpuozl0"></span><span class="css-1460xpw e1kpuozl0"></span><span class="css-1460xpw e1kpuozl0"></span></div><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large is-style-default"><img loading="lazy" decoding="async" width="1024" height="512" src="https://frontity.org/wp-content/uploads/2020/02/twitter-twenty-twenty-frontity-theme.png" alt="twitter-twenty-twenty-frontity-theme" class="wp-image-4570" srcSet="https://frontity.org/wp-content/uploads/2020/02/twitter-twenty-twenty-frontity-theme.png 1024w, https://frontity.org/wp-content/uploads/2020/02/twitter-twenty-twenty-frontity-theme-300x150.png 300w, https://frontity.org/wp-content/uploads/2020/02/twitter-twenty-twenty-frontity-theme-768x384.png 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px"/></figure></div></div><div class="wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-9 wp-block-buttons-is-layout-flex"><div class="wp-block-button button-text" id="demo-button-performance-section"><a href="https://twentytwenty.frontity.org/" target="_blank" class="wp-block-button__link css-18u6iww" rel="noreferrer noopener"><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#1f38c5" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Check out the demo</a></div></div></div></div><style data-emotion="css 1k6plyw">.css-1k6plyw{background-color:#ffffff;}@media only screen and (max-width: 768px){.css-1k6plyw{display:none;}}</style><div class="wp-block-group why-wp-react desktop-only has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-1k6plyw"><div class="wp-block-group__inner-container"><style data-emotion="css 1nfokka">.css-1nfokka{border-top:1px solid rgba(15, 28, 100, 0.12);}</style><div class="wp-block-columns has-top-border is-layout-flex wp-container-core-columns-is-layout-9 wp-block-columns-is-layout-flex css-1nfokka"><style data-emotion="css 20z4zz">.css-20z4zz{border-right:1px solid rgba(15, 28, 100, 0.12);}</style><div class="wp-block-column has-right-border is-layout-flow wp-block-column-is-layout-flow css-20z4zz"><figure class="wp-block-image size-large"><img decoding="async" src="https://frontity.org/wp-content/uploads/2020/03/WordPress-logo.svg" alt="" class="wp-image-4699"/></figure><h2 class="wp-block-heading">Why WordPress?</h2><style data-emotion="css 1nv86tn">.css-1nv86tn{list-style:none;}.css-1nv86tn li{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-1nv86tn li:before{content:url("https://frontity.org/wp-content/uploads/2020/02/check-circle-marker.svg");}</style><ul class="check-marker-list wp-block-list css-1nv86tn"><li>Powers over 43% of the web</li><li>User-friendly and extensible</li><li>Powerful block editor extensible using React</li><li>Largest open source CMS community</li></ul></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><figure class="wp-block-image size-large"><img decoding="async" src="https://frontity.org/wp-content/uploads/2020/03/React-logo.svg" alt="" class="wp-image-4700"/></figure><h2 class="wp-block-heading">Why React?</h2><ul class="check-marker-list wp-block-list css-1nv86tn"><li><style data-emotion="css 1ns5iy8">.css-1ns5iy8{letter-spacing:-0.015em;}</style><span class="css-1ns5iy8">Great developer and user experience</span></li><li>Scalable and well-established option</li><li>Largest open source front-end community</li></ul><p></p></div></div><p></p></div></div><p></p></div></div><div id="why-frontity" class="wp-block-group why-frontity is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><h2 class="has-text-align-center wp-block-heading">Why Frontity?</h2><p class="has-text-align-center description">Frontity combines the best of both worlds with a great developer experience in mind</p><style data-emotion="css 42dp19">@media screen and (min-width: 600px){.css-42dp19 .wp-block-group__inner-container .wp-block-columns{display:grid;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;grid-gap:4em 2em;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));}.css-42dp19 .wp-block-group__inner-container .wp-block-columns .wp-block-column{margin:0;}}@media only screen and (max-width: 599px){.css-42dp19{overflow-x:auto;scrollbar-color:#1f38c5 rgba(15, 28, 100, 0.08);scrollbar-width:thin;}.css-42dp19.wp-block-group>.wp-block-group__inner-container{padding:24px 16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-42dp19 .wp-block-columns{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:0;}.css-42dp19 .wp-block-column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-basis:auto!important;-ms-flex-preferred-size:auto!important;flex-basis:auto!important;}.css-42dp19 .wp-block-column>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;max-width:300px;margin:0;padding:0 26px 0 0;}.css-42dp19 .wp-block-column:last-child>*:last-child{padding-right:16px;}.css-42dp19::-webkit-scrollbar{width:4px;height:4px;}.css-42dp19::-webkit-scrollbar-thumb{background-color:#1f38c5;border-radius:2px;}.css-42dp19::-webkit-scrollbar-track{background-color:rgba(15, 28, 100, 0.08);border-radius:2px;}.css-42dp19::-webkit-scrollbar-button{background-color:transparent;width:16px;height:16px;}}</style><div class="wp-block-group frontity-features carrousel-bar is-layout-flow wp-block-group-is-layout-flow css-42dp19"><div class="wp-block-group__inner-container"><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-10 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group features-item is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css bltfh2">.css-bltfh2{background-color:rgba(106, 200, 201, 0.1);border-radius:12px;height:60px;width:60px;position:relative;}.css-bltfh2.wp-block-group{padding:0;margin:0;}.css-bltfh2>div.wp-block-group__inner-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.css-bltfh2 figure.wp-block-image{margin-block-start:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;}.css-bltfh2 figure.wp-block-image img{display:block;}</style><div class="wp-block-group special-icon has-background-opacity-10 has-turqoise-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-bltfh2"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><img decoding="async" src="https://frontity.org/wp-content/uploads/2020/03/lighthouse-logo.svg" alt="" class="wp-image-4642"/></figure></div></div></div></div><h4 class="wp-block-heading">Easy</h4><p>Designed to be used with WordPress, Frontity gives you a big head start by providing many of the common queries already built in.</p></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group features-item is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css 1ptfrwp">.css-1ptfrwp{background-color:rgba(244, 192, 83, 0.1);border-radius:12px;height:60px;width:60px;position:relative;}.css-1ptfrwp.wp-block-group{padding:0;margin:0;}.css-1ptfrwp>div.wp-block-group__inner-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.css-1ptfrwp figure.wp-block-image{margin-block-start:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;}.css-1ptfrwp figure.wp-block-image img{display:block;}</style><div class="wp-block-group special-icon has-background-opacity-10 has-orange-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-1ptfrwp"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://frontity.org/wp-content/uploads/2020/03/zero-setup-logo.svg" alt="" class="wp-image-4645" width="24" height="24"/></figure></div></div></div></div><h4 class="wp-block-heading">Zero Setup</h4><p>Everything is already wired up (React, Webpack, Babel, Routing…) so that you can jump straight in and start creating your site.</p></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group features-item is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css 1qyaa6">.css-1qyaa6{background-color:rgba(247, 109, 100, 0.1);border-radius:12px;height:60px;width:60px;position:relative;}.css-1qyaa6.wp-block-group{padding:0;margin:0;}.css-1qyaa6>div.wp-block-group__inner-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.css-1qyaa6 figure.wp-block-image{margin-block-start:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;}.css-1qyaa6 figure.wp-block-image img{display:block;}</style><div class="wp-block-group special-icon has-background-opacity-10 has-red-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-1qyaa6"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><img decoding="async" src="https://frontity.org/wp-content/uploads/2020/03/ssr-logo.svg" alt="" class="wp-image-4644"/></figure></div></div></div></div><h4 class="wp-block-heading">SSR and SEO Friendly</h4><p>Frontity does Server Side Rendering out of the box. This approach works great with dynamic content and is great for SEO.</p></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group features-item is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css s68xgh">.css-s68xgh{background-color:rgba(138, 203, 136, 0.1);border-radius:12px;height:60px;width:60px;position:relative;}.css-s68xgh.wp-block-group{padding:0;margin:0;}.css-s68xgh>div.wp-block-group__inner-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.css-s68xgh figure.wp-block-image{margin-block-start:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;}.css-s68xgh figure.wp-block-image img{display:block;}</style><div class="wp-block-group special-icon has-background-opacity-10 has-lightgreen-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-s68xgh"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://frontity.org/wp-content/uploads/2020/03/lighting-logo.svg" alt="" class="wp-image-4643" width="24" height="24"/></figure></div></div></div></div><h4 class="wp-block-heading">Lightning Fast Loading</h4><p>Frontity sends a navigation-ready HTML page that is immediately usable so the initial load feels almost instant.</p></div></div><p></p></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group features-item is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css 15gm02w">.css-15gm02w{background-color:rgba(147, 106, 244, 0.1);border-radius:12px;height:60px;width:60px;position:relative;}.css-15gm02w.wp-block-group{padding:0;margin:0;}.css-15gm02w>div.wp-block-group__inner-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.css-15gm02w figure.wp-block-image{margin-block-start:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;}.css-15gm02w figure.wp-block-image img{display:block;}</style><div class="wp-block-group special-icon has-background-opacity-10 has-purple-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-15gm02w"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><img decoding="async" src="https://frontity.org/wp-content/uploads/2020/03/extensible-logo.svg" alt="" class="wp-image-4646"/></figure></div></div></div></div><h4 class="wp-block-heading">Extensible</h4><p>Frontity powers a flexible extensibility pattern similar to WordPress. Themes and extensions can be activated without code changes.</p></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group features-item is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css ssmc9j">.css-ssmc9j{background-color:rgba(15, 28, 100, 0.1);border-radius:12px;height:60px;width:60px;position:relative;}.css-ssmc9j.wp-block-group{padding:0;margin:0;}.css-ssmc9j>div.wp-block-group__inner-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.css-ssmc9j figure.wp-block-image{margin-block-start:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;}.css-ssmc9j figure.wp-block-image img{display:block;}</style><div class="wp-block-group special-icon has-background-opacity-10 has-primary-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-ssmc9j"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><img decoding="async" src="https://frontity.org/wp-content/uploads/2020/03/battle-tested-logo.svg" alt="" class="wp-image-4641"/></figure></div></div></div></div><h4 class="wp-block-heading">Battle Tested</h4><p>Used by millions of readers Frontity is proven and ideal for building fast and engaging frontend experiences. <style data-emotion="css 7dn31e">.css-7dn31e{color:#1f38c5;-webkit-text-decoration:none;text-decoration:none;outline:none;cursor:pointer;}.css-7dn31e:focus{box-shadow:outline;}.css-7dn31e:hover,.css-7dn31e:active{opacity:0.8;}</style><a href="https://frontity.org/about-us/" target="_blank" rel="noreferrer noopener" class="css-7dn31e">Learn more.</a></p></div></div><p></p></div></div></div></div><style data-emotion="css zdyiq0">@media only screen and (max-width: 768px){.css-zdyiq0{display:none;}}</style><div class="wp-block-buttons special-link desktop-only is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-10 wp-block-buttons-is-layout-flex css-zdyiq0"><div class="wp-block-button button-text" id="all-features-button"><style data-emotion="css 18u6iww">.css-18u6iww{line-height:16px;font-size:16px;padding:12px 16px;font-weight:600;background-color:#1f38c5;color:#ffffff;border-radius:8px;-webkit-transition:-webkit-transform,filter 250ms ease-in-out;transition:transform,filter 250ms ease-in-out;display:inline-block;-webkit-text-decoration:none;text-decoration:none;position:relative;padding:12px 18px;color:#1f38c5;background-color:transparent;}.css-18u6iww:active{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}.css-18u6iww svg,.css-18u6iww img,.css-18u6iww embed,.css-18u6iww object{display:inline-block;}.css-18u6iww .frontity-logo{-webkit-transition:-webkit-transform 300ms ease-in-out;transition:transform 300ms ease-in-out;}.css-18u6iww:hover .frontity-logo{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);}.css-18u6iww:hover,.css-18u6iww:active,.css-18u6iww:focus,.css-18u6iww:visited{color:#1f38c5;}.css-18u6iww:hover::after{width:calc(100% - 60px);}.css-18u6iww::after{position:absolute;bottom:6px;left:42px;content:"";display:block;width:0;height:2px;background:#1f38c5;-webkit-transition:width 0.3s;transition:width 0.3s;}.css-18u6iww::before{position:absolute;bottom:6px;left:42px;content:"";display:block;width:calc(100% - 60px);height:2px;background:#1f38c5;opacity:0.4;}</style><a href="https://docs.frontity.org/about#why-frontity" target="_blank" class="wp-block-button__link css-18u6iww" rel="noreferrer noopener"><style data-emotion="css nkt64x">.css-nkt64x{margin-right:10px;}</style><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#1f38c5" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Discover all benefits</a></div></div></div></div><style data-emotion="css 7c9s12">.css-7c9s12{background-color:#ffffff;overflow:hidden;-webkit-clip-path:polygon( 0 0, 100% 48px, 100% calc(100% - 50px), 0 calc(100% - 94px) );clip-path:polygon( 0 0, 100% 48px, 100% calc(100% - 50px), 0 calc(100% - 94px) );}.css-7c9s12 .wp-block-buttons{margin-top:20px;}.css-7c9s12 .wp-block-button{margin:0px;}</style><div class="wp-block-group need-inspiration-section has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-7c9s12"><div class="wp-block-group__inner-container"><style data-emotion="css 8jc4nt">.css-8jc4nt{height:40px;}@media only screen and (min-width: 769px){.css-8jc4nt{display:none;}}</style><div aria-hidden="true" class="wp-block-spacer mobile-only css-8jc4nt"></div><h2 class="has-text-align-center wp-block-heading">Need some inspiration?</h2><p class="has-text-align-center description">See what people are building with Frontity</p><div class="wp-block-buttons special-link is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-11 wp-block-buttons-is-layout-flex"><div class="wp-block-button button-text" id="showcase-button"><style data-emotion="css 18u6iww">.css-18u6iww{line-height:16px;font-size:16px;padding:12px 16px;font-weight:600;background-color:#1f38c5;color:#ffffff;border-radius:8px;-webkit-transition:-webkit-transform,filter 250ms ease-in-out;transition:transform,filter 250ms ease-in-out;display:inline-block;-webkit-text-decoration:none;text-decoration:none;position:relative;padding:12px 18px;color:#1f38c5;background-color:transparent;}.css-18u6iww:active{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}.css-18u6iww svg,.css-18u6iww img,.css-18u6iww embed,.css-18u6iww object{display:inline-block;}.css-18u6iww .frontity-logo{-webkit-transition:-webkit-transform 300ms ease-in-out;transition:transform 300ms ease-in-out;}.css-18u6iww:hover .frontity-logo{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);}.css-18u6iww:hover,.css-18u6iww:active,.css-18u6iww:focus,.css-18u6iww:visited{color:#1f38c5;}.css-18u6iww:hover::after{width:calc(100% - 60px);}.css-18u6iww::after{position:absolute;bottom:6px;left:42px;content:"";display:block;width:0;height:2px;background:#1f38c5;-webkit-transition:width 0.3s;transition:width 0.3s;}.css-18u6iww::before{position:absolute;bottom:6px;left:42px;content:"";display:block;width:calc(100% - 60px);height:2px;background:#1f38c5;opacity:0.4;}</style><a href="https://frontity.org/showcase/" target="_self" class="wp-block-button__link css-18u6iww" rel=""><style data-emotion="css nkt64x">.css-nkt64x{margin-right:10px;}</style><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#1f38c5" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Showcase</a></div></div><style data-emotion="css 1xd6mlg">.css-1xd6mlg{display:block;position:relative;margin-top:100px;height:300px;}.css-1xd6mlg .wp-block-column{margin:0;}</style><div class="wp-block-columns showcases-gallery is-layout-flex wp-container-core-columns-is-layout-11 wp-block-columns-is-layout-flex css-1xd6mlg"><style data-emotion="css muohea">.css-muohea{display:block;position:absolute;margin:0;max-width:475px;width:100%;top:0%;left:50%;-webkit-transform:translate(calc(-50% - 300px), calc(0% + 60px));-moz-transform:translate(calc(-50% - 300px), calc(0% + 60px));-ms-transform:translate(calc(-50% - 300px), calc(0% + 60px));transform:translate(calc(-50% - 300px), calc(0% + 60px));opacity:0.6;}.css-muohea div{width:100%;}.css-muohea img,.css-muohea figure{width:475px;overflow:hidden;}</style><div class="wp-block-column showcases-gallery-item is-layout-flow wp-block-column-is-layout-flow css-muohea"><style data-emotion="css 1doedt6">.css-1doedt6{box-shadow:0 -1px 0 0 rgba(12, 17, 43, 0.04);background-color:rgb(243, 243, 243);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;overflow:hidden;border-radius:12px;}.css-1doedt6 .wp-block-image{margin:0;}.css-1doedt6 .wp-block-group__inner-container{vertical-align:bottom;}.css-1doedt6 img,.css-1doedt6 iframe,.css-1doedt6 video{display:block;}.css-1doedt6 [loading="lazy"]{min-height:1px;}</style><div class="wp-block-group has-browser-window has-shadow has-border-radius-12px is-layout-flow wp-block-group-is-layout-flow css-1doedt6"><style data-emotion="css 16e4yb5">.css-16e4yb5{height:32px;padding-left:10px;}</style><div class="css-16e4yb5"><style data-emotion="css 1460xpw">.css-1460xpw{display:inline-block;width:9px;height:9px;margin-left:5px;border-radius:100%;background-color:rgba(15, 28, 100, 0.2);vertical-align:baseline;margin-top:12px;}</style><span class="css-1460xpw e1kpuozl0"></span><span class="css-1460xpw e1kpuozl0"></span><span class="css-1460xpw e1kpuozl0"></span></div><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="936" height="556" src="https://frontity.org/wp-content/uploads/2021/02/TexasMattressMakers-showcase.png" alt="Screenshot of Texas Mattress Makers website" class="wp-image-8324" srcSet="https://frontity.org/wp-content/uploads/2021/02/TexasMattressMakers-showcase.png 936w, https://frontity.org/wp-content/uploads/2021/02/TexasMattressMakers-showcase-300x178.png 300w, https://frontity.org/wp-content/uploads/2021/02/TexasMattressMakers-showcase-768x456.png 768w" sizes="auto, (max-width: 936px) 100vw, 936px"/></figure></div></div></div><style data-emotion="css 1ff36uk">.css-1ff36uk{display:block;position:absolute;margin:0;max-width:475px;width:100%;top:0%;left:50%;-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);transform:translate(-50%, 0%);z-index:10;}.css-1ff36uk div{width:100%;}.css-1ff36uk img,.css-1ff36uk figure{width:475px;overflow:hidden;}</style><div class="wp-block-column showcases-gallery-item is-layout-flow wp-block-column-is-layout-flow css-1ff36uk"><div class="wp-block-group has-browser-window has-border-radius-12px is-layout-flow wp-block-group-is-layout-flow css-1doedt6"><div class="css-16e4yb5"><span class="css-1460xpw e1kpuozl0"></span><span class="css-1460xpw e1kpuozl0"></span><span class="css-1460xpw e1kpuozl0"></span></div><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="936" height="556" src="https://frontity.org/wp-content/uploads/2021/05/TikTokCreatorPortal-showcase.png" alt="Screenshot of TikTok Creator Portal website" class="wp-image-9011" srcSet="https://frontity.org/wp-content/uploads/2021/05/TikTokCreatorPortal-showcase.png 936w, https://frontity.org/wp-content/uploads/2021/05/TikTokCreatorPortal-showcase-300x178.png 300w, https://frontity.org/wp-content/uploads/2021/05/TikTokCreatorPortal-showcase-768x456.png 768w" sizes="auto, (max-width: 936px) 100vw, 936px"/></figure></div></div><p></p></div><style data-emotion="css 1c6zl8b">.css-1c6zl8b{display:block;position:absolute;margin:0;max-width:475px;width:100%;top:0%;left:50%;-webkit-transform:translate(calc(-50% + 300px), calc(0% + 60px));-moz-transform:translate(calc(-50% + 300px), calc(0% + 60px));-ms-transform:translate(calc(-50% + 300px), calc(0% + 60px));transform:translate(calc(-50% + 300px), calc(0% + 60px));opacity:0.6;}.css-1c6zl8b div{width:100%;}.css-1c6zl8b img,.css-1c6zl8b figure{width:475px;overflow:hidden;}</style><div class="wp-block-column showcases-gallery-item is-layout-flow wp-block-column-is-layout-flow css-1c6zl8b"><div class="wp-block-group has-browser-window has-border-radius-12px is-layout-flow wp-block-group-is-layout-flow css-1doedt6"><div class="css-16e4yb5"><span class="css-1460xpw e1kpuozl0"></span><span class="css-1460xpw e1kpuozl0"></span><span class="css-1460xpw e1kpuozl0"></span></div><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="936" height="556" src="https://frontity.org/wp-content/uploads/2020/07/szinhaz-online-showcase.png" alt="Screenshot of Szinhaz Online website" class="wp-image-6191" srcSet="https://frontity.org/wp-content/uploads/2020/07/szinhaz-online-showcase.png 936w, https://frontity.org/wp-content/uploads/2020/07/szinhaz-online-showcase-300x178.png 300w, https://frontity.org/wp-content/uploads/2020/07/szinhaz-online-showcase-768x456.png 768w" sizes="auto, (max-width: 936px) 100vw, 936px"/></figure></div></div></div></div></div></div><div class="wp-block-group faq-section is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-12 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><h2 class="wp-block-heading">Frequently Asked Questions</h2><style data-emotion="css 1pa80hy">.css-1pa80hy{background-color:#ffffff;color:#1f38c5;border-radius:8px;box-shadow:0 4px 14px 0 rgba(31,56,197,0.09),0 2px 4px 0 rgba(31,56,197,0.12);}.css-1pa80hy:hover,.css-1pa80hy:active{color:#1f38c5;}</style><style data-emotion="css jrg6c9">.css-jrg6c9{cursor:pointer;background-color:#ffffff;color:#1f38c5;border-radius:8px;box-shadow:0 4px 14px 0 rgba(31,56,197,0.09),0 2px 4px 0 rgba(31,56,197,0.12);}.css-jrg6c9.wp-block-group.has-background{padding:0;}.css-jrg6c9:hover,.css-jrg6c9:active{color:#1f38c5;}</style><div class="wp-block-group dropdown-item has-border-radius-8px has-box-shadow has-frontity-color has-white-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow css-jrg6c9 eu8j3pt4"><style data-emotion="css 1dc648j">.css-1dc648j{min-height:48px;box-sizing:border-box;padding:12px 24px 12px 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-1dc648j eu8j3pt3"><div class="wp-block-group dropdown-button is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css nrjmnd">.css-nrjmnd{color:#1f38c5;}.css-nrjmnd:hover,.css-nrjmnd:active{color:#1f38c5;}</style><h6 class="has-frontity-color has-text-color wp-block-heading css-nrjmnd" id="faq-question-01"><strong>How Frontity compares to other React frameworks like Gatsby or Next?</strong></h6></div></div><style data-emotion="css 1ldcu51">.css-1ldcu51{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;height:24px;margin-left:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}</style><div class="css-1ldcu51 eu8j3pt2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 8" width="11" height="8"><path fill="currentColor" fill-rule="evenodd" d="M5.355 7.681l-.008.009L0 1.983 1.858 0l3.787 4.042L9.142.31 11 2.293 5.653 8z"></path></svg></div></div><style data-emotion="css 7nqdm">.css-7nqdm{overflow:hidden;-webkit-transition:max-height 0.3s ease;transition:max-height 0.3s ease;max-height:0px;}</style><div class="css-7nqdm eu8j3pt1"><style data-emotion="css qzuh24">.css-qzuh24{box-sizing:border-box;padding:12px 0 16px 0;margin:0 20px;border-top:2px solid rgba(15, 28, 100, 0.08);}</style><div class="css-qzuh24 eu8j3pt0"><div class="wp-block-group dropdown-content is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css 25wusm">.css-25wusm{font-size:14px;line-height:20px;color:rgba(15, 28, 100, 0.8);}.css-25wusm:hover,.css-25wusm:active{color:rgba(15, 28, 100, 0.8);}</style><p class="has-text-opacity-80 has-primary-color has-text-color has-small-font-size css-25wusm">Firstly, Frontity is 100% focused on WordPress. This means the number of concepts you need to learn are minimal. It doesn’t require complex configuration to get started, and the APIs that developers use to request content are pre-configured for the things that they most frequently need.<br/><br/>Secondly, Frontity is opinionated. It has its own state manager and CSS-in-JS solution. Thanks to that you don’t have to figure out how to configure these tools, or learn other technologies such as Redux or GraphQL.<br/><br/>Frontity powers a very flexible extensibility pattern, more similar to that of WordPress itself, rather than that of other JavaScript frameworks. In order to add new functionality, you can use any of the existing Frontity and npm packages without having to build them from scratch. Moreover, <style data-emotion="css 7dn31e">.css-7dn31e{color:#1f38c5;-webkit-text-decoration:none;text-decoration:none;outline:none;cursor:pointer;}.css-7dn31e:focus{box-shadow:outline;}.css-7dn31e:hover,.css-7dn31e:active{opacity:0.8;}</style><a href="https://api.frontity.org/frontity-packages/themes-packages" target="_blank" rel="noreferrer noopener" class="css-7dn31e"><style data-emotion="css 1nyymor">.css-1nyymor{-webkit-text-decoration:underline;text-decoration:underline;}</style><span class="css-1nyymor">Frontity themes</span></a> and <a href="https://api.frontity.org/frontity-packages#features-packages" target="_blank" rel="noreferrer noopener" class="css-7dn31e"><span class="css-1nyymor">extensions</span></a> can be activated and deactivated without code changes and are reusable across projects.<br/><br/>Lastly, in Frontity the HTML is rendered dynamically by a Node.js server or a serverless service. This means the HTML does not have to be rebuilt each time the content is edited or new content is published.<br/><br/>Learn more about the differences from other React frameworks <a href="https://docs.frontity.org/about#key-differences-from-other-react-frameworks" target="_blank" rel="noreferrer noopener" class="css-7dn31e"><span class="css-1nyymor">in the docs</span></a>.</p></div></div></div></div></div><style data-emotion="css 1pa80hy">.css-1pa80hy{background-color:#ffffff;color:#1f38c5;border-radius:8px;box-shadow:0 4px 14px 0 rgba(31,56,197,0.09),0 2px 4px 0 rgba(31,56,197,0.12);}.css-1pa80hy:hover,.css-1pa80hy:active{color:#1f38c5;}</style><style data-emotion="css jrg6c9">.css-jrg6c9{cursor:pointer;background-color:#ffffff;color:#1f38c5;border-radius:8px;box-shadow:0 4px 14px 0 rgba(31,56,197,0.09),0 2px 4px 0 rgba(31,56,197,0.12);}.css-jrg6c9.wp-block-group.has-background{padding:0;}.css-jrg6c9:hover,.css-jrg6c9:active{color:#1f38c5;}</style><div class="wp-block-group dropdown-item has-border-radius-8px has-box-shadow has-frontity-color has-white-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow css-jrg6c9 eu8j3pt4"><style data-emotion="css 1dc648j">.css-1dc648j{min-height:48px;box-sizing:border-box;padding:12px 24px 12px 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-1dc648j eu8j3pt3"><div class="wp-block-group dropdown-button is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css nrjmnd">.css-nrjmnd{color:#1f38c5;}.css-nrjmnd:hover,.css-nrjmnd:active{color:#1f38c5;}</style><h6 class="has-frontity-color has-text-color wp-block-heading css-nrjmnd" id="faq-question-02"><strong>What happens with SEO? Is Frontity ready for it?</strong></h6></div></div><style data-emotion="css 1ldcu51">.css-1ldcu51{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;height:24px;margin-left:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}</style><div class="css-1ldcu51 eu8j3pt2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 8" width="11" height="8"><path fill="currentColor" fill-rule="evenodd" d="M5.355 7.681l-.008.009L0 1.983 1.858 0l3.787 4.042L9.142.31 11 2.293 5.653 8z"></path></svg></div></div><style data-emotion="css 7nqdm">.css-7nqdm{overflow:hidden;-webkit-transition:max-height 0.3s ease;transition:max-height 0.3s ease;max-height:0px;}</style><div class="css-7nqdm eu8j3pt1"><style data-emotion="css qzuh24">.css-qzuh24{box-sizing:border-box;padding:12px 0 16px 0;margin:0 20px;border-top:2px solid rgba(15, 28, 100, 0.08);}</style><div class="css-qzuh24 eu8j3pt0"><div class="wp-block-group dropdown-content is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css 25wusm">.css-25wusm{font-size:14px;line-height:20px;color:rgba(15, 28, 100, 0.8);}.css-25wusm:hover,.css-25wusm:active{color:rgba(15, 28, 100, 0.8);}</style><p class="has-text-opacity-80 has-primary-color has-text-color has-small-font-size css-25wusm">Yes, it is! Frontity does both server-side and client-side rendering.<br/><br/>This approach works great with dynamic content and SEO. And if you use a CDN, it is as fast as serving static files. It has all the content in the HTML so Google is happy and, once JavaScript takes control of the page, the experience feels like a native app.<br/><br/>Check out <style data-emotion="css 1nyymor">.css-1nyymor{-webkit-text-decoration:underline;text-decoration:underline;}</style><span class="css-1nyymor"><style data-emotion="css 7dn31e">.css-7dn31e{color:#1f38c5;-webkit-text-decoration:none;text-decoration:none;outline:none;cursor:pointer;}.css-7dn31e:focus{box-shadow:outline;}.css-7dn31e:hover,.css-7dn31e:active{opacity:0.8;}</style><a href="https://docs.frontity.org/guides/seo" target="_blank" rel="noreferrer noopener" class="css-7dn31e">this guide</a></span> for more information on how to optimize the SEO of your Frontity project.</p></div></div></div></div></div><style data-emotion="css 1pa80hy">.css-1pa80hy{background-color:#ffffff;color:#1f38c5;border-radius:8px;box-shadow:0 4px 14px 0 rgba(31,56,197,0.09),0 2px 4px 0 rgba(31,56,197,0.12);}.css-1pa80hy:hover,.css-1pa80hy:active{color:#1f38c5;}</style><style data-emotion="css jrg6c9">.css-jrg6c9{cursor:pointer;background-color:#ffffff;color:#1f38c5;border-radius:8px;box-shadow:0 4px 14px 0 rgba(31,56,197,0.09),0 2px 4px 0 rgba(31,56,197,0.12);}.css-jrg6c9.wp-block-group.has-background{padding:0;}.css-jrg6c9:hover,.css-jrg6c9:active{color:#1f38c5;}</style><div class="wp-block-group dropdown-item has-border-radius-8px has-box-shadow desktop-online has-frontity-color has-white-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow css-jrg6c9 eu8j3pt4"><style data-emotion="css 1dc648j">.css-1dc648j{min-height:48px;box-sizing:border-box;padding:12px 24px 12px 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-1dc648j eu8j3pt3"><div class="wp-block-group dropdown-button is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css nrjmnd">.css-nrjmnd{color:#1f38c5;}.css-nrjmnd:hover,.css-nrjmnd:active{color:#1f38c5;}</style><h6 class="has-frontity-color has-text-color wp-block-heading css-nrjmnd" id="faq-question-03"><strong>Is Frontity compatible with my current plugins?</strong></h6></div></div><style data-emotion="css 1ldcu51">.css-1ldcu51{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;height:24px;margin-left:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}</style><div class="css-1ldcu51 eu8j3pt2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 8" width="11" height="8"><path fill="currentColor" fill-rule="evenodd" d="M5.355 7.681l-.008.009L0 1.983 1.858 0l3.787 4.042L9.142.31 11 2.293 5.653 8z"></path></svg></div></div><style data-emotion="css 7nqdm">.css-7nqdm{overflow:hidden;-webkit-transition:max-height 0.3s ease;transition:max-height 0.3s ease;max-height:0px;}</style><div class="css-7nqdm eu8j3pt1"><style data-emotion="css qzuh24">.css-qzuh24{box-sizing:border-box;padding:12px 0 16px 0;margin:0 20px;border-top:2px solid rgba(15, 28, 100, 0.08);}</style><div class="css-qzuh24 eu8j3pt0"><div class="wp-block-group dropdown-content is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css 25wusm">.css-25wusm{font-size:14px;line-height:20px;color:rgba(15, 28, 100, 0.8);}.css-25wusm:hover,.css-25wusm:active{color:rgba(15, 28, 100, 0.8);}</style><p class="has-text-opacity-80 has-primary-color has-text-color has-small-font-size css-25wusm">Frontity is compatible with all the plugins that are compatible with the REST-API. Many of them just add their output to the content, and that would work by default.<br/><br/>For plugins that are not compatible with the REST-API you have two options. You can adapt the logic in your Frontity project, or you can use PHP to extend the uncooperative plugin either in your WordPress theme’s <em>functions.php</em> file or in a custom plugin.</p></div></div></div></div></div><style data-emotion="css owzhrs">.css-owzhrs{background-color:#ffffff;color:#1f38c5;border-radius:8px;box-shadow:0 4px 14px 0 rgba(31,56,197,0.09),0 2px 4px 0 rgba(31,56,197,0.12);}@media only screen and (max-width: 768px){.css-owzhrs{display:none;}}.css-owzhrs:hover,.css-owzhrs:active{color:#1f38c5;}</style><style data-emotion="css 6he9vq">.css-6he9vq{cursor:pointer;background-color:#ffffff;color:#1f38c5;border-radius:8px;box-shadow:0 4px 14px 0 rgba(31,56,197,0.09),0 2px 4px 0 rgba(31,56,197,0.12);}.css-6he9vq.wp-block-group.has-background{padding:0;}@media only screen and (max-width: 768px){.css-6he9vq{display:none;}}.css-6he9vq:hover,.css-6he9vq:active{color:#1f38c5;}</style><div class="wp-block-group dropdown-item has-border-radius-8px has-box-shadow desktop-only has-frontity-color has-white-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow css-6he9vq eu8j3pt4"><style data-emotion="css 1dc648j">.css-1dc648j{min-height:48px;box-sizing:border-box;padding:12px 24px 12px 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-1dc648j eu8j3pt3"><div class="wp-block-group dropdown-button is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css nrjmnd">.css-nrjmnd{color:#1f38c5;}.css-nrjmnd:hover,.css-nrjmnd:active{color:#1f38c5;}</style><h6 class="has-frontity-color has-text-color wp-block-heading css-nrjmnd" id="faq-question-04"><strong>Can I still work with Custom Post Types and Custom Taxonomies?</strong></h6></div></div><style data-emotion="css 1ldcu51">.css-1ldcu51{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;height:24px;margin-left:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}</style><div class="css-1ldcu51 eu8j3pt2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 8" width="11" height="8"><path fill="currentColor" fill-rule="evenodd" d="M5.355 7.681l-.008.009L0 1.983 1.858 0l3.787 4.042L9.142.31 11 2.293 5.653 8z"></path></svg></div></div><style data-emotion="css 7nqdm">.css-7nqdm{overflow:hidden;-webkit-transition:max-height 0.3s ease;transition:max-height 0.3s ease;max-height:0px;}</style><div class="css-7nqdm eu8j3pt1"><style data-emotion="css qzuh24">.css-qzuh24{box-sizing:border-box;padding:12px 0 16px 0;margin:0 20px;border-top:2px solid rgba(15, 28, 100, 0.08);}</style><div class="css-qzuh24 eu8j3pt0"><div class="wp-block-group dropdown-content is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css 25wusm">.css-25wusm{font-size:14px;line-height:20px;color:rgba(15, 28, 100, 0.8);}.css-25wusm:hover,.css-25wusm:active{color:rgba(15, 28, 100, 0.8);}</style><p class="has-text-opacity-80 has-primary-color has-text-color has-small-font-size css-25wusm">Of course! You just have to add a few settings in your Frontity project and it will work. You can check out <style data-emotion="css 7dn31e">.css-7dn31e{color:#1f38c5;-webkit-text-decoration:none;text-decoration:none;outline:none;cursor:pointer;}.css-7dn31e:focus{box-shadow:outline;}.css-7dn31e:hover,.css-7dn31e:active{opacity:0.8;}</style><a href="https://api.frontity.org/frontity-packages/features-packages/wp-source#custom-post-types" target="_blank" rel="noreferrer noopener" class="css-7dn31e"><style data-emotion="css 1nyymor">.css-1nyymor{-webkit-text-decoration:underline;text-decoration:underline;}</style><span class="css-1nyymor">the docs</span></a> and <a href="https://youtu.be/3Bab5jLuL1A" target="_blank" rel="noreferrer noopener" class="css-7dn31e"><span class="css-1nyymor">this video</span></a> for a more detailed explanation.</p></div></div></div></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-group get-help-heading is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css 1wyqiw5">.css-1wyqiw5{background-color:rgba(15, 28, 100, 0.08);border-radius:12px;height:60px;width:60px;position:relative;}.css-1wyqiw5.wp-block-group{padding:0;margin:0;}.css-1wyqiw5>div.wp-block-group__inner-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.css-1wyqiw5 figure.wp-block-image{margin-block-start:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;}.css-1wyqiw5 figure.wp-block-image img{display:block;}</style><div class="wp-block-group special-icon has-background-opacity-10 is-layout-flow wp-block-group-is-layout-flow css-1wyqiw5"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="30" height="24" src="https://frontity.org/wp-content/uploads/2020/04/Get-help.svg" alt="" class="wp-image-5091"/></figure></div></div></div></div><h2 class="wp-block-heading">Get help on your project</h2></div></div><p class="description">The Frontity Community Forum is the best place to ask questions, share your knowledge, and build new connections.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button" id="ask-community-button"><style data-emotion="css 1myll6h">.css-1myll6h{line-height:16px;font-size:16px;padding:12px 16px;font-weight:600;background-color:#1f38c5;color:#ffffff;border-radius:8px;box-shadow:0 4px 8px 0 rgba(12,17,43,0.12),0 1px 4px 0 rgba(12,17,43,0.16);-webkit-transition:-webkit-transform,filter 250ms ease-in-out;transition:transform,filter 250ms ease-in-out;}.css-1myll6h:active{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}.css-1myll6h svg,.css-1myll6h img,.css-1myll6h embed,.css-1myll6h object{display:inline-block;}.css-1myll6h:hover,.css-1myll6h:active,.css-1myll6h:focus,.css-1myll6h:visited{-webkit-filter:opacity(0.9);filter:opacity(0.9);cursor:pointer;color:white;}.css-1myll6h .frontity-logo{-webkit-transition:-webkit-transform 300ms ease-in-out;transition:transform 300ms ease-in-out;}.css-1myll6h:hover .frontity-logo{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);}</style><a href="https://community.frontity.org/" target="_blank" class="wp-block-button__link css-1myll6h" rel="noreferrer noopener"><style data-emotion="css nkt64x">.css-nkt64x{margin-right:10px;}</style><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#f6f6f9" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Join the community</a></div></div></div></div></div></div><div class="wp-block-group testimonial-homepage is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><h2 class="wp-block-heading">What people are saying about Frontity</h2><style data-emotion="css 42dp19">@media screen and (min-width: 600px){.css-42dp19 .wp-block-group__inner-container .wp-block-columns{display:grid;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;grid-gap:4em 2em;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));}.css-42dp19 .wp-block-group__inner-container .wp-block-columns .wp-block-column{margin:0;}}@media only screen and (max-width: 599px){.css-42dp19{overflow-x:auto;scrollbar-color:#1f38c5 rgba(15, 28, 100, 0.08);scrollbar-width:thin;}.css-42dp19.wp-block-group>.wp-block-group__inner-container{padding:24px 16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-42dp19 .wp-block-columns{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:0;}.css-42dp19 .wp-block-column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-basis:auto!important;-ms-flex-preferred-size:auto!important;flex-basis:auto!important;}.css-42dp19 .wp-block-column>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;max-width:300px;margin:0;padding:0 26px 0 0;}.css-42dp19 .wp-block-column:last-child>*:last-child{padding-right:16px;}.css-42dp19::-webkit-scrollbar{width:4px;height:4px;}.css-42dp19::-webkit-scrollbar-thumb{background-color:#1f38c5;border-radius:2px;}.css-42dp19::-webkit-scrollbar-track{background-color:rgba(15, 28, 100, 0.08);border-radius:2px;}.css-42dp19::-webkit-scrollbar-button{background-color:transparent;width:16px;height:16px;}}</style><div class="wp-block-group carrousel-bar is-layout-flow wp-block-group-is-layout-flow css-42dp19"><div class="wp-block-group__inner-container"><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-13 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><figure class="wp-block-embed aligncenter is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper"><blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">Well hey, this looks great.<br/><br/>Frontity: <style data-emotion="css 7dn31e">.css-7dn31e{color:#1f38c5;-webkit-text-decoration:none;text-decoration:none;outline:none;cursor:pointer;}.css-7dn31e:focus{box-shadow:outline;}.css-7dn31e:hover,.css-7dn31e:active{opacity:0.8;}</style><a href="https://t.co/6CqtWqd30Z" target="_self" class="css-7dn31e">https://t.co/6CqtWqd30Z</a><br/><br/>Build WordPress themes with React, with server-side rendering as a first-class feature, powered by Node cloud functions.</p>— Chris Coyier (@chriscoyier) <a href="https://twitter.com/chriscoyier/status/1253080349367652352?ref_src=twsrc%5Etfw" target="_self" class="css-7dn31e">April 22, 2020</a></blockquote></div></figure><figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper"><blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">From its easy routing or the APIs sourcing to the CLI, <a href="https://twitter.com/Frontity?ref_src=twsrc%5Etfw" target="_self" class="css-7dn31e">@Frontity</a> might just be my next tool for WordPress.</p>— R. Abril (@Rafael_AbrilSA) <a href="https://twitter.com/Rafael_AbrilSA/status/1353393014249459717?ref_src=twsrc%5Etfw" target="_self" class="css-7dn31e">January 24, 2021</a></blockquote></div></figure><figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper"><blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">Frontity’s docs are easy to use. Love seeing well-written documentation.</p>— mayowa. (@Wana____) <a href="https://twitter.com/Wana____/status/1381703138374209541?ref_src=twsrc%5Etfw" target="_self" class="css-7dn31e">April 12, 2021</a></blockquote></div></figure></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper"><blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">I had a moment to play with <a href="https://twitter.com/Frontity?ref_src=twsrc%5Etfw" target="_self" class="css-7dn31e">@frontity</a> today…and my mind was blown 🤯🤯<br/><br/>From reading the docs, to grabbing my <a href="https://twitter.com/WordPress?ref_src=twsrc%5Etfw" target="_self" class="css-7dn31e">@wordpress</a> data via REST, to publishing on <a href="https://twitter.com/zeithq?ref_src=twsrc%5Etfw" target="_self" class="css-7dn31e">@zeithq</a> took 15 minutes. <br/><br/>No plugins. No workarounds. It just worked! 👏👏<br/><br/>👉 <a href="https://t.co/BfkWesI2cM" target="_self" class="css-7dn31e">https://t.co/BfkWesI2cM</a></p>— Greg Rickaby (@GregRickaby) <a href="https://twitter.com/GregRickaby/status/1130938298808098818?ref_src=twsrc%5Etfw" target="_self" class="css-7dn31e">May 21, 2019</a></blockquote></div></figure><figure class="wp-block-embed aligncenter is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper"><blockquote class="twitter-tweet" data-width="550" data-dnt="true"><p lang="en" dir="ltr">just tried <a href="https://twitter.com/Frontity?ref_src=twsrc%5Etfw" target="_self" class="css-7dn31e">@Frontity</a> and fall in love</p>— Deb Debashish (@av3y) <a href="https://twitter.com/av3y/status/1331982877794263041?ref_src=twsrc%5Etfw" target="_self" class="css-7dn31e">November 26, 2020</a></blockquote></div></figure></div></div></div></div></div></div><div class="wp-block-group start-using-frontity is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-14 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><style data-emotion="css 4ls4v">.css-4ls4v{background-color:#ffffff;border-radius:12px;box-shadow:0 4px 14px 0 rgba(31,56,197,0.09),0 2px 4px 0 rgba(31,56,197,0.12);}</style><div class="wp-block-group has-box-shadow has-border-radius-12px has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-4ls4v"><div class="wp-block-group__inner-container"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css 1wyqiw5">.css-1wyqiw5{background-color:rgba(15, 28, 100, 0.08);border-radius:12px;height:60px;width:60px;position:relative;}.css-1wyqiw5.wp-block-group{padding:0;margin:0;}.css-1wyqiw5>div.wp-block-group__inner-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.css-1wyqiw5 figure.wp-block-image{margin-block-start:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;}.css-1wyqiw5 figure.wp-block-image img{display:block;}</style><div class="wp-block-group special-icon has-background-opacity-10 is-layout-flow wp-block-group-is-layout-flow css-1wyqiw5"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="24" height="20" src="https://frontity.org/wp-content/uploads/2020/04/FrontityBlueLogo.svg" alt="" class="wp-image-5093"/></figure></div></div></div></div><h2 class="wp-block-heading">Ready to get started?</h2><p>Building a React front-end for your WordPress website has never been easier.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button" id="get-started-button-bottom-part"><style data-emotion="css 1myll6h">.css-1myll6h{line-height:16px;font-size:16px;padding:12px 16px;font-weight:600;background-color:#1f38c5;color:#ffffff;border-radius:8px;box-shadow:0 4px 8px 0 rgba(12,17,43,0.12),0 1px 4px 0 rgba(12,17,43,0.16);-webkit-transition:-webkit-transform,filter 250ms ease-in-out;transition:transform,filter 250ms ease-in-out;}.css-1myll6h:active{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}.css-1myll6h svg,.css-1myll6h img,.css-1myll6h embed,.css-1myll6h object{display:inline-block;}.css-1myll6h:hover,.css-1myll6h:active,.css-1myll6h:focus,.css-1myll6h:visited{-webkit-filter:opacity(0.9);filter:opacity(0.9);cursor:pointer;color:white;}.css-1myll6h .frontity-logo{-webkit-transition:-webkit-transform 300ms ease-in-out;transition:transform 300ms ease-in-out;}.css-1myll6h:hover .frontity-logo{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);}</style><a href="https://docs.frontity.org/" target="_blank" class="wp-block-button__link css-1myll6h" rel="noreferrer noopener"><style data-emotion="css nkt64x">.css-nkt64x{margin-right:10px;}</style><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#f6f6f9" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Explore the docs</a></div></div></div></div></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><style data-emotion="css 4ls4v">.css-4ls4v{background-color:#ffffff;border-radius:12px;box-shadow:0 4px 14px 0 rgba(31,56,197,0.09),0 2px 4px 0 rgba(31,56,197,0.12);}</style><div class="wp-block-group has-box-shadow has-border-radius-12px enterprise-projects has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-4ls4v"><div class="wp-block-group__inner-container"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><style data-emotion="css 1wyqiw5">.css-1wyqiw5{background-color:rgba(15, 28, 100, 0.08);border-radius:12px;height:60px;width:60px;position:relative;}.css-1wyqiw5.wp-block-group{padding:0;margin:0;}.css-1wyqiw5>div.wp-block-group__inner-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.css-1wyqiw5 figure.wp-block-image{margin-block-start:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;}.css-1wyqiw5 figure.wp-block-image img{display:block;}</style><div class="wp-block-group special-icon has-background-opacity-10 is-layout-flow wp-block-group-is-layout-flow css-1wyqiw5"><div class="wp-block-group__inner-container"><figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="29" height="22" src="https://frontity.org/wp-content/uploads/2021/05/tutorial-icon-1.svg" alt="" class="wp-image-9723"/></figure></div></div></div></div><h2 class="wp-block-heading">Learn Frontity</h2><p>We’ve compiled several learning resources to guide you through how to get started with Frontity.</p><div class="wp-block-buttons special-link is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button button-text" id="enterprise-section-button"><style data-emotion="css 18u6iww">.css-18u6iww{line-height:16px;font-size:16px;padding:12px 16px;font-weight:600;background-color:#1f38c5;color:#ffffff;border-radius:8px;-webkit-transition:-webkit-transform,filter 250ms ease-in-out;transition:transform,filter 250ms ease-in-out;display:inline-block;-webkit-text-decoration:none;text-decoration:none;position:relative;padding:12px 18px;color:#1f38c5;background-color:transparent;}.css-18u6iww:active{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}.css-18u6iww svg,.css-18u6iww img,.css-18u6iww embed,.css-18u6iww object{display:inline-block;}.css-18u6iww .frontity-logo{-webkit-transition:-webkit-transform 300ms ease-in-out;transition:transform 300ms ease-in-out;}.css-18u6iww:hover .frontity-logo{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);}.css-18u6iww:hover,.css-18u6iww:active,.css-18u6iww:focus,.css-18u6iww:visited{color:#1f38c5;}.css-18u6iww:hover::after{width:calc(100% - 60px);}.css-18u6iww::after{position:absolute;bottom:6px;left:42px;content:"";display:block;width:0;height:2px;background:#1f38c5;-webkit-transition:width 0.3s;transition:width 0.3s;}.css-18u6iww::before{position:absolute;bottom:6px;left:42px;content:"";display:block;width:calc(100% - 60px);height:2px;background:#1f38c5;opacity:0.4;}</style><a href="/learn/" target="_self" class="wp-block-button__link css-18u6iww"><style data-emotion="css nkt64x">.css-nkt64x{margin-right:10px;}</style><svg width="14" height="11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 11" class="frontity-logo css-nkt64x" actions="[object Object]" libraries="[object Object]"><g fill="#1f38c5" fill-rule="evenodd" opacity="0.6"><path d="M7.681 5.645l.009.008L1.983 11 0 9.142l4.042-3.787L.31 1.858 2.293 0 8 5.347l-.319.298z"></path><path d="M13.681 5.645l.009.008L7.983 11 6 9.142l4.042-3.787L6.31 1.858 8.293 0 14 5.347l-.319.298z"></path></g></svg>Start learning</a></div></div></div></div></div></div><div class="wp-block-group accelerated-section is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><h4 class="wp-block-heading">Accelerated By Google</h4><figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="384" height="48" src="https://frontity.org/wp-content/uploads/2020/03/googleforstartups_horizontal_rgb@2x.png" alt="" class="wp-image-4798" srcSet="https://frontity.org/wp-content/uploads/2020/03/googleforstartups_horizontal_rgb@2x.png 384w, https://frontity.org/wp-content/uploads/2020/03/googleforstartups_horizontal_rgb@2x-300x38.png 300w" sizes="auto, (max-width: 384px) 100vw, 384px"/></figure><h4 class="wp-block-heading">Invested By Automattic</h4><figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1140" height="380" src="https://i0.wp.com/wp.frontity.org/wp-content/uploads/2020/04/automattic-logo.png?fit=768%2C256&ssl=1" alt="" class="wp-image-5249" srcSet="https://frontity.org/wp-content/uploads/2020/04/automattic-logo.png 1140w, https://frontity.org/wp-content/uploads/2020/04/automattic-logo-300x100.png 300w, https://frontity.org/wp-content/uploads/2020/04/automattic-logo-1024x341.png 1024w, https://frontity.org/wp-content/uploads/2020/04/automattic-logo-768x256.png 768w" sizes="auto, (max-width: 1140px) 100vw, 1140px"/></figure></div></div></div></div><p></p><style data-emotion="css 1k799x6">.css-1k799x6 a{color:rgba(15, 28, 100, 0.4);}.css-1k799x6 a:hover{color:#1f38c5;}.css-1k799x6 ul{list-style-type:none;margin-left:0;}.css-1k799x6 ul li{margin:auto;}.css-1k799x6 h5{color:#0f1c64;letter-spacing:1.5px;line-height:21px;margin-top:0;margin-bottom:9px;}.css-1k799x6 >.wp-block-group{padding-top:50px;-webkit-clip-path:polygon(0 0, 50% 30px, 100% 0%, 100% 100%, 0% 100%);clip-path:polygon(0 0, 50% 30px, 100% 0%, 100% 100%, 0% 100%);}.css-1k799x6 .wp-block-group__inner-container{max-width:1080px;margin:auto;}.css-1k799x6 .footer-links.wp-block-columns{padding-top:80px;padding-bottom:80px;margin-bottom:0;display:grid;grid-template-columns:0.8fr repeat(5, auto);}.css-1k799x6 .footer-links.wp-block-columns .wp-block-column{line-height:24px;margin-bottom:35px;}.css-1k799x6 .footer-bottom-text.wp-block-columns{display:grid;grid-template-columns:170px 1fr auto auto;margin-top:20px;}@media screen and (max-width: 700px){.css-1k799x6 .footer-bottom-text.wp-block-columns{grid-template-columns:1fr 1fr;}}.css-1k799x6 .footer-bottom-text.wp-block-columns .wp-block-column{margin-bottom:15px;}@media screen and (max-width: 800px){.css-1k799x6 .footer-links.wp-block-columns{display:grid;grid-template-rows:70px repeat(3, auto);grid-template-columns:1fr 1fr;padding-top:25px;padding-bottom:0px;}.css-1k799x6 .footer-links.wp-block-columns .wp-block-column:first-of-type{grid-column-start:1;grid-column-end:3;}}</style><div class="css-1k799x6 e184p6eu0"><style data-emotion="css 1n0b9nd">.css-1n0b9nd{background-color:#ffffff;}</style><div class="wp-block-group has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow css-1n0b9nd"><div class="wp-block-group__inner-container"><div class="wp-block-columns footer-links is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"><style data-emotion="css 15ogrjk">.css-15ogrjk{-webkit-flex-basis:16.67%;-ms-flex-preferred-size:16.67%;flex-basis:16.67%;}</style><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow css-15ogrjk"><figure class="wp-block-image size-large is-style-default"><img loading="lazy" decoding="async" width="141" height="29" src="https://wp.frontity.org/wp-content/uploads/2020/02/logo-footer.svg" alt="" class="wp-image-5423"/></figure></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow css-15ogrjk"><h5 class="wp-block-heading" id="docs">DOCS</h5><ul class="wp-block-list" id="get-started-footer-link"><li><style data-emotion="css 7dn31e">.css-7dn31e{color:#1f38c5;-webkit-text-decoration:none;text-decoration:none;outline:none;cursor:pointer;}.css-7dn31e:focus{box-shadow:outline;}.css-7dn31e:hover,.css-7dn31e:active{opacity:0.8;}</style><a href="https://docs.frontity.org/getting-started/quick-start-guide" target="_blank" rel="noreferrer noopener" class="css-7dn31e">Quick Start</a></li><li><a href="https://tutorial.frontity.org/" target="_blank" rel="noreferrer noopener" class="css-7dn31e">Tutorial</a></li><li><a href="https://api.frontity.org/" target="_blank" rel="noreferrer noopener" class="css-7dn31e">API Reference</a></li><li><a href="https://docs.frontity.org/guides" target="_blank" rel="noreferrer noopener" class="css-7dn31e">Guides</a></li><li><a href="https://docs.frontity.org/frontity-features" target="_blank" rel="noreferrer noopener" class="css-7dn31e">Features</a></li></ul></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow css-15ogrjk"><h5 class="wp-block-heading" id="frontity">FRONTITY</h5><ul class="wp-block-list"><li><style data-emotion="css 17avq1l">.css-17avq1l{font-family:"Inter var",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,sans-serif;letter-spacing:-0.015em;color:#1f38c5;-webkit-text-decoration:none;text-decoration:none;outline:none;cursor:pointer;}.css-17avq1l:focus{box-shadow:outline;}.css-17avq1l:hover,.css-17avq1l:active{opacity:0.8;}</style><a href="https://frontity.org/showcase" target="_self" class="css-17avq1l">Showcase</a></li><li><a href="https://community.frontity.org/c/framework-development/releases/44" target="_blank" rel="noreferrer noopener" class="css-7dn31e">Releases</a></li><li><a href="https://github.com/frontity/frontity" target="_blank" rel="noreferrer noopener" class="css-7dn31e">GitHub</a></li><li><a href="https://github.com/frontity/frontity/blob/dev/LICENSE" target="_blank" rel="noreferrer noopener" class="css-7dn31e">License</a></li></ul></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow css-15ogrjk"><h5 class="wp-block-heading" id="resources">RESOURCES</h5><ul class="wp-block-list" id="forum-footer-link"><li><a href="https://frontity.org/learn/" target="_self" class="css-7dn31e">Learn</a></li><li><a href="https://community.frontity.org/" target="_blank" rel="noreferrer noopener" class="css-7dn31e">Community</a></li><li><a href="/blog/" target="_blank" rel="noreferrer noopener" class="css-7dn31e">Blog</a></li><li><a href="https://twitter.com/frontity" target="_blank" rel="noreferrer noopener" class="css-7dn31e">Twitter</a></li><li><a href="https://www.youtube.com/c/Frontity/" target="_blank" rel="noreferrer noopener" class="css-7dn31e">Youtube</a></li></ul></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow css-15ogrjk"><h5 class="wp-block-heading" id="company">COMPANY</h5><ul class="wp-block-list" id="about-us-footer-link"><li><a href="/about-us/" target="_self" data-type="URL" data-id="/about-us/" class="css-7dn31e">About Us</a></li><li><a href="https://frontity.org/about-us/#case-studies" target="_blank" rel="noreferrer noopener" data-type="page" class="css-7dn31e">Case Studies</a></li><li><a href="https://frontity.org/partners/" target="_self" class="css-7dn31e">Partners</a></li><li><a href="https://drive.google.com/drive/folders/1_EIGk6R6xizrFhm009ME-k5eqEjXeKly?usp=sharing" target="_self" class="css-7dn31e">Brand Assets</a></li></ul></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow css-15ogrjk"><h5 class="wp-block-heading" id="legal">LEGAL</h5><ul class="wp-block-list"><li><a href="/legal/" target="_self" data-type="URL" data-id="/legal/" class="css-7dn31e">Legal Notice</a></li><li><a href="/privacy-policy/" target="_self" data-type="URL" data-id="/privacy-policy/" class="css-7dn31e">Privacy Policy</a></li><li><a href="/cookies/" target="_self" data-type="URL" data-id="/cookies/" class="css-7dn31e">Cookies</a></li></ul></div></div><style data-emotion="css utuwye">.css-utuwye{border-color:rgba(15, 28, 100, 0.12);max-width:1080px;}</style><hr class="wp-block-separator is-style-wide css-utuwye"/><div class="wp-block-columns footer-bottom-text is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><style data-emotion="css d3uftx">.css-d3uftx{font-size:14px;line-height:20px;color:rgba(15, 28, 100, 0.4);}.css-d3uftx:hover,.css-d3uftx:active{color:rgba(15, 28, 100, 0.4);}</style><p class="has-text-align-left has-text-opacity-40 has-primary-color has-text-color has-small-font-size css-d3uftx">© Frontity 2021</p></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><style data-emotion="css by3xd4">.css-by3xd4{font-size:14px;line-height:20px;}</style><p class="has-small-font-size css-by3xd4">Accelerated by Google. Invested by Automattic.</p></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><figure class="wp-block-image size-large is-resized is-style-default"><img loading="lazy" decoding="async" src="https://wp.frontity.org/wp-content/uploads/2020/03/googleforstartups_horizontal_rgb@2x.png" alt="" class="wp-image-4798" width="128" height="16" srcSet="https://frontity.org/wp-content/uploads/2020/03/googleforstartups_horizontal_rgb@2x.png 384w, https://frontity.org/wp-content/uploads/2020/03/googleforstartups_horizontal_rgb@2x-300x38.png 300w" sizes="auto, (max-width: 128px) 100vw, 128px"/></figure></div><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><figure class="wp-block-image size-large is-resized is-style-default"><img loading="lazy" decoding="async" src="https://wp.frontity.org/wp-content/uploads/2020/04/automattic-logo@2x.png" alt="" class="wp-image-5313" width="202" height="16" srcSet="https://frontity.org/wp-content/uploads/2020/04/automattic-logo@2x.png 304w, https://frontity.org/wp-content/uploads/2020/04/automattic-logo@2x-300x24.png 300w" sizes="auto, (max-width: 202px) 100vw, 202px"/></figure></div></div><p></p></div></div></div><style data-emotion="css 1qulebg">.css-1qulebg{background-color:#1f38c5;color:#ffffff;}</style><style data-emotion="css pw9nkg">.css-pw9nkg{position:fixed;bottom:16px;right:16px;height:56px;width:56px;border-radius:50%;cursor:pointer;text-align:center;box-shadow:0 4px 8px 0 rgba(12, 17, 43, 0.12),0 1px 4px 0 rgba(12, 17, 43, 0.16);line-height:56px;font-size:24px;font-weight:bold;background-color:#1f38c5;color:#ffffff;}@media only screen and (min-width: 768px){.css-pw9nkg{display:none;}}</style><div class="css-pw9nkg e10z98lb0">↑</div><noscript><style data-emotion="css l0mio9">.css-l0mio9{display:none;visibility:hidden;}</style><iframe title="GTM-NDGDFKR" src="https://www.googletagmanager.com/ns.html?id=GTM-NDGDFKR" height="0" width="0" class="css-l0mio9"></iframe></noscript></div> <script id="__FRONTITY_CONNECT_STATE__" type="application/json">{"cookieyes":{"id":"55f4be1c19ac371f8f42d9ea"},"theme":{"colors":{"frontity":"#1f38c5","primary":"#0f1c64","voidblu":"#0c112b","grass":"#82c315","wall":"#f6f6f9","purple":"#936af4","orange":"#f4c053","red":"#f76d64","turqoise":"#6ac8c9","lightgreen":"#8ACB88","white":"#ffffff"},"templates":["fixed-header","header-web","footer","newsletter","top-banner"],"isTopBannerVisible":true,"flowSectionActiveTab":1,"isFixedHeaderVisible":false,"headerHeight":125,"zIndices":{"navBar":100,"flowSectionButtons":10},"heroBlogIsLoading":true,"heroTerminalPosition":"top","newsletter":{"newsletterForm":{"email":"","hasAgreed":false},"afterNewsletter":{"name":"","questions":{"wp-level":{"label":"Level of expertise in WordPress:","options":[{"label":"No idea","value":"none"},{"label":"Basic knowledge","value":"basic"},{"label":"Intermediate knowledge","value":"intermediate"},{"label":"WP ninja!","value":"expert"}]},"react-level":{"label":"Level of expertise in React:","options":[{"label":"React what?","value":"none"},{"label":"Basic knowledge","value":"basic"},{"label":"Intermediate knowledge","value":"intermediate"},{"label":"React ninja!","value":"expert"}]},"wp-theme-built-with-js":{"label":"Have you built a WP theme in React, Vue or Angular?","options":[{"label":"Yes","value":"yes"},{"label":"No","value":"no"}]},"use-frontity-for":{"label":"What would you use Frontity for?","options":[{"label":"Hobby project","value":"hobby"},{"label":"Personal for-profit project","value":"personal"},{"label":"Freelance projects","value":"freelance"},{"label":"Development agency projects","value":"dev-agency"},{"label":"My company’s projects","value":"company"}]},"website-type":{"label":"On what type of website?","options":[{"label":"Blog or news site","value":"blog-news"},{"label":"eCommerce","value":"ecommerce"},{"label":"Corporate","value":"corporate"},{"label":"Classifieds","value":"classifieds"},{"label":"Other","value":"other"}]},"looking-to-improve":{"label":"What are you looking to improve?","options":[{"label":"Performance","value":"performance"},{"label":"UX / UI","value":"ux-ui"},{"label":"SEO","value":"seo"},{"label":"PWA","value":"pwa"},{"label":"I just want to test 😊","value":"just-for-fun"}]},"where-to-use-frontity":{"label":"Where would you like to use Frontity?","options":[{"label":"A new project ","value":"new-project"},{"label":"An existing project","value":"existing-project"}]}},"answers":{}},"sending":{"newsletterForm":false,"afterNewsletter":false},"sent":{"newsletterForm":false,"afterNewsletter":false}},"autoPrefetch":"in-view"},"source":{"data":{"/blog/fixed-header/":{"isFetching":false,"isReady":true,"route":"/blog/fixed-header/","link":"/blog/fixed-header/","query":{},"page":1,"type":"wp_template_part","id":4417,"isPostType":true,"isWpTemplatePart":true},"/blog/header-web/":{"isFetching":false,"isReady":true,"route":"/blog/header-web/","link":"/blog/header-web/","query":{},"page":1,"type":"wp_template_part","id":4305,"isPostType":true,"isWpTemplatePart":true},"/blog/footer/":{"isFetching":false,"isReady":true,"route":"/blog/footer/","link":"/blog/footer/","query":{},"page":1,"type":"wp_template_part","id":4310,"isPostType":true,"isWpTemplatePart":true},"/blog/newsletter/":{"isFetching":false,"isReady":true,"route":"/blog/newsletter/","link":"/blog/newsletter/","query":{},"page":1,"type":"wp_template_part","id":4308,"isPostType":true,"isWpTemplatePart":true},"/blog/top-banner/":{"isFetching":false,"isReady":true,"route":"/blog/top-banner/","link":"/blog/top-banner/","query":{},"page":1,"type":"wp_template_part","id":5512,"isPostType":true,"isWpTemplatePart":true},"/":{"isFetching":false,"isReady":true,"route":"/","link":"/","query":{},"page":1,"type":"page","id":4241,"isPostType":true,"isPage":true,"isHome":true},"/blog/author/reyes/":{"isReady":false,"isFetching":false,"link":"/blog/author/reyes/","route":"/blog/author/reyes/","query":{},"page":1,"id":18},"/blog/author/mario/":{"isReady":false,"isFetching":false,"link":"/blog/author/mario/","route":"/blog/author/mario/","query":{},"page":1,"id":16}},"category":{},"tag":{},"post":{},"page":{"4241":{"id":4241,"date":"2020-02-12T17:06:28","date_gmt":"2020-02-12T16:06:28","guid":{"rendered":"https://frontity.org/?page_id=4241"},"modified":"2022-03-25T10:16:05","modified_gmt":"2022-03-25T09:16:05","slug":"homepage","status":"publish","type":"page","link":"/","title":{"rendered":"Homepage"},"content":{"rendered":"\n\u003cdiv class=\"wp-block-group hero-homepage top-section is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003ch1 class=\"hero-title wp-block-heading\"\u003eThe \u003cstrong\u003e\u003cspan class=\"has-inline-color has-frontity-color\"\u003eReact\u003c/span\u003e\u003c/strong\u003e framework for \u003cstrong\u003e\u003cspan class=\"has-inline-color has-frontity-color\"\u003eWordPress\u003c/span\u003e\u003c/strong\u003e\u003c/h1\u003e\n\n\n\n\u003cp class=\"has-text-opacity-60 hero-text description has-primary-color has-text-color\"\u003eFrontity is the easiest way to create lightning fast websites using WordPress and React. Open source and free to use.\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button button-big get-started-button\" id=\"get-started-button-hero\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://docs.frontity.org/getting-started/quick-start-guide\" rel=\"noopener\"\u003eGet Started\u003c/a\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-button button-big desktop-only\" id=\"codesandbox-button-hero\"\u003e\u003ca class=\"wp-block-button__link has-frontity-color has-white-background-color has-text-color has-background\" href=\"https://codesandbox.io/s/github/frontity/frontity-template\" target=\"_blank\" rel=\"noreferrer noopener\"\u003e\u003cimg decoding=\"async\" class=\"wp-image-4384\" style=\"width: 13px;\" src=\"https://frontity.org/wp-content/uploads/2020/02/demo-icon.svg\" alt=\"\"\u003e\u003cspan class=\"has-inline-color has-frontity-color\"\u003eTry Demo in your Browser\u003c/span\u003e\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group homepage-hero-animation is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group terminal is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003col class=\"typist-terminal wp-block-list\"\u003e\u003cli\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\"\u003enpx \u003c/mark\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-purple-color\"\u003efrontity create \u003c/mark\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-grass-color\"\u003emy-app\u003c/mark\u003e\u003c/li\u003e\u003cli\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\"\u003ecd \u003c/mark\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-grass-color\"\u003emy-app\u003c/mark\u003e\u003c/li\u003e\u003cli\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\"\u003enpx \u003c/mark\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-purple-color\"\u003efrontity dev\u003c/mark\u003e\u003c/li\u003e\u003c/ol\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cfigure class=\"wp-block-image size-large is-style-default has-browser-window has-border-radius-12px hero-blog-image\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"468\" height=\"447\" src=\"https://frontity.org/wp-content/uploads/2020/04/HeroWindow.png\" alt=\"\" class=\"wp-image-5189\" srcset=\"https://frontity.org/wp-content/uploads/2020/04/HeroWindow.png 468w, https://frontity.org/wp-content/uploads/2020/04/HeroWindow-300x287.png 300w\" sizes=\"auto, (max-width: 468px) 100vw, 468px\" /\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group how-frontity-works is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003ch2 class=\"has-text-align-center wp-block-heading\"\u003eHow Frontity works\u003c/h2\u003e\n\n\n\n\u003cp class=\"has-text-align-center has-text-opacity-80 description has-primary-color has-text-color\"\u003eA server side, dynamic framework for headless WordPress sites and blogs\u003c/p\u003e\n\n\n\n\u003cdiv class=\"wp-block-columns are-vertically-aligned-center headless-flow is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group headless-flow-item is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image aligncenter size-large\"\u003e\u003cimg decoding=\"async\" src=\"https://frontity.org/wp-content/uploads/2020/02/Wordpress-Window-1.svg\" alt=\"\" class=\"wp-image-4363\"\u003e\u003c/figure\u003e\n\n\n\n\u003cp class=\"has-text-align-center has-text-opacity-60 has-primary-color has-text-color has-small-font-size\"\u003eWordPress is used as a headless CMS \u0026#8211; just for creating and managing your content\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group headless-flow-item is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image aligncenter size-large\"\u003e\u003cimg decoding=\"async\" src=\"https://frontity.org/wp-content/uploads/2020/02/API-File.svg\" alt=\"\" class=\"wp-image-4364\"\u003e\u003c/figure\u003e\n\n\n\n\u003cp class=\"has-text-align-center has-text-opacity-60 has-primary-color has-text-color has-small-font-size\"\u003eThe WordPress REST-API allows you to retrieve your content and generate the final HTML\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group headless-flow-item is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image aligncenter size-large\"\u003e\u003cimg decoding=\"async\" src=\"https://frontity.org/wp-content/uploads/2020/02/Node-Window.svg\" alt=\"\" class=\"wp-image-4365\"\u003e\u003c/figure\u003e\n\n\n\n\u003cp class=\"has-text-align-center has-text-opacity-60 has-primary-color has-text-color has-small-font-size\"\u003eFrontity apps built with React serve your content and run separately on a Node.js server\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons special-link is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2 wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button button-text\" id=\"enterprise-section-button\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://docs.frontity.org/architecture\" target=\"_blank\" rel=\"noreferrer noopener\"\u003eLearn more\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group wp-react-made-easy has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003ch2 class=\"has-text-align-center wp-block-heading\"\u003eWordPress + React made easy\u003c/h2\u003e\n\n\n\n\u003cp class=\"has-text-align-center description\"\u003eFrontity connects seamlessly with WordPress so you can focus on building your website or blog.\u003cbr\u003eNo complex configuration is left to the developer and the number of concepts you need to learn are minimal.\u003c/p\u003e\n\n\n\n\u003cdiv class=\"wp-block-group frontity-flow is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-buttons frontity-flow-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3 wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button frontity-flow-button-1\" id=\"create-section-button\"\u003e\u003ca class=\"wp-block-button__link\"\u003eCreate\u003c/a\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-button frontity-flow-button-2\" id=\"connect-section-button\"\u003e\u003ca class=\"wp-block-button__link\"\u003eConnect\u003c/a\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-button frontity-flow-button-3\" id=\"style-section-button\"\u003e\u003ca class=\"wp-block-button__link\"\u003eStyle\u003c/a\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-button frontity-flow-button-4\" id=\"deploy-section-button\"\u003e\u003ca class=\"wp-block-button__link\"\u003eDeploy\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group frontity-flow-all-items has-wall-background-color is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv id=\"create-item\" class=\"wp-block-group frontity-flow-item-1 has-border-radius-8px has-wall-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003ch5 class=\"wp-block-heading\"\u003e01\u003c/h5\u003e\n\n\n\n\u003ch3 class=\"wp-block-heading\"\u003eCreate your project\u003c/h3\u003e\n\n\n\n\u003cul class=\"wp-block-list\"\u003e\u003cli\u003eCreate a new Frontity project with a single command.\u003c/li\u003e\u003cli\u003eEverything (bundling, transpiling, routing, server rendering\u0026#8230;) is already configured for you.\u003c/li\u003e\u003c/ul\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button button-text\" id=\"learn-more-button-create-section\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://docs.frontity.org/getting-started/quick-start-guide#getting-started-with-frontity\" target=\"_blank\" rel=\"noreferrer noopener\"\u003eLearn more\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group terminal is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003col class=\"wp-block-list\"\u003e\u003cli\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\"\u003enpx \u003c/mark\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-purple-color\"\u003efrontity create \u003c/mark\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-grass-color\"\u003emy-app\u003c/mark\u003e\u003cbr\u003e\u003cbr\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-grass-color\"\u003e✔ \u003c/mark\u003eCreating \u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\"\u003epackage.json.\u003c/mark\u003e\u003cbr\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-grass-color\"\u003e✔ \u003c/mark\u003eCreating \u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\"\u003efrontity.settings.js.\u003c/mark\u003e\u003cbr\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-grass-color\"\u003e✔ \u003c/mark\u003eCloning \u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-grass-color\"\u003e@frontity/mars-theme.\u003c/mark\u003e\u003cbr\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-grass-color\"\u003e✔ \u003c/mark\u003eInstalling dependencies.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eFrontity project created!\u003c/strong\u003e\u003cbr\u003e\u003cbr\u003eRun \u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-grass-color\"\u003ecd my-app \u0026amp;\u0026amp; npx frontity dev \u003c/mark\u003eand have fun! 🎉\u003cbr\u003e\u003cbr\u003e\u003c/li\u003e\u003cli\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\"\u003ecd \u003c/mark\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-grass-color\"\u003emy-app\u003c/mark\u003e\u003c/li\u003e\u003c/ol\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv id=\"connect-item\" class=\"wp-block-group frontity-flow-item-2 has-border-radius-8px has-wall-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003ch5 class=\"wp-block-heading\"\u003e02\u003c/h5\u003e\n\n\n\n\u003ch3 class=\"wp-block-heading\"\u003eConnect Frontity to your WordPress site\u003c/h3\u003e\n\n\n\n\u003cul class=\"wp-block-list\"\u003e\u003cli\u003eEasily connect your WordPress URL to Frontity.\u003c/li\u003e\u003cli\u003eWorks with WordPress.org and WordPress.com.\u003c/li\u003e\u003c/ul\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button button-text\" id=\"learn-more-button-connect-section\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://docs.frontity.org/getting-started/quick-start-guide#set-your-own-wordpress-installation\" target=\"_blank\" rel=\"noreferrer noopener\"\u003eLearn more\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cpre class=\"wp-block-code has-code language-javascript\"\u003e\u003ccode\u003e// frontity.settings.js\n\nexport const settings = {\n packages: [\n {\n name: \"@frontity/wp-source\",\n state: {\n source: {\n url: \"https://frontity.org/\"\n },\n },\n }\n ],\n};\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv id=\"style-item\" class=\"wp-block-group frontity-flow-item-3 has-border-radius-8px has-wall-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003ch5 class=\"wp-block-heading\"\u003e03\u003c/h5\u003e\n\n\n\n\u003ch3 class=\"wp-block-heading\"\u003eSetup your theme and style it\u003c/h3\u003e\n\n\n\n\u003cul class=\"wp-block-list\"\u003e\u003cli\u003eStart with a pre-made theme or create a custom one.\u003c/li\u003e\u003cli\u003eStyle with next generation CSS-in-JS.\u003c/li\u003e\u003c/ul\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button button-text\" id=\"learn-more-button-style-section\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://docs.frontity.org/learning-frontity/styles\" target=\"_blank\" rel=\"noreferrer noopener\"\u003eLearn more\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cpre class=\"wp-block-code\"\u003e\u003ccode\u003eimport { styled } from \"frontity\";\n\nconst StyledDiv = styled.div`\n width: 100%;\n text-align: center;\n color: white;\n`;\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv id=\"deploy-item\" class=\"wp-block-group frontity-flow-item-4 has-border-radius-8px has-wall-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003ch5 class=\"wp-block-heading\"\u003e04\u003c/h5\u003e\n\n\n\n\u003ch3 class=\"wp-block-heading\"\u003eDeploy anywhere\u003c/h3\u003e\n\n\n\n\u003cul class=\"wp-block-list\"\u003e\u003cli\u003eDeploy your site to any Node.js or serverless provider.\u003c/li\u003e\u003cli\u003eUse your favorite WordPress hosting.\u003c/li\u003e\u003c/ul\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button button-text\" id=\"learn-more-button-deploy-section\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://docs.frontity.org/deployment\" target=\"_blank\" rel=\"noreferrer noopener\"\u003eLearn more\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cfigure class=\"wp-block-image size-large has-border-radius-8px\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"858\" height=\"568\" src=\"https://frontity.org/wp-content/uploads/2020/06/deployment-asset.png\" alt=\"\" class=\"wp-image-5729\" srcset=\"https://frontity.org/wp-content/uploads/2020/06/deployment-asset.png 858w, https://frontity.org/wp-content/uploads/2020/06/deployment-asset-300x199.png 300w, https://frontity.org/wp-content/uploads/2020/06/deployment-asset-768x508.png 768w\" sizes=\"auto, (max-width: 858px) 100vw, 858px\" /\u003e\u003c/figure\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group wrapping-section has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group keep-editing-section has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cfigure class=\"wp-block-video\"\u003e\u003cvideo autoplay loop muted src=\"https://frontity.org/wp-content/uploads/2020/04/LiveContentUpdate.mp4\"\u003e\u003c/video\u003e\u003c/figure\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group special-icon has-background-opacity-10 is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large is-resized\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https://frontity.org/wp-content/uploads/2020/02/demo-icon.svg\" alt=\"\" class=\"wp-image-4384\" width=\"13\" height=\"15\"\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003ch5 class=\"wp-block-heading\"\u003ereal-time content updates\u003c/h5\u003e\n\n\n\n\u003ch3 class=\"wp-block-heading\"\u003eKeep editing your content in WordPress\u003c/h3\u003e\n\n\n\n\u003cp class=\"description\"\u003eUse your WordPress dashboard to create and edit your content just as you usually do.\u003c/p\u003e\n\n\n\n\u003chr class=\"wp-block-separator is-style-wide\"\u003e\n\n\n\n\u003cul class=\"wp-block-list\"\u003e\u003cli\u003eEvery time you make an edit to a post or page, the change will automatically be updated on Frontity.\u003c/li\u003e\u003cli\u003eNo need to rebuild your site as you would with a Static Site Generator each time new content is published.\u003c/li\u003e\u003c/ul\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button button-text\" id=\"learn-more-button-content-section\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://docs.frontity.org/about#how-does-frontity-work\" target=\"_blank\" rel=\"noreferrer noopener\"\u003eLearn more\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group frontity-ssg has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group special-icon has-background-opacity-10 is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"24\" src=\"https://frontity.org/wp-content/uploads/2020/04/performance-icon.svg\" alt=\"\" class=\"wp-image-5204\"\u003e\u003c/figure\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003ch5 class=\"wp-block-heading\"\u003eDesigned for performance\u003c/h5\u003e\n\n\n\n\u003ch3 class=\"wp-block-heading\"\u003eFrontity is as fast as a static site generator\u003c/h3\u003e\n\n\n\n\u003cp class=\"description\"\u003eProvide an instant experience with dynamic content using Serverless Pre-rendering (SPR).\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003col class=\"wp-block-list\"\u003e\u003cli\u003eServerless generates HTML on the fly\u003c/li\u003e\u003cli\u003eThe CDN saves the HTML and serves it as static content\u003c/li\u003e\u003cli\u003e\u003cstrong\u003eTry out the performance right here!\u003c/strong\u003e\u003c/li\u003e\u003c/ol\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group desktop-only has-browser-window has-border-radius-12px has-shadow demo-iframe is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003ciframe src=\"https://twentytwenty.frontity.org/\"\u003e\u003c/iframe\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group mobile-only has-browser-window has-border-radius-12px has-shadow is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large is-style-default\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https://frontity.org/wp-content/uploads/2020/02/twitter-twenty-twenty-frontity-theme.png\" alt=\"twitter-twenty-twenty-frontity-theme\" class=\"wp-image-4570\" srcset=\"https://frontity.org/wp-content/uploads/2020/02/twitter-twenty-twenty-frontity-theme.png 1024w, https://frontity.org/wp-content/uploads/2020/02/twitter-twenty-twenty-frontity-theme-300x150.png 300w, https://frontity.org/wp-content/uploads/2020/02/twitter-twenty-twenty-frontity-theme-768x384.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" /\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-9 wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button button-text\" id=\"demo-button-performance-section\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://twentytwenty.frontity.org/\" target=\"_blank\" rel=\"noreferrer noopener\"\u003eCheck out the demo\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group why-wp-react desktop-only has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-columns has-top-border is-layout-flex wp-container-core-columns-is-layout-9 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column has-right-border is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg decoding=\"async\" src=\"https://frontity.org/wp-content/uploads/2020/03/WordPress-logo.svg\" alt=\"\" class=\"wp-image-4699\"\u003e\u003c/figure\u003e\n\n\n\n\u003ch2 class=\"wp-block-heading\"\u003eWhy WordPress?\u003c/h2\u003e\n\n\n\n\u003cul class=\"check-marker-list wp-block-list\"\u003e\u003cli\u003ePowers over 43% of the web\u003c/li\u003e\u003cli\u003eUser-friendly and extensible\u003c/li\u003e\u003cli\u003ePowerful block editor extensible using React\u003c/li\u003e\u003cli\u003eLargest open source CMS community\u003c/li\u003e\u003c/ul\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg decoding=\"async\" src=\"https://frontity.org/wp-content/uploads/2020/03/React-logo.svg\" alt=\"\" class=\"wp-image-4700\"\u003e\u003c/figure\u003e\n\n\n\n\u003ch2 class=\"wp-block-heading\"\u003eWhy React?\u003c/h2\u003e\n\n\n\n\u003cul class=\"check-marker-list wp-block-list\"\u003e\u003cli\u003e\u003cspan style=\"letter-spacing: -0.015em;\"\u003eGreat developer and user experience\u003c/span\u003e\u003c/li\u003e\u003cli\u003eScalable and well-established option\u003c/li\u003e\u003cli\u003eLargest open source front-end community\u003c/li\u003e\u003c/ul\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv id=\"why-frontity\" class=\"wp-block-group why-frontity is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003ch2 class=\"has-text-align-center wp-block-heading\"\u003eWhy Frontity?\u003c/h2\u003e\n\n\n\n\u003cp class=\"has-text-align-center description\"\u003eFrontity combines the best of both worlds with a great developer experience in mind\u003c/p\u003e\n\n\n\n\u003cdiv class=\"wp-block-group frontity-features carrousel-bar is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-10 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group features-item is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group special-icon has-background-opacity-10 has-turqoise-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg decoding=\"async\" src=\"https://frontity.org/wp-content/uploads/2020/03/lighthouse-logo.svg\" alt=\"\" class=\"wp-image-4642\"\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003ch4 class=\"wp-block-heading\"\u003eEasy\u003c/h4\u003e\n\n\n\n\u003cp\u003eDesigned to be used with WordPress, Frontity gives you a big head start by providing many of the common queries already built in.\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group features-item is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group special-icon has-background-opacity-10 has-orange-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large is-resized\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https://frontity.org/wp-content/uploads/2020/03/zero-setup-logo.svg\" alt=\"\" class=\"wp-image-4645\" width=\"24\" height=\"24\"\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003ch4 class=\"wp-block-heading\"\u003eZero Setup\u003c/h4\u003e\n\n\n\n\u003cp\u003eEverything is already wired up (React, Webpack, Babel, Routing\u0026#8230;) so that you can jump straight in and start creating your site.\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group features-item is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group special-icon has-background-opacity-10 has-red-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg decoding=\"async\" src=\"https://frontity.org/wp-content/uploads/2020/03/ssr-logo.svg\" alt=\"\" class=\"wp-image-4644\"\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003ch4 class=\"wp-block-heading\"\u003eSSR and SEO Friendly\u003c/h4\u003e\n\n\n\n\u003cp\u003eFrontity does Server Side Rendering out of the box. This approach works great with dynamic content and is great for SEO.\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group features-item is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group special-icon has-background-opacity-10 has-lightgreen-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large is-resized\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https://frontity.org/wp-content/uploads/2020/03/lighting-logo.svg\" alt=\"\" class=\"wp-image-4643\" width=\"24\" height=\"24\"\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003ch4 class=\"wp-block-heading\"\u003eLightning Fast Loading\u003c/h4\u003e\n\n\n\n\u003cp\u003eFrontity sends a navigation-ready HTML page that is immediately usable so the initial load feels almost instant.\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group features-item is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group special-icon has-background-opacity-10 has-purple-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg decoding=\"async\" src=\"https://frontity.org/wp-content/uploads/2020/03/extensible-logo.svg\" alt=\"\" class=\"wp-image-4646\"\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003ch4 class=\"wp-block-heading\"\u003eExtensible\u003c/h4\u003e\n\n\n\n\u003cp\u003eFrontity powers a flexible extensibility pattern similar to WordPress. Themes and extensions can be activated without code changes.\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group features-item is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group special-icon has-background-opacity-10 has-primary-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg decoding=\"async\" src=\"https://frontity.org/wp-content/uploads/2020/03/battle-tested-logo.svg\" alt=\"\" class=\"wp-image-4641\"\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003ch4 class=\"wp-block-heading\"\u003eBattle Tested\u003c/h4\u003e\n\n\n\n\u003cp\u003eUsed by millions of readers Frontity is proven and ideal for building fast and engaging frontend experiences. \u003ca href=\"https://frontity.org/about-us/\" target=\"_blank\" rel=\"noreferrer noopener\"\u003eLearn more.\u003c/a\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons special-link desktop-only is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-10 wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button button-text\" id=\"all-features-button\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://docs.frontity.org/about#why-frontity\" target=\"_blank\" rel=\"noreferrer noopener\"\u003eDiscover all benefits\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group need-inspiration-section has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer mobile-only\"\u003e\u003c/div\u003e\n\n\n\n\u003ch2 class=\"has-text-align-center wp-block-heading\"\u003eNeed some inspiration?\u003c/h2\u003e\n\n\n\n\u003cp class=\"has-text-align-center description\"\u003eSee what people are building with Frontity\u003c/p\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons special-link is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-11 wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button button-text\" id=\"showcase-button\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://frontity.org/showcase/\" rel=\"\"\u003eShowcase\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-columns showcases-gallery is-layout-flex wp-container-core-columns-is-layout-11 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column showcases-gallery-item is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group has-browser-window has-shadow has-border-radius-12px is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"936\" height=\"556\" src=\"https://frontity.org/wp-content/uploads/2021/02/TexasMattressMakers-showcase.png\" alt=\"Screenshot of Texas Mattress Makers website\" class=\"wp-image-8324\" srcset=\"https://frontity.org/wp-content/uploads/2021/02/TexasMattressMakers-showcase.png 936w, https://frontity.org/wp-content/uploads/2021/02/TexasMattressMakers-showcase-300x178.png 300w, https://frontity.org/wp-content/uploads/2021/02/TexasMattressMakers-showcase-768x456.png 768w\" sizes=\"auto, (max-width: 936px) 100vw, 936px\" /\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column showcases-gallery-item is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group has-browser-window has-border-radius-12px is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"936\" height=\"556\" src=\"https://frontity.org/wp-content/uploads/2021/05/TikTokCreatorPortal-showcase.png\" alt=\"Screenshot of TikTok Creator Portal website\" class=\"wp-image-9011\" srcset=\"https://frontity.org/wp-content/uploads/2021/05/TikTokCreatorPortal-showcase.png 936w, https://frontity.org/wp-content/uploads/2021/05/TikTokCreatorPortal-showcase-300x178.png 300w, https://frontity.org/wp-content/uploads/2021/05/TikTokCreatorPortal-showcase-768x456.png 768w\" sizes=\"auto, (max-width: 936px) 100vw, 936px\" /\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column showcases-gallery-item is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group has-browser-window has-border-radius-12px is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"936\" height=\"556\" src=\"https://frontity.org/wp-content/uploads/2020/07/szinhaz-online-showcase.png\" alt=\"Screenshot of Szinhaz Online website\" class=\"wp-image-6191\" srcset=\"https://frontity.org/wp-content/uploads/2020/07/szinhaz-online-showcase.png 936w, https://frontity.org/wp-content/uploads/2020/07/szinhaz-online-showcase-300x178.png 300w, https://frontity.org/wp-content/uploads/2020/07/szinhaz-online-showcase-768x456.png 768w\" sizes=\"auto, (max-width: 936px) 100vw, 936px\" /\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group faq-section is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-12 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003ch2 class=\"wp-block-heading\"\u003eFrequently Asked Questions\u003c/h2\u003e\n\n\n\n\u003cdiv class=\"wp-block-group dropdown-item has-border-radius-8px has-box-shadow has-frontity-color has-white-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group dropdown-button is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003ch6 class=\"has-frontity-color has-text-color wp-block-heading\" id=\"faq-question-01\"\u003e\u003cstrong\u003eHow Frontity compares to other React frameworks like Gatsby or Next?\u003c/strong\u003e\u003c/h6\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group dropdown-content is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cp class=\"has-text-opacity-80 has-primary-color has-text-color has-small-font-size\"\u003eFirstly, Frontity is 100% focused on WordPress. This means the number of concepts you need to learn are minimal. It doesn\u0026#8217;t require complex configuration to get started, and the APIs that developers use to request content are pre-configured for the things that they most frequently need.\u003cbr\u003e\u003cbr\u003eSecondly, Frontity is opinionated. It has its own state manager and CSS-in-JS solution. Thanks to that you don\u0026#8217;t have to figure out how to configure these tools, or learn other technologies such as Redux or GraphQL.\u003cbr\u003e\u003cbr\u003eFrontity powers a very flexible extensibility pattern, more similar to that of WordPress itself, rather than that of other JavaScript frameworks. In order to add new functionality, you can use any of the existing Frontity and npm packages without having to build them from scratch. Moreover, \u003ca href=\"https://api.frontity.org/frontity-packages/themes-packages\" target=\"_blank\" rel=\"noreferrer noopener\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003eFrontity themes\u003c/span\u003e\u003c/a\u003e and \u003ca href=\"https://api.frontity.org/frontity-packages#features-packages\" target=\"_blank\" rel=\"noreferrer noopener\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003eextensions\u003c/span\u003e\u003c/a\u003e can be activated and deactivated without code changes and are reusable across projects.\u003cbr\u003e\u003cbr\u003eLastly, in Frontity the HTML is rendered dynamically by a Node.js server or a serverless service. This means the HTML does not have to be rebuilt each time the content is edited or new content is published.\u003cbr\u003e\u003cbr\u003eLearn more about the differences from other React frameworks \u003ca href=\"https://docs.frontity.org/about#key-differences-from-other-react-frameworks\" target=\"_blank\" rel=\"noreferrer noopener\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003ein the docs\u003c/span\u003e\u003c/a\u003e.\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group dropdown-item has-border-radius-8px has-box-shadow has-frontity-color has-white-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group dropdown-button is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003ch6 class=\"has-frontity-color has-text-color wp-block-heading\" id=\"faq-question-02\"\u003e\u003cstrong\u003eWhat happens with SEO? Is Frontity ready for it?\u003c/strong\u003e\u003c/h6\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group dropdown-content is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cp class=\"has-text-opacity-80 has-primary-color has-text-color has-small-font-size\"\u003eYes, it is! Frontity does both server-side and client-side rendering.\u003cbr\u003e\u003cbr\u003eThis approach works great with dynamic content and SEO. And if you use a CDN, it is as fast as serving static files. It has all the content in the HTML so Google is happy and, once JavaScript takes control of the page, the experience feels like a native app.\u003cbr\u003e\u003cbr\u003eCheck out \u003cspan style=\"text-decoration: underline;\"\u003e\u003ca href=\"https://docs.frontity.org/guides/seo\" target=\"_blank\" rel=\"noreferrer noopener\"\u003ethis guide\u003c/a\u003e\u003c/span\u003e for more information on how to optimize the SEO of your Frontity project.\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group dropdown-item has-border-radius-8px has-box-shadow desktop-online has-frontity-color has-white-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group dropdown-button is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003ch6 class=\"has-frontity-color has-text-color wp-block-heading\" id=\"faq-question-03\"\u003e\u003cstrong\u003eIs Frontity compatible with my current plugins?\u003c/strong\u003e\u003c/h6\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group dropdown-content is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cp class=\"has-text-opacity-80 has-primary-color has-text-color has-small-font-size\"\u003eFrontity is compatible with all the plugins that are compatible with the REST-API. Many of them just add their output to the content, and that would work by default.\u003cbr\u003e\u003cbr\u003eFor plugins that are not compatible with the REST-API you have two options. You can adapt the logic in your Frontity project, or you can use PHP to extend the uncooperative plugin either in your WordPress theme\u0026#8217;s \u003cem\u003efunctions.php\u003c/em\u003e file or in a custom plugin.\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group dropdown-item has-border-radius-8px has-box-shadow desktop-only has-frontity-color has-white-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group dropdown-button is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003ch6 class=\"has-frontity-color has-text-color wp-block-heading\" id=\"faq-question-04\"\u003e\u003cstrong\u003eCan I still work with Custom Post Types and Custom Taxonomies?\u003c/strong\u003e\u003c/h6\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group dropdown-content is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cp class=\"has-text-opacity-80 has-primary-color has-text-color has-small-font-size\"\u003eOf course! You just have to add a few settings in your Frontity project and it will work. You can check out \u003ca href=\"https://api.frontity.org/frontity-packages/features-packages/wp-source#custom-post-types\" target=\"_blank\" rel=\"noreferrer noopener\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003ethe docs\u003c/span\u003e\u003c/a\u003e and \u003ca href=\"https://youtu.be/3Bab5jLuL1A\" target=\"_blank\" rel=\"noreferrer noopener\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003ethis video\u003c/span\u003e\u003c/a\u003e for a more detailed explanation.\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group get-help-heading is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group special-icon has-background-opacity-10 is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"30\" height=\"24\" src=\"https://frontity.org/wp-content/uploads/2020/04/Get-help.svg\" alt=\"\" class=\"wp-image-5091\"\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003ch2 class=\"wp-block-heading\"\u003eGet help on your project\u003c/h2\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp class=\"description\"\u003eThe Frontity Community Forum is the best place to ask questions, share your knowledge, and build new connections.\u003c/p\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button\" id=\"ask-community-button\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://community.frontity.org/\" target=\"_blank\" rel=\"noreferrer noopener\"\u003eJoin the community\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group testimonial-homepage is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003ch2 class=\"wp-block-heading\"\u003eWhat people are saying about Frontity\u003c/h2\u003e\n\n\n\n\u003cdiv class=\"wp-block-group carrousel-bar is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-13 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cfigure class=\"wp-block-embed aligncenter is-type-rich is-provider-twitter wp-block-embed-twitter\"\u003e\u003cdiv class=\"wp-block-embed__wrapper\"\u003e\n\u003cblockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\"\u003e\u003cp lang=\"en\" dir=\"ltr\"\u003eWell hey, this looks great.\u003cbr\u003e\u003cbr\u003eFrontity: \u003ca href=\"https://t.co/6CqtWqd30Z\"\u003ehttps://t.co/6CqtWqd30Z\u003c/a\u003e\u003cbr\u003e\u003cbr\u003eBuild WordPress themes with React, with server-side rendering as a first-class feature, powered by Node cloud functions.\u003c/p\u003e— Chris Coyier (@chriscoyier) \u003ca href=\"https://twitter.com/chriscoyier/status/1253080349367652352?ref_src=twsrc%5Etfw\"\u003eApril 22, 2020\u003c/a\u003e\u003c/blockquote\u003e\u003cscript async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\u003c/div\u003e\u003c/figure\u003e\n\n\n\n\u003cfigure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\"\u003e\u003cdiv class=\"wp-block-embed__wrapper\"\u003e\n\u003cblockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\"\u003e\u003cp lang=\"en\" dir=\"ltr\"\u003eFrom its easy routing or the APIs sourcing to the CLI, \u003ca href=\"https://twitter.com/Frontity?ref_src=twsrc%5Etfw\"\u003e@Frontity\u003c/a\u003e might just be my next tool for WordPress.\u003c/p\u003e— R. Abril (@Rafael_AbrilSA) \u003ca href=\"https://twitter.com/Rafael_AbrilSA/status/1353393014249459717?ref_src=twsrc%5Etfw\"\u003eJanuary 24, 2021\u003c/a\u003e\u003c/blockquote\u003e\u003cscript async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\u003c/div\u003e\u003c/figure\u003e\n\n\n\n\u003cfigure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\"\u003e\u003cdiv class=\"wp-block-embed__wrapper\"\u003e\n\u003cblockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\"\u003e\u003cp lang=\"en\" dir=\"ltr\"\u003eFrontity\u0026#8217;s docs are easy to use. Love seeing well-written documentation.\u003c/p\u003e— mayowa. (@Wana____) \u003ca href=\"https://twitter.com/Wana____/status/1381703138374209541?ref_src=twsrc%5Etfw\"\u003eApril 12, 2021\u003c/a\u003e\u003c/blockquote\u003e\u003cscript async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\u003c/div\u003e\u003c/figure\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cfigure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\"\u003e\u003cdiv class=\"wp-block-embed__wrapper\"\u003e\n\u003cblockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\"\u003e\u003cp lang=\"en\" dir=\"ltr\"\u003eI had a moment to play with \u003ca href=\"https://twitter.com/Frontity?ref_src=twsrc%5Etfw\"\u003e@frontity\u003c/a\u003e today\u0026#8230;and my mind was blown 🤯🤯\u003cbr\u003e\u003cbr\u003eFrom reading the docs, to grabbing my \u003ca href=\"https://twitter.com/WordPress?ref_src=twsrc%5Etfw\"\u003e@wordpress\u003c/a\u003e data via REST, to publishing on \u003ca href=\"https://twitter.com/zeithq?ref_src=twsrc%5Etfw\"\u003e@zeithq\u003c/a\u003e took 15 minutes. \u003cbr\u003e\u003cbr\u003eNo plugins. No workarounds. It just worked! 👏👏\u003cbr\u003e\u003cbr\u003e👉 \u003ca href=\"https://t.co/BfkWesI2cM\"\u003ehttps://t.co/BfkWesI2cM\u003c/a\u003e\u003c/p\u003e— Greg Rickaby (@GregRickaby) \u003ca href=\"https://twitter.com/GregRickaby/status/1130938298808098818?ref_src=twsrc%5Etfw\"\u003eMay 21, 2019\u003c/a\u003e\u003c/blockquote\u003e\u003cscript async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\u003c/div\u003e\u003c/figure\u003e\n\n\n\n\u003cfigure class=\"wp-block-embed aligncenter is-type-rich is-provider-twitter wp-block-embed-twitter\"\u003e\u003cdiv class=\"wp-block-embed__wrapper\"\u003e\n \u003cblockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\"\u003e\u003cp lang=\"en\" dir=\"ltr\"\u003ejust tried \u003ca href=\"https://twitter.com/Frontity?ref_src=twsrc%5Etfw\"\u003e@Frontity\u003c/a\u003e and fall in love\u003c/p\u003e— Deb Debashish (@av3y) \u003ca href=\"https://twitter.com/av3y/status/1331982877794263041?ref_src=twsrc%5Etfw\"\u003eNovember 26, 2020\u003c/a\u003e\u003c/blockquote\u003e\u003cscript async src=\"https://platform.twitter.com/widgets.js\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\u003c/div\u003e\u003c/figure\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group start-using-frontity is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-14 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group has-box-shadow has-border-radius-12px has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group special-icon has-background-opacity-10 is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"24\" height=\"20\" src=\"https://frontity.org/wp-content/uploads/2020/04/FrontityBlueLogo.svg\" alt=\"\" class=\"wp-image-5093\"\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003ch2 class=\"wp-block-heading\"\u003eReady to get started?\u003c/h2\u003e\n\n\n\n\u003cp\u003eBuilding a React front-end for your WordPress website has never been easier.\u003c/p\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button\" id=\"get-started-button-bottom-part\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://docs.frontity.org/\" target=\"_blank\" rel=\"noreferrer noopener\"\u003eExplore the docs\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group has-box-shadow has-border-radius-12px enterprise-projects has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-group special-icon has-background-opacity-10 is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"29\" height=\"22\" src=\"https://frontity.org/wp-content/uploads/2021/05/tutorial-icon-1.svg\" alt=\"\" class=\"wp-image-9723\"\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003ch2 class=\"wp-block-heading\"\u003eLearn Frontity\u003c/h2\u003e\n\n\n\n\u003cp\u003eWe\u0026#8217;ve compiled several learning resources to guide you through how to get started with Frontity.\u003c/p\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons special-link is-layout-flex wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button button-text\" id=\"enterprise-section-button\"\u003e\u003ca class=\"wp-block-button__link\" href=\"/learn/\"\u003eStart learning\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-group accelerated-section is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003ch4 class=\"wp-block-heading\"\u003eAccelerated By Google\u003c/h4\u003e\n\n\n\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"384\" height=\"48\" src=\"https://frontity.org/wp-content/uploads/2020/03/googleforstartups_horizontal_rgb@2x.png\" alt=\"\" class=\"wp-image-4798\" srcset=\"https://frontity.org/wp-content/uploads/2020/03/googleforstartups_horizontal_rgb@2x.png 384w, https://frontity.org/wp-content/uploads/2020/03/googleforstartups_horizontal_rgb@2x-300x38.png 300w\" sizes=\"auto, (max-width: 384px) 100vw, 384px\" /\u003e\u003c/figure\u003e\n\n\n\n\u003ch4 class=\"wp-block-heading\"\u003eInvested By Automattic\u003c/h4\u003e\n\n\n\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"1140\" height=\"380\" src=\"https://i0.wp.com/wp.frontity.org/wp-content/uploads/2020/04/automattic-logo.png?fit=768%2C256\u0026amp;ssl=1\" alt=\"\" class=\"wp-image-5249\" srcset=\"https://frontity.org/wp-content/uploads/2020/04/automattic-logo.png 1140w, https://frontity.org/wp-content/uploads/2020/04/automattic-logo-300x100.png 300w, https://frontity.org/wp-content/uploads/2020/04/automattic-logo-1024x341.png 1024w, https://frontity.org/wp-content/uploads/2020/04/automattic-logo-768x256.png 768w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" /\u003e\u003c/figure\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n","protected":false},"excerpt":{"rendered":"\u003cp\u003eThe React framework for WordPress Frontity is the easiest way to create lightning fast websites using WordPress and React. Open source and free to use. npx frontity create my-app cd my-app npx frontity dev How Frontity works A server side, dynamic framework for headless WordPress sites and blogs WordPress is used as a headless CMS [\u0026hellip;]\u003c/p\u003e\n","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_starter_page_template":"","_wpcom_template_layout_category":[],"footnotes":""},"class_list":["post-4241","page","type-page","status-publish","hentry"],"acf":{"background_triangles":{"top":"-60","position":"right","top_triangle_opacity":"0.6"}},"jetpack_sharing_enabled":true,"yoast_head":"\u003c!-- This site is optimized with the Yoast SEO plugin v14.9 - https://yoast.com/wordpress/plugins/seo/ --\u003e\n\u003cmeta name=\"description\" content=\"Frontity is the easiest way to create lightning fast websites using WordPress and React. Open source and free to use.\" /\u003e\n\u003cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" /\u003e\n\u003clink rel=\"canonical\" href=\"https://frontity.org/\" /\u003e\n\u003cmeta property=\"og:locale\" content=\"en_US\" /\u003e\n\u003cmeta property=\"og:type\" content=\"article\" /\u003e\n\u003cmeta property=\"og:title\" content=\"Frontity - The React Framework for WordPress\" /\u003e\n\u003cmeta property=\"og:description\" content=\"Frontity is the easiest way to create lightning fast websites using WordPress and React. Open source and free to use.\" /\u003e\n\u003cmeta property=\"og:url\" content=\"https://frontity.org/\" /\u003e\n\u003cmeta property=\"og:site_name\" content=\"Frontity\" /\u003e\n\u003cmeta property=\"article:publisher\" content=\"https://facebook.com/frontityorg\" /\u003e\n\u003cmeta property=\"article:modified_time\" content=\"2022-03-25T09:16:05+00:00\" /\u003e\n\u003cmeta property=\"og:image\" content=\"https://frontity.org/wp-content/uploads/2020/02/demo-icon.svg\" /\u003e\n\u003cmeta name=\"twitter:card\" content=\"summary_large_image\" /\u003e\n\u003cmeta name=\"twitter:creator\" content=\"@frontity\" /\u003e\n\u003cmeta name=\"twitter:site\" content=\"@frontity\" /\u003e\n\u003cscript type=\"application/ld+json\" class=\"yoast-schema-graph\"\u003e{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://frontity.org/#website\",\"url\":\"https://frontity.org/\",\"name\":\"Frontity\",\"description\":\"The React framework for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://frontity.org/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https://frontity.org/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https://frontity.org/wp-content/uploads/2020/02/demo-icon.svg\"},{\"@type\":\"WebPage\",\"@id\":\"https://frontity.org/#webpage\",\"url\":\"https://frontity.org/\",\"name\":\"Frontity - The React Framework for WordPress\",\"isPartOf\":{\"@id\":\"https://frontity.org/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://frontity.org/#primaryimage\"},\"datePublished\":\"2020-02-12T16:06:28+00:00\",\"dateModified\":\"2022-03-25T09:16:05+00:00\",\"description\":\"Frontity is the easiest way to create lightning fast websites using WordPress and React. Open source and free to use.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://frontity.org/\"]}]}]}\u003c/script\u003e\n\u003c!-- / Yoast SEO plugin. --\u003e","_links":{"self":[{"href":"https://frontity.org/wp-json/wp/v2/pages/4241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://frontity.org/wp-json/wp/v2/pages"}],"about":[{"href":"https://frontity.org/wp-json/wp/v2/types/page"}],"author":[{"embeddable":true,"href":"https://frontity.org/wp-json/wp/v2/users/16"}],"replies":[{"embeddable":true,"href":"https://frontity.org/wp-json/wp/v2/comments?post=4241"}],"version-history":[{"count":100,"href":"https://frontity.org/wp-json/wp/v2/pages/4241/revisions"}],"predecessor-version":[{"id":10913,"href":"https://frontity.org/wp-json/wp/v2/pages/4241/revisions/10913"}],"wp:attachment":[{"href":"https://frontity.org/wp-json/wp/v2/media?parent=4241"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]},"_embedded":{"author":[16]}}},"author":{"16":{"id":16,"name":"Mario Santos Guillamot","url":"","description":"","link":"/blog/author/mario/","slug":"mario","avatar_urls":{"24":"https://secure.gravatar.com/avatar/f19685eead7f2d44430ea58e3fb060cb?s=24\u0026d=wavatar\u0026r=g","48":"https://secure.gravatar.com/avatar/f19685eead7f2d44430ea58e3fb060cb?s=48\u0026d=wavatar\u0026r=g","96":"https://secure.gravatar.com/avatar/f19685eead7f2d44430ea58e3fb060cb?s=96\u0026d=wavatar\u0026r=g"},"acf":[],"yoast_head":"\u003c!-- This site is optimized with the Yoast SEO plugin v14.9 - https://yoast.com/wordpress/plugins/seo/ --\u003e\n\u003cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" /\u003e\n\u003clink rel=\"canonical\" href=\"https://frontity.org/blog/author/mario/\" /\u003e\n\u003cmeta property=\"og:locale\" content=\"en_US\" /\u003e\n\u003cmeta property=\"og:type\" content=\"profile\" /\u003e\n\u003cmeta property=\"og:title\" content=\"Mario Santos Guillamot, Author at Frontity\" /\u003e\n\u003cmeta property=\"og:url\" content=\"https://frontity.org/blog/author/mario/\" /\u003e\n\u003cmeta property=\"og:site_name\" content=\"Frontity\" /\u003e\n\u003cmeta property=\"og:image\" content=\"https://secure.gravatar.com/avatar/f19685eead7f2d44430ea58e3fb060cb?s=500\u0026#038;d=wavatar\u0026#038;r=g\" /\u003e\n\u003cmeta name=\"twitter:card\" content=\"summary_large_image\" /\u003e\n\u003cmeta name=\"twitter:site\" content=\"@frontity\" /\u003e\n\u003cscript type=\"application/ld+json\" class=\"yoast-schema-graph\"\u003e{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://frontity.org/#website\",\"url\":\"https://frontity.org/\",\"name\":\"Frontity\",\"description\":\"The React framework for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://frontity.org/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ProfilePage\",\"@id\":\"https://frontity.org/blog/author/mario/#webpage\",\"url\":\"https://frontity.org/blog/author/mario/\",\"name\":\"Mario Santos Guillamot, Author at Frontity\",\"isPartOf\":{\"@id\":\"https://frontity.org/#website\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://frontity.org/blog/author/mario/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://frontity.org/#/schema/person/062e6dabec1d79dc02b6c90e9fc20ab8\",\"name\":\"Mario Santos Guillamot\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://frontity.org/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https://secure.gravatar.com/avatar/f19685eead7f2d44430ea58e3fb060cb?s=96\u0026d=wavatar\u0026r=g\",\"caption\":\"Mario Santos Guillamot\"},\"mainEntityOfPage\":{\"@id\":\"https://frontity.org/blog/author/mario/#webpage\"}}]}\u003c/script\u003e\n\u003c!-- / Yoast SEO plugin. --\u003e","_links":{"self":[{"href":"https://frontity.org/wp-json/wp/v2/users/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://frontity.org/wp-json/wp/v2/users"}]}},"18":{"id":18,"name":"Reyes Martínez","url":"https://frontity.org/","description":"Content and Communications at Frontity. When away-from-computer, I enjoy reading, traveling and photography.","link":"/blog/author/reyes/","slug":"reyes","avatar_urls":{"24":"https://secure.gravatar.com/avatar/b77ef1e1f3317fe3b29164136f481e22?s=24\u0026d=wavatar\u0026r=g","48":"https://secure.gravatar.com/avatar/b77ef1e1f3317fe3b29164136f481e22?s=48\u0026d=wavatar\u0026r=g","96":"https://secure.gravatar.com/avatar/b77ef1e1f3317fe3b29164136f481e22?s=96\u0026d=wavatar\u0026r=g"},"acf":[],"yoast_head":"\u003c!-- This site is optimized with the Yoast SEO plugin v14.9 - https://yoast.com/wordpress/plugins/seo/ --\u003e\n\u003cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" /\u003e\n\u003clink rel=\"canonical\" href=\"https://frontity.org/blog/author/reyes/\" /\u003e\n\u003cmeta property=\"og:locale\" content=\"en_US\" /\u003e\n\u003cmeta property=\"og:type\" content=\"profile\" /\u003e\n\u003cmeta property=\"og:title\" content=\"Reyes Martínez, Author at Frontity\" /\u003e\n\u003cmeta property=\"og:url\" content=\"https://frontity.org/blog/author/reyes/\" /\u003e\n\u003cmeta property=\"og:site_name\" content=\"Frontity\" /\u003e\n\u003cmeta property=\"og:image\" content=\"https://secure.gravatar.com/avatar/b77ef1e1f3317fe3b29164136f481e22?s=500\u0026#038;d=wavatar\u0026#038;r=g\" /\u003e\n\u003cmeta name=\"twitter:card\" content=\"summary_large_image\" /\u003e\n\u003cmeta name=\"twitter:site\" content=\"@frontity\" /\u003e\n\u003cscript type=\"application/ld+json\" class=\"yoast-schema-graph\"\u003e{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://frontity.org/#website\",\"url\":\"https://frontity.org/\",\"name\":\"Frontity\",\"description\":\"The React framework for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://frontity.org/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ProfilePage\",\"@id\":\"https://frontity.org/blog/author/reyes/#webpage\",\"url\":\"https://frontity.org/blog/author/reyes/\",\"name\":\"Reyes Mart\\u00ednez, Author at Frontity\",\"isPartOf\":{\"@id\":\"https://frontity.org/#website\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://frontity.org/blog/author/reyes/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://frontity.org/#/schema/person/e9d619439a30d79cfb26ffbbf8d4b87d\",\"name\":\"Reyes Mart\\u00ednez\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://frontity.org/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https://secure.gravatar.com/avatar/b77ef1e1f3317fe3b29164136f481e22?s=96\u0026d=wavatar\u0026r=g\",\"caption\":\"Reyes Mart\\u00ednez\"},\"description\":\"Content and Communications at Frontity. When away-from-computer, I enjoy reading, traveling and photography.\",\"sameAs\":[\"https://twitter.com/r_martinezduque\"],\"mainEntityOfPage\":{\"@id\":\"https://frontity.org/blog/author/reyes/#webpage\"}}]}\u003c/script\u003e\n\u003c!-- / Yoast SEO plugin. --\u003e","_links":{"self":[{"href":"https://frontity.org/wp-json/wp/v2/users/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://frontity.org/wp-json/wp/v2/users"}]}}},"attachment":{},"type":{},"taxonomy":{},"subdirectory":"","homepage":"/homepage/","postsPage":"/blog/","categoryBase":"","tagBase":"","authorBase":"","postEndpoint":"posts","params":{},"postTypes":[{"type":"/blog","endpoint":"template-parts"},{"type":"partner","endpoint":"partner"}],"taxonomies":[],"redirections":"no","url":"https://frontity.org","wp_template_part":{"4305":{"id":4305,"date":"2020-02-14T09:20:32","date_gmt":"2020-02-14T08:20:32","guid":{"rendered":"https://frontity.org/?post_type=wp_template_part\u0026#038;p=4305"},"modified":"2022-01-27T10:41:01","modified_gmt":"2022-01-27T09:41:01","slug":"header-web","status":"publish","type":"wp_template_part","link":"/blog/header-web/","title":{"rendered":"Header"},"content":{"rendered":"\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003ca href=\"/\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"141\" height=\"29\" src=\"https://frontity.org/wp-content/uploads/2020/02/frontity-blue-logo.svg\" alt=\"Frontity Logo\" class=\"wp-image-5421\"\u003e\u003c/a\u003e\u003c/figure\u003e\n\n\n\u003cnav class=\"has-text-color has-primary-color wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex\" aria-label=\"Navigation\"\u003e\u003cul class=\"wp-block-navigation__container has-text-color has-primary-color wp-block-navigation\"\u003e\u003cli class=\" wp-block-navigation-item header-link wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"/learn/\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003eLEARN\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item header-link wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"/showcase/\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003eSHOWCASE\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item header-link wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://community.frontity.org/\" target=\"_blank\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003eCOMMUNITY\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item header-link wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://docs.frontity.org/contributing\" target=\"_blank\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003eCONTRIBUTING\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"/blog/\" target=\"_blank\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003eBLOG\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item is-link-with-icon wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://twitter.com/frontity\" target=\"_blank\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003e\u003cimg decoding=\"async\" class=\"wp-image-4467\" style=\"width: NaNpx\" src=\"https://frontity.org/wp-content/uploads/2020/02/twitter-logo.svg\" alt=\"\"\u003e\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item has-child is-link-with-icon wp-block-navigation-submenu\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://github.com/frontity/frontity\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"23\" height=\"23\" class=\"wp-image-5050\" style=\"width: 23px\" src=\"https://frontity.org/wp-content/uploads/2020/04/Github.svg\" alt=\"\" srcset=\"https://frontity.org/wp-content/uploads//2020/04/Github.svg 150w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 300w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 1024w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 1536w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 2048w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 23w\" sizes=\"auto, (max-width: 23px) 100vw, 23px\" /\u003e\u003c/a\u003e\u003cul class=\"wp-block-navigation__submenu-container is-link-with-icon wp-block-navigation-submenu\"\u003e\u003cli class=\" wp-block-navigation-item wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://github.com/frontity/frontity\" target=\"_blank\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"16\" class=\"wp-image-9786\" style=\"width: 12px\" src=\"https://frontity.org/wp-content/uploads/2020/02/repository-icon05-1.svg\" alt=\"\"\u003e Repository\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://community.frontity.org/c/framework-development/releases/44\" target=\"_blank\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" class=\"wp-image-5053\" style=\"width: 16px\" src=\"https://frontity.org/wp-content/uploads/2020/04/Clock-Icon.svg\" alt=\"\" srcset=\"https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 150w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 300w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 1024w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 1536w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 2048w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 16w\" sizes=\"auto, (max-width: 16px) 100vw, 16px\" /\u003e Changelog\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://frontity.org/roadmap/\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" class=\"wp-image-5052\" style=\"width: 16px\" src=\"https://frontity.org/wp-content/uploads/2020/04/Plane-Icon.svg\" alt=\"\" srcset=\"https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 150w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 300w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 1024w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 1536w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 2048w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 16w\" sizes=\"auto, (max-width: 16px) 100vw, 16px\" /\u003e Roadmap\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/nav\u003e\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"template":"","acf":{"visible":"true"},"_links":{"self":[{"href":"https://frontity.org/wp-json/wp/v2/template-parts/4305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://frontity.org/wp-json/wp/v2/template-parts"}],"about":[{"href":"https://frontity.org/wp-json/wp/v2/types/wp_template_part"}],"author":[{"embeddable":true,"href":"https://frontity.org/wp-json/wp/v2/users/16"}],"version-history":[{"count":1,"href":"https://frontity.org/wp-json/wp/v2/template-parts/4305/revisions"}],"predecessor-version":[{"id":10897,"href":"https://frontity.org/wp-json/wp/v2/template-parts/4305/revisions/10897"}],"wp:attachment":[{"href":"https://frontity.org/wp-json/wp/v2/media?parent=4305"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]},"_embedded":{"author":[16]}},"4308":{"id":4308,"date":"2020-02-14T09:27:56","date_gmt":"2020-02-14T08:27:56","guid":{"rendered":"https://frontity.org/?post_type=wp_template_part\u0026amp;p=4308"},"modified":"2020-02-14T09:27:56","modified_gmt":"2020-02-14T08:27:56","slug":"newsletter","status":"publish","type":"wp_template_part","link":"/blog/newsletter/","title":{"rendered":"Newsletter"},"content":{"rendered":"\n\u003cdiv class=\"wp-block-group\"\u003e\u003cdiv class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003ch4 class=\"wp-block-heading\"\u003eJoin the Frontity newsletter\u003c/h4\u003e\n\n\n\n\u003cp\u003eStay up-to-date on the latest news and updates about Frontity.\u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cdiv class=\"wp-block-group newsletter-form\"\u003e\u003cdiv class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"\u003e\n\u003cinput\u003e\n\n\n\n\u003cdiv class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n","protected":false},"excerpt":{"rendered":"\u003cp\u003eJoin the Frontity newsletter Stay up-to-date on the latest news and updates about Frontity.\u003c/p\u003e\n","protected":false},"author":18,"template":"","acf":{"newsletter":{"section_title":"Join the Frontity Newsletter","section_description":"Stay up-to-date on the latest news and updates about Frontity.","email_placeholder":"Enter your e-mail","privacy_checkbox":"I agree to the \u003ca href=\"docs.frontity.org\"\u003ePrivacy Policy\u003c/a\u003e","thanks_message":"Thank you! You have been subscribed to the Frontity newsletter. You will receive a welcome email shortly."},"visible":"true"},"_links":{"self":[{"href":"https://frontity.org/wp-json/wp/v2/template-parts/4308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://frontity.org/wp-json/wp/v2/template-parts"}],"about":[{"href":"https://frontity.org/wp-json/wp/v2/types/wp_template_part"}],"author":[{"embeddable":true,"href":"https://frontity.org/wp-json/wp/v2/users/18"}],"version-history":[{"count":0,"href":"https://frontity.org/wp-json/wp/v2/template-parts/4308/revisions"}],"wp:attachment":[{"href":"https://frontity.org/wp-json/wp/v2/media?parent=4308"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]},"_embedded":{"author":[18]}},"4310":{"id":4310,"date":"2020-02-14T09:41:56","date_gmt":"2020-02-14T08:41:56","guid":{"rendered":"https://frontity.org/?post_type=wp_template_part\u0026#038;p=4310"},"modified":"2022-02-15T08:45:00","modified_gmt":"2022-02-15T07:45:00","slug":"footer","status":"publish","type":"wp_template_part","link":"/blog/footer/","title":{"rendered":"Footer"},"content":{"rendered":"\n\u003cdiv class=\"wp-block-group has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cdiv class=\"wp-block-columns footer-links is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:16.67%\"\u003e\n\u003cfigure class=\"wp-block-image size-large is-style-default\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"141\" height=\"29\" src=\"https://wp.frontity.org/wp-content/uploads/2020/02/logo-footer.svg\" alt=\"\" class=\"wp-image-5423\"\u003e\u003c/figure\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:16.67%\"\u003e\n\u003ch5 class=\"wp-block-heading\" id=\"docs\"\u003eDOCS\u003c/h5\u003e\n\n\n\n\u003cul class=\"wp-block-list\" id=\"get-started-footer-link\"\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"https://docs.frontity.org/getting-started/quick-start-guide\" target=\"_blank\"\u003eQuick Start\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"https://tutorial.frontity.org/\" target=\"_blank\"\u003eTutorial\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"https://api.frontity.org/\" target=\"_blank\"\u003eAPI Reference\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"https://docs.frontity.org/guides\" target=\"_blank\"\u003eGuides\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"https://docs.frontity.org/frontity-features\" target=\"_blank\"\u003eFeatures\u003c/a\u003e\u003c/li\u003e\u003c/ul\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:16.67%\"\u003e\n\u003ch5 class=\"wp-block-heading\" id=\"frontity\"\u003eFRONTITY\u003c/h5\u003e\n\n\n\n\u003cul class=\"wp-block-list\"\u003e\u003cli\u003e\u003ca style='font-family: \"Inter var\", -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Helvetica, sans-serif; letter-spacing: -0.015em;' href=\"https://frontity.org/showcase\"\u003eShowcase\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"https://community.frontity.org/c/framework-development/releases/44\" target=\"_blank\"\u003eReleases\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"https://github.com/frontity/frontity\" target=\"_blank\"\u003eGitHub\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"https://github.com/frontity/frontity/blob/dev/LICENSE\" target=\"_blank\"\u003eLicense\u003c/a\u003e\u003c/li\u003e\u003c/ul\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:16.67%\"\u003e\n\u003ch5 class=\"wp-block-heading\" id=\"resources\"\u003eRESOURCES\u003c/h5\u003e\n\n\n\n\u003cul class=\"wp-block-list\" id=\"forum-footer-link\"\u003e\u003cli\u003e\u003ca href=\"https://frontity.org/learn/\"\u003eLearn\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"https://community.frontity.org/\" target=\"_blank\"\u003eCommunity\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"/blog/\" target=\"_blank\"\u003eBlog\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"https://twitter.com/frontity\" target=\"_blank\"\u003eTwitter\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"https://www.youtube.com/c/Frontity/\" target=\"_blank\"\u003eYoutube\u003c/a\u003e\u003c/li\u003e\u003c/ul\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:16.67%\"\u003e\n\u003ch5 class=\"wp-block-heading\" id=\"company\"\u003eCOMPANY\u003c/h5\u003e\n\n\n\n\u003cul class=\"wp-block-list\" id=\"about-us-footer-link\"\u003e\u003cli\u003e\u003ca href=\"/about-us/\" data-type=\"URL\" data-id=\"/about-us/\"\u003eAbout Us\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca rel=\"noreferrer noopener\" href=\"https://frontity.org/about-us/#case-studies\" data-type=\"page\" target=\"_blank\"\u003eCase Studies\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca href=\"https://frontity.org/partners/\"\u003ePartners\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca href=\"https://drive.google.com/drive/folders/1_EIGk6R6xizrFhm009ME-k5eqEjXeKly?usp=sharing\"\u003eBrand Assets\u003c/a\u003e\u003c/li\u003e\u003c/ul\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:16.67%\"\u003e\n\u003ch5 class=\"wp-block-heading\" id=\"legal\"\u003eLEGAL\u003c/h5\u003e\n\n\n\n\u003cul class=\"wp-block-list\"\u003e\u003cli\u003e\u003ca href=\"/legal/\" data-type=\"URL\" data-id=\"/legal/\"\u003eLegal Notice\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca href=\"/privacy-policy/\" data-type=\"URL\" data-id=\"/privacy-policy/\"\u003ePrivacy Policy\u003c/a\u003e\u003c/li\u003e\u003cli\u003e\u003ca href=\"/cookies/\" data-type=\"URL\" data-id=\"/cookies/\"\u003eCookies\u003c/a\u003e\u003c/li\u003e\u003c/ul\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003chr class=\"wp-block-separator is-style-wide\"\u003e\n\n\n\n\u003cdiv class=\"wp-block-columns footer-bottom-text is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cp class=\"has-text-align-left has-text-opacity-40 has-primary-color has-text-color has-small-font-size\"\u003e© Frontity 2021\u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cp class=\"has-small-font-size\"\u003eAccelerated by Google. Invested by Automattic.\u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cfigure class=\"wp-block-image size-large is-resized is-style-default\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https://wp.frontity.org/wp-content/uploads/2020/03/googleforstartups_horizontal_rgb@2x.png\" alt=\"\" class=\"wp-image-4798\" width=\"128\" height=\"16\" srcset=\"https://frontity.org/wp-content/uploads/2020/03/googleforstartups_horizontal_rgb@2x.png 384w, https://frontity.org/wp-content/uploads/2020/03/googleforstartups_horizontal_rgb@2x-300x38.png 300w\" sizes=\"auto, (max-width: 128px) 100vw, 128px\" /\u003e\u003c/figure\u003e\n\u003c/div\u003e\n\n\n\n\u003cdiv class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"\u003e\n\u003cfigure class=\"wp-block-image size-large is-resized is-style-default\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" src=\"https://wp.frontity.org/wp-content/uploads/2020/04/automattic-logo@2x.png\" alt=\"\" class=\"wp-image-5313\" width=\"202\" height=\"16\" srcset=\"https://frontity.org/wp-content/uploads/2020/04/automattic-logo@2x.png 304w, https://frontity.org/wp-content/uploads/2020/04/automattic-logo@2x-300x24.png 300w\" sizes=\"auto, (max-width: 202px) 100vw, 202px\" /\u003e\u003c/figure\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n","protected":false},"excerpt":{"rendered":"\u003cp\u003eDOCS Quick Start Tutorial API Reference Guides Features FRONTITY Showcase Releases GitHub License RESOURCES Learn Community Blog Twitter Youtube COMPANY About Us Case Studies Partners Brand Assets LEGAL Legal Notice Privacy Policy Cookies © Frontity 2021 Accelerated by Google. Invested by Automattic.\u003c/p\u003e\n","protected":false},"author":18,"template":"","acf":{"visible":"true"},"_links":{"self":[{"href":"https://frontity.org/wp-json/wp/v2/template-parts/4310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://frontity.org/wp-json/wp/v2/template-parts"}],"about":[{"href":"https://frontity.org/wp-json/wp/v2/types/wp_template_part"}],"author":[{"embeddable":true,"href":"https://frontity.org/wp-json/wp/v2/users/18"}],"version-history":[{"count":2,"href":"https://frontity.org/wp-json/wp/v2/template-parts/4310/revisions"}],"predecessor-version":[{"id":10904,"href":"https://frontity.org/wp-json/wp/v2/template-parts/4310/revisions/10904"}],"wp:attachment":[{"href":"https://frontity.org/wp-json/wp/v2/media?parent=4310"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]},"_embedded":{"author":[18]}},"4417":{"id":4417,"date":"2020-02-18T11:18:35","date_gmt":"2020-02-18T10:18:35","guid":{"rendered":"https://frontity.org/?post_type=wp_template_part\u0026#038;p=4417"},"modified":"2022-01-27T12:12:44","modified_gmt":"2022-01-27T11:12:44","slug":"fixed-header","status":"publish","type":"wp_template_part","link":"/blog/fixed-header/","title":{"rendered":"Fixed header"},"content":{"rendered":"\n\u003cdiv class=\"wp-block-group has-box-shadow desktop-only has-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cfigure class=\"wp-block-image size-large\"\u003e\u003ca href=\"/\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"141\" height=\"29\" src=\"https://frontity.org/wp-content/uploads/2020/02/frontity-blue-logo.svg\" alt=\"Frontity Logo\" class=\"wp-image-5421\"\u003e\u003c/a\u003e\u003c/figure\u003e\n\n\n\n\u003cdiv class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\u003cnav class=\"has-text-color has-primary-color frontity-nav-links wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex\" aria-label=\"Navigation 2\"\u003e\u003cul class=\"wp-block-navigation__container has-text-color has-primary-color frontity-nav-links wp-block-navigation\"\u003e\u003cli class=\" wp-block-navigation-item wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"/learn/\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003eLEARN\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"/showcase/\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003eSHOWCASE\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://community.frontity.org/\" target=\"_blank\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003eCOMMUNITY\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://docs.frontity.org/contributing\" target=\"_blank\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003eCONTRIBUTING\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"/blog/\" target=\"_blank\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003eBLOG\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item is-link-with-icon wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://twitter.com/frontity\" target=\"_blank\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003e\u003cimg decoding=\"async\" class=\"wp-image-4467\" style=\"width: NaNpx\" src=\"https://frontity.org/wp-content/uploads/2020/02/twitter-logo.svg\" alt=\"\"\u003e\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item has-child is-link-with-icon wp-block-navigation-submenu\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://github.com/frontity/frontity\" target=\"_blank\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"23\" height=\"23\" class=\"wp-image-5050\" style=\"width: 23px\" src=\"https://frontity.org/wp-content/uploads/2020/04/Github.svg\" alt=\"\" srcset=\"https://frontity.org/wp-content/uploads//2020/04/Github.svg 150w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 300w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 1024w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 1536w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 2048w, https://frontity.org/wp-content/uploads//2020/04/Github.svg 23w\" sizes=\"auto, (max-width: 23px) 100vw, 23px\" /\u003e\u003c/a\u003e\u003cul class=\"wp-block-navigation__submenu-container is-link-with-icon wp-block-navigation-submenu\"\u003e\u003cli class=\" wp-block-navigation-item wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://github.com/frontity/frontity\" target=\"_blank\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"16\" class=\"wp-image-9786\" style=\"width: 12px\" src=\"https://frontity.org/wp-content/uploads/2020/02/repository-icon05-1.svg\" alt=\"\"\u003e Repository\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://community.frontity.org/c/framework-development/releases/44\" target=\"_blank\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" class=\"wp-image-5053\" style=\"width: 16px\" src=\"https://frontity.org/wp-content/uploads/2020/04/Clock-Icon.svg\" alt=\"\" srcset=\"https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 150w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 300w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 1024w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 1536w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 2048w, https://frontity.org/wp-content/uploads//2020/04/Clock-Icon.svg 16w\" sizes=\"auto, (max-width: 16px) 100vw, 16px\" /\u003e Changelog\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003cli class=\" wp-block-navigation-item wp-block-navigation-link\"\u003e\u003ca class=\"wp-block-navigation-item__content\" href=\"https://frontity.org/roadmap/\"\u003e\u003cspan class=\"wp-block-navigation-item__label\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" class=\"wp-image-5052\" style=\"width: 16px\" src=\"https://frontity.org/wp-content/uploads/2020/04/Plane-Icon.svg\" alt=\"\" srcset=\"https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 150w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 300w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 1024w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 1536w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 2048w, https://frontity.org/wp-content/uploads//2020/04/Plane-Icon.svg 16w\" sizes=\"auto, (max-width: 16px) 100vw, 16px\" /\u003e Roadmap\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/nav\u003e\n\n\n\u003cdiv class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"\u003e\n\u003cdiv class=\"wp-block-button\" id=\"get-started-button-fixed-header\"\u003e\u003ca class=\"wp-block-button__link\" href=\"https://docs.frontity.org/getting-started/quick-start-guide\" title=\"\" target=\"_blank\" rel=\"noreferrer noopener\"\u003eGet Started\u003c/a\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e\n\n\n\n\u003cp\u003e\u003c/p\u003e\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":18,"template":"","acf":{"visible":"true"},"_links":{"self":[{"href":"https://frontity.org/wp-json/wp/v2/template-parts/4417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://frontity.org/wp-json/wp/v2/template-parts"}],"about":[{"href":"https://frontity.org/wp-json/wp/v2/types/wp_template_part"}],"author":[{"embeddable":true,"href":"https://frontity.org/wp-json/wp/v2/users/18"}],"version-history":[{"count":1,"href":"https://frontity.org/wp-json/wp/v2/template-parts/4417/revisions"}],"predecessor-version":[{"id":10900,"href":"https://frontity.org/wp-json/wp/v2/template-parts/4417/revisions/10900"}],"wp:attachment":[{"href":"https://frontity.org/wp-json/wp/v2/media?parent=4417"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]},"_embedded":{"author":[18]}},"5512":{"id":5512,"date":"2020-05-25T10:18:42","date_gmt":"2020-05-25T09:18:42","guid":{"rendered":"https://frontity.org/?post_type=wp_template_part\u0026#038;p=5512"},"modified":"2024-04-22T09:04:34","modified_gmt":"2024-04-22T08:04:34","slug":"top-banner","status":"publish","type":"wp_template_part","link":"/blog/top-banner/","title":{"rendered":"Top Banner"},"content":{"rendered":"\n\u003cdiv class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-1 wp-block-group-is-layout-constrained\" style=\"padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px\"\u003e\u003cdiv class=\"wp-block-group__inner-container\"\u003e\n\u003cp class=\"has-text-align-center has-black-color has-text-color has-normal-font-size\"\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0);color:#000000\" class=\"has-inline-color\"\u003eFrontity Framework \u003c/mark\u003e\u003cstrong\u003e\u003ca href=\"https://frontity.org/blog/frontity-is-joining-automattic/\"\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0);color:#1f38c5\" class=\"has-inline-color\"\u003eis not under active development anymore\u003c/mark\u003e\u003c/a\u003e\u003c/strong\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0);color:#000000\" class=\"has-inline-color\"\u003e.\u003c/mark\u003e\u003c/p\u003e\n\n\n\n\u003cdiv style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"\u003e\u003c/div\u003e\n\n\n\n\u003cp class=\"has-text-align-center has-black-color has-text-color has-normal-font-size\"\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0);color:#000000\" class=\"has-inline-color\"\u003eThe team has been working on the \u003c/mark\u003e\u003cstrong\u003e\u003ca href=\"https://make.wordpress.org/core/2024/03/04/interactivity-api-dev-note/\"\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0);color:#1f38c5\" class=\"has-inline-color\"\u003eWordPress Interactivity API\u003c/mark\u003e\u003c/a\u003e\u003c/strong\u003e, \u003cmark style=\"background-color:rgba(0, 0, 0, 0);color:#000000\" class=\"has-inline-color\"\u003ewhich unblocks the same\u003c/mark\u003e\u003cbr\u003e\u003cmark style=\"background-color:rgba(0, 0, 0, 0);color:#000000\" class=\"has-inline-color\"\u003e type of UX as the Frontity framework, but fully compatible with the new Site Editor.\u003c/mark\u003e\u003c/p\u003e\n\u003c/div\u003e\u003c/div\u003e\n","protected":false},"excerpt":{"rendered":"\u003cp\u003eFrontity Framework is not under active development anymore. The team has been working on the WordPress Interactivity API, which unblocks the same type of UX as the Frontity framework, but fully compatible with the new Site Editor.\u003c/p\u003e\n","protected":false},"author":18,"template":"","acf":{"visible":"true"},"_links":{"self":[{"href":"https://frontity.org/wp-json/wp/v2/template-parts/5512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://frontity.org/wp-json/wp/v2/template-parts"}],"about":[{"href":"https://frontity.org/wp-json/wp/v2/types/wp_template_part"}],"author":[{"embeddable":true,"href":"https://frontity.org/wp-json/wp/v2/users/18"}],"version-history":[{"count":24,"href":"https://frontity.org/wp-json/wp/v2/template-parts/5512/revisions"}],"predecessor-version":[{"id":11450,"href":"https://frontity.org/wp-json/wp/v2/template-parts/5512/revisions/11450"}],"wp:attachment":[{"href":"https://frontity.org/wp-json/wp/v2/media?parent=5512"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]},"_embedded":{"author":[18]}}}},"wpSource":{"prefix":"/wp-json"},"router":{"link":"/","state":{},"autoFetch":true},"yoast":{"renderTags":"server","transformLinks":{"ignore":"^(wp-(json|admin|content|includes))|feed|comments|xmlrpc"}},"analytics":{"pageviews":{"googleTagManagerAnalytics":true},"events":{"googleTagManagerAnalytics":true}},"googleTagManagerAnalytics":{"containerId":"GTM-NDGDFKR"},"cf7":{"forms":{}},"frontity":{"url":"https://frontity.org","title":"Frontity","description":"The React framework for WordPress","name":"frontity-org","match":["(\\?|\u0026)post_type=\\w+"],"mode":"default","debug":false,"platform":"server","rendering":"ssr","hmr":false,"initialLink":"/","options":{"embedded":"true"},"packages":["frontity-cookieyes","@frontity/frontity-org-theme","@frontity/wp-source","@frontity/tiny-router","@frontity/html2react","@frontity/yoast","@frontity/google-tag-manager-analytics","frontity-contact-form-7"]}}</script> <script id="__LOADABLE_REQUIRED_CHUNKS__" type="application/json">[]</script><script id="__LOADABLE_REQUIRED_CHUNKS___ext" type="application/json">{"namedChunks":[]}</script> <script async type="module" data-chunk="frontity-org" src="https://frontity-org-frontity.vercel.app/static/frontity-org.module.3400cbf20809b33a3908.js"></script> <script async nomodule data-chunk="frontity-org" src="https://frontity-org-frontity.vercel.app/static/frontity-org.es5.dbba9e5b0ee62b98cc08.js"></script> </body> </html> <!-- generated in 1.110 seconds 363482 bytes batcached for 300 seconds -->