Анализ сайта wilderborn.com
Основное Готовность: 60%
Домен
wilderborn.com
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Кол-во редиректов 3 слишком большое! Проверьте настройки сайта и веб-сервера!
Цепочка редиректов:
http://wilderborn.com
301 MovedPermanently
https://wilderborn.com/
301 MovedPermanently
https://statamic.com/
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
Не настроен HSTS (Strict-Transport-Security) — рекомендуется включить.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 06.11.2026 14:34:35.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
UTF-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице UTF-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~1,61сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 1,61сек превышает 1 секунду. Желательно улучшить работу сайта!
Объем документа
213Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 213Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 14
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 14 много для одной страницы. Приемлемо до 10. Проведите оптимизацию файлов ресурсов!
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | /flux/flux.css?id='. $versionHash . ' | |
| stylesheet | /css/tailwind.css?id=79194640c381441007dc3159e41f252d | |
| stylesheet | https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap | |
| stylesheet | https://use.typekit.net/ree7jpz.css | |
| js | https://unpkg.com/@alpinejs/ui@3.13.9-beta.0/dist/cdn.min.js | |
| js | https://unpkg.com/@alpinejs/focus@3.13.9/dist/cdn.min.js | |
| js | /cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js | |
| js | https://js.stripe.com/basil/stripe.js | |
| js | /js/app.js?id=130d4f587bd66f840f31f01105c7f932 | |
| js | https://cdn.usefathom.com/script.js | |
| js | https://www.google.com/recaptcha/api.js?onload=vueRecaptchaApiLoaded&render=explicit | |
| js | /livewire/livewire.min.js?id=df3a17f2 | |
| js | /flux/flux.min.js?id=eec83d63 | |
| js | https://cdn.rightclicklogo.com/v1/rcl.js |
Серверные заголовки
Кол-во: 15
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 15шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Date | Sun, 23 Aug 2026 12:31:13 GMT |
| Server | cloudflare |
| Vary | Accept-Encoding |
| Cache-Control | no-store, must-revalidate, no-cache, max-age=0, private |
| permissions-policy | interest-cohort=() |
| X-Powered-By | Statamic |
| Pragma | no-cache |
| Set-Cookie | XSRF-TOKEN=eyJpdiI6IjJ4QXk1WmZsQnY2WUwyd2VGYmkwQ2c9PSIsInZhbHVlIjoiRlNPMWVPTUdiWU04QithZkZheXNnRS9COG13MWxENmY1NDhwZ0YzU050UUhZTmRUdEc1bjY4MWtBdDZISWc5NWIzUWVvMDB1aFRyakI3cEZsRUlnN1lRcDYwb05qVkFzZ0tCa2VxV0t3QnZkMWtlZEVGK3lrVEo4bHhxMHJTSGMiLCJtYWMiOiJjYmU3ZDg1YzkyZDVhOTQ4OTE5OGQwMzg1OTIzZDhhZWFiODljYTMwNjcwMGJkNTM5YWQ3ODk2MTNiNjkyZTc2IiwidGFnIjoiIn0%3D; expires=Tue, 25 Aug 2026 12:31:13 GMT; Max-Age=172800; path=/; domain=.statamic.com; secure; samesite=lax |
| X-Frame-Options | SAMEORIGIN |
| X-XSS-Protection | 1; mode=block |
| X-Content-Type-Options | nosniff |
| report-to | {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=I%2FHPL9AjVJFeS3UpAHJbJuiiU8jUbPFT61mvkU%2BzpALHNiTSxX3KtkvF1IjG2v%2Fvs9sw6MF4ADKIQZx%2FRwRiHlIsa6y4aSe%2FGxLmkmwtx6oveoUJKJONGiDuEZeUMA%3D%3D"}]} |
| nel | {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800} |
| cf-cache-status | DYNAMIC |
| cf-ray | a2fa22076ac69d97-DME |
CMS
Webflow
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
Сайт работает на CMS Webflow.
Веб-сервер
Cloudflare
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере Cloudflare.
Мета-теги Готовность: 50%
Title
Statamic — the answer to your frustrating CMS problems.
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Необходимо уменьшить число символов в title (текущее значение: 55, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Description
Statamic supports your entire team with an award-winning user experience, a kind-hearted community, and all the power of Laravel at your fingertips.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо уменьшить число символов в description (текущее значение: 148, оптимально: от 120 до 130)
Keywords
Statamic, Statamic CMS, CMS, Content, Management, System, Flat File CMS, Flat File Content Management System, WordPress Alternative, PHP CMS, Laravel CMS, Headless CMS, Enterprise CMS
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Keywords установлены.
Канонический Url
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Рекомендуем прописать канонический Url.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
width=device-width, initial-scale=1.0, viewport-fit=cover
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 6
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:type | website |
| og:title | Statamic — the answer to your frustrating CMS problems. |
| og:description | Statamic supports your entire team with an award-winning user experience, a kind-hearted community, and all the power of Laravel at your fingertips. |
| og:site_name | Statamic |
| og:locale | en |
| og:image | https://statamic.com/social-image?page_url=%2F |
Все мета-теги
Кол-во: 17
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 17шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1 |
| name | viewport | width=device-width, initial-scale=1.0, viewport-fit=cover |
| name | description | Statamic supports your entire team with an award-winning user experience, a kind-hearted community, and all the power of Laravel at your fingertips. |
| name | keywords | Statamic, Statamic CMS, CMS, Content, Management, System, Flat File CMS, Flat File Content Management System, WordPress Alternative, PHP CMS, Laravel CMS, Headless CMS, Enterprise CMS |
| name | twitter:card | summary_large_image |
| name | twitter:site | @statamic |
| name | twitter:title | Statamic — the answer to your frustrating CMS problems. |
| name | twitter:description | Statamic supports your entire team with an award-winning user experience, a kind-hearted community, and all the power of Laravel at your fingertips. |
| name | twitter:image | https://statamic.com/social-image?page_url=%2F |
| name | theme-color | #fdf1ef |
| name | theme-color | #191a1b |
| property | og:type | website |
| property | og:title | Statamic — the answer to your frustrating CMS problems. |
| property | og:description | Statamic supports your entire team with an award-winning user experience, a kind-hearted community, and all the power of Laravel at your fingertips. |
| property | og:site_name | Statamic |
| property | og:locale | en |
| property | og:image | https://statamic.com/social-image?page_url=%2F |
Оптимизация Готовность: 82%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют в одном экземпляре).
Контент
Ошибок нет
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 4 встречаются в тексте достаточно.
Абзацев с текстом 41 достаточно.
Среднее число слов в абзаце 10 достаточно.
Кол-во знаков контента 18469 на странице оптимально.
Кол-во слов 1506 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 1. Это прекрасно.
На странице присутствуют заголовки <h2> 5. Это хорошо.
На странице присутствуют заголовки <h3> 13.
Тошнота
5,39
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 5. Измените текст страницы!
Академич. тошнота
91,63%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота превышает норму 5-15%. Измените текст страницы!
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| statamic | 29 | 1,93% |
| {"type":"text" | 12 | 0,80% |
| community | 9 | 0,60% |
| "content":[{"type":"text" | 9 | 0,60% |
| explore | 8 | 0,53% |
| galleries | 8 | 0,53% |
| "updated_by":"e57de76f-ee6a-45b5-911c-7e92dd1905a5" | 8 | 0,53% |
| starter | 7 | 0,46% |
| stories | 7 | 0,46% |
| markdown | 7 | 0,46% |
| velocity | 6 | 0,40% |
| "text":" | 6 | 0,40% |
| addons | 5 | 0,33% |
| partner | 5 | 0,33% |
| document | 5 | 0,33% |
| programming | 5 | 0,33% |
| streamline | 5 | 0,33% |
| https://streamlinehq | 5 | 0,33% |
| portraits | 5 | 0,33% |
| "marks":[{"type":"italic"}] | 5 | 0,33% |
Индексация Готовность: 0%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 103 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Кол-во редиректов для файла robots.txt 3 слишком большое! Это может вызывать затруднение при индексации поисковыми роботами!
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://wilderborn.com/robots.txt
301 MovedPermanently
https://wilderborn.com/robots.txt
301 MovedPermanently
https://statamic.com/
200 OK
Показать содержимое robots.txt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>Statamic — the answer to your frustrating CMS problems.</title>
<meta name="description" content="Statamic supports your entire team with an award-winning user experience, a kind-hearted community, and all the power of Laravel at your fingertips.">
<meta name="keywords" content="Statamic, Statamic CMS, CMS, Content, Management, System, Flat File CMS, Flat File Content Management System, WordPress Alternative, PHP CMS, Laravel CMS, Headless CMS, Enterprise CMS" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Statamic — the answer to your frustrating CMS problems." />
<meta property="og:description" content="Statamic supports your entire team with an award-winning user experience, a kind-hearted community, and all the power of Laravel at your fingertips." />
<meta property="og:site_name" content="Statamic" />
<meta property="og:locale" content="en" />
<meta property="og:image" content="https://statamic.com/social-image?page_url=%2F" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@statamic" />
<meta name="twitter:title" content="Statamic — the answer to your frustrating CMS problems." />
<meta name="twitter:description" content="Statamic supports your entire team with an award-winning user experience, a kind-hearted community, and all the power of Laravel at your fingertips." />
<meta name="twitter:image" content="https://statamic.com/social-image?page_url=%2F" />
<link rel="alternate" type="application/rss+xml" title="Statamic Blog Feed" href="https://statamic.com/blog.rss" />
<meta name="theme-color" content="#fdf1ef" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#191a1b" media="(prefers-color-scheme: dark)">
<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style>
<link rel="stylesheet" href="/flux/flux.css?id='. $versionHash . '"' . $nonce . '>
<script>
let appearance = window.localStorage.getItem('flux.appearance') || 'system'
if (appearance === 'system') {
appearance = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
}
appearance === 'dark' ? document.documentElement.classList.add('dark') : document.documentElement.classList.remove('dark')
</script>
<link rel="stylesheet" href="/css/tailwind.css?id=79194640c381441007dc3159e41f252d">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.typekit.net/ree7jpz.css">
<link rel="icon" href="/img/favicons/squircle/favicon.ico" sizes="32x32">
<link rel="icon" href="/img/favicons/squircle/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/img/favicons/squircle/apple-touch-icon.png">
<script defer src="https://unpkg.com/@alpinejs/ui@3.13.9-beta.0/dist/cdn.min.js"></script>
<script defer src="https://unpkg.com/@alpinejs/focus@3.13.9/dist/cdn.min.js"></script>
<script>
window.Laravel = {"csrfToken":"44k2FLzOpy9lBjbPq0g5ckhsYvhPJIDZnTH5uKJG","currentUser":null,"recaptchaSiteKey":"6LeMDTUUAAAAALSW7wXTMtjbrsRK9OyoZz8Hsvsr","stripeKey":"pk_live_yWbPIsiT8Kob8TRMAGP6p8hR","countries":{"af":"Afghanistan","ax":"\u00c5land Islands","al":"Albania","dz":"Algeria","as":"American Samoa","ad":"Andorra","ao":"Angola","ai":"Anguilla","ag":"Antigua and Barbuda","ar":"Argentina","am":"Armenia","aw":"Aruba","au":"Australia","at":"Austria","az":"Azerbaijan","bs":"Bahamas","bh":"Bahrain","bd":"Bangladesh","bb":"Barbados","by":"Belarus","be":"Belgium","bz":"Belize","bj":"Benin","bm":"Bermuda","bt":"Bhutan","bo":"Bolivia","bq":"Bonaire, Sint Eustatius and Saba","ba":"Bosnia and Herzegovina","bw":"Botswana","br":"Brazil","io":"British Indian Ocean Territory","bn":"Brunei Darussalam","bg":"Bulgaria","bf":"Burkina Faso","bi":"Burundi","cv":"Cabo Verde","kh":"Cambodia","cm":"Cameroon","ca":"Canada","ky":"Cayman Islands","cf":"Central African Republic","td":"Chad","cl":"Chile","cn":"China","cx":"Christmas Island","cc":"Cocos (Keeling) Islands","co":"Colombia","km":"Comoros","cg":"Congo","cd":"Congo, the Democratic Republic of the","ck":"Cook Islands","cr":"Costa Rica","ci":"C\u00f4te d'Ivoire","hr":"Croatia","cu":"Cuba","cw":"Cura\u00e7ao","cy":"Cyprus","cz":"Czech Republic","dk":"Denmark","dj":"Djibouti","dm":"Dominica","do":"Dominican Republic","tl":"East Timor","ec":"Ecuador","eg":"Egypt","sv":"El Salvador","gq":"Equatorial Guinea","er":"Eritrea","ee":"Estonia","sz":"Eswatini","et":"Ethiopia","fk":"Falkland Islands (Malvinas)","fo":"Faroe Islands","fj":"Fiji","fi":"Finland","fr":"France","gf":"French Guiana","pf":"French Polynesia","ga":"Gabon","gm":"Gambia","ge":"Georgia","de":"Germany","gh":"Ghana","gi":"Gibraltar","gr":"Greece","gl":"Greenland","gd":"Grenada","gp":"Guadeloupe","gu":"Guam","gt":"Guatemala","gg":"Guernsey","gn":"Guinea","gw":"Guinea-Bissau","gy":"Guyana","ht":"Haiti","va":"Holy See (Vatican City State)","hn":"Honduras","hk":"Hong Kong","hu":"Hungary","is":"Iceland","in":"India","id":"Indonesia","ir":"Iran","iq":"Iraq","ie":"Ireland","im":"Isle of Man","il":"Israel","it":"Italy","jm":"Jamaica","jp":"Japan","je":"Jersey","jo":"Jordan","kz":"Kazakhstan","ke":"Kenya","ki":"Kiribati","kp":"Korea, Democratic People's Republic of","kr":"Korea, Republic of","kw":"Kuwait","kg":"Kyrgyzstan","la":"Lao People's Democratic Republic","lv":"Latvia","lb":"Lebanon","ls":"Lesotho","lr":"Liberia","ly":"Libya","li":"Liechtenstein","lt":"Lithuania","lu":"Luxembourg","mo":"Macao","mg":"Madagascar","mw":"Malawi","my":"Malaysia","mv":"Maldives","ml":"Mali","mt":"Malta","mh":"Marshall Islands","mq":"Martinique","mr":"Mauritania","mu":"Mauritius","yt":"Mayotte","mx":"Mexico","fm":"Micronesia, Federated States of","md":"Moldova","mc":"Monaco","mn":"Mongolia","me":"Montenegro","ms":"Montserrat","ma":"Morocco","mz":"Mozambique","mm":"Myanmar","na":"Namibia","nr":"Nauru","np":"Nepal","nl":"Netherlands","nc":"New Caledonia","nz":"New Zealand","ni":"Nicaragua","ne":"Niger","ng":"Nigeria","nu":"Niue","nf":"Norfolk Island","mk":"North Macedonia","mp":"Northern Mariana Islands","no":"Norway","om":"Oman","pk":"Pakistan","pw":"Palau","ps":"Palestine, State of","pa":"Panama","pg":"Papua New Guinea","py":"Paraguay","pe":"Peru","ph":"Philippines","pn":"Pitcairn","pl":"Poland","pt":"Portugal","pr":"Puerto Rico","qa":"Qatar","re":"R\u00e9union","ro":"Romania","ru":"Russian Federation","rw":"Rwanda","bl":"Saint Barth\u00e9lemy","sh":"Saint Helena, Ascension and Tristan da Cunha","kn":"Saint Kitts and Nevis","lc":"Saint Lucia","mf":"Saint Martin (French part)","pm":"Saint Pierre and Miquelon","vc":"Saint Vincent and the Grenadines","ws":"Samoa","sm":"San Marino","st":"Sao Tome and Principe","sa":"Saudi Arabia","sn":"Senegal","rs":"Serbia","sc":"Seychelles","sl":"Sierra Leone","sg":"Singapore","sx":"Sint Maarten (Dutch part)","sk":"Slovakia","si":"Slovenia","sb":"Solomon Islands","so":"Somalia","za":"South Africa","ss":"South Sudan","es":"Spain","lk":"Sri Lanka","sd":"Sudan","sr":"Suriname","sj":"Svalbard and Jan Mayen","se":"Sweden","ch":"Switzerland","sy":"Syrian Arab Republic","tw":"Taiwan","tj":"Tajikistan","tz":"Tanzania","th":"Thailand","tg":"Togo","tk":"Tokelau","to":"Tonga","tt":"Trinidad and Tobago","tn":"Tunisia","tr":"Turkey","tm":"Turkmenistan","tc":"Turks and Caicos Islands","tv":"Tuvalu","ug":"Uganda","ua":"Ukraine","ae":"United Arab Emirates","gb":"United Kingdom","us":"United States","um":"United States Minor Outlying Islands","uy":"Uruguay","uz":"Uzbekistan","vu":"Vanuatu","ve":"Venezuela","vn":"Vietnam","vg":"Virgin Islands, British","vi":"Virgin Islands, U.S.","wf":"Wallis and Futuna","eh":"Western Sahara","ye":"Yemen","zm":"Zambia","zw":"Zimbabwe"}};
</script>
</head>
<body class="text-black font-sans font-light" x-data="{ mobile_open: false }" x-bind:class="{'overflow-hidden max-h-screen': mobile_open}" @keyup.escape.stop.prevent="mobile_open = false">
<div id="app" class="language-statamic">
<flash-message
success=""
></flash-message>
<div wire:snapshot="{"data":{"message":""},"memo":{"id":"BiYQC0X1lpGcS8ErnXOW","name":"flash-message","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"e080a98b8ff48f7288a1c3dd5330fd396a95ce2cb60ece0e5cd2a325c93c17c0"}" wire:effects="{"listeners":["flash.message"]}" wire:id="BiYQC0X1lpGcS8ErnXOW">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div> <main id="main" class="">
<nav class=" print:hidden w-full relative z-[var(--z-index-global-header)] px-4 pr-2 md:pr-4 at-top" id="top-nav" ref="top-nav" x-bind:class="{'mobile-open': mobile_open }">
<div class="max-w-6xl 2xl:max-w-7xl flex h-14 md:h-20 items-center mx-auto justify-between print:hidden relative">
<a id="logo" data-rcl-logo aria-label="Go to Homepage" href="/" class="relative flex items-center drop-shadow hover:scale-[1.03] transition hover:drop-shadow-md">
<svg class='w-[154px] md:w-[176px]' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 394.93 72.55">
<path class="mark-outline" fill="#191a1b" d="M72.58,71.55c6.17-.45,8.91-3.42,9.61-10.07.55-5.17.75-7.76,1.02-12.94.32-6.18,3.46-9.74,6.5-11.39.91-.51.91-1.7,0-2.27-3.16-1.89-6.23-5.92-6.51-11.23-.27-5.08-.47-7.62-1.01-12.71-.76-7.16-3.09-9.47-9.26-9.93-18.58-1.07-36.86-1.07-55.45,0-6.17.46-8.5,2.76-9.26,9.93-.54,5.08-.74,7.62-1.01,12.71-.28,5.31-3.35,9.34-6.51,11.23-.91.51-.91,1.76,0,2.27,3.04,1.6,6.17,5.16,6.5,11.39.27,5.17.47,7.76,1.02,12.94.7,6.64,3.44,9.62,9.61,10.07,18.36,1.04,36.42,1.04,54.77,0h0Z"/>
<path class="mark-fill" fill="#d4ff4c" d="M68.43,66.49c5.46-.4,7.89-3.03,8.51-8.91.48-4.58.66-6.87.9-11.45.28-5.47,3.06-8.62,5.75-10.08.81-.45.81-1.5,0-2.01-2.8-1.67-5.51-5.23-5.76-9.94-.24-4.5-.42-6.75-.9-11.24-.67-6.34-2.73-8.38-8.2-8.78-16.31-1.28-32.76-1.13-49.07,0-5.46.4-7.52,2.45-8.2,8.78-.48,4.5-.66,6.75-.9,11.24-.25,4.7-2.96,8.27-5.76,9.94-.81.46-.81,1.55,0,2.01,2.69,1.41,5.46,4.56,5.75,10.08.24,4.58.42,6.87.9,11.45.62,5.88,3.04,8.51,8.51,8.91,16.11,1.11,32.36,1.25,48.47,0h0Z"/>
<path class="mark-letter-fill" d="M30.23,43.33c.6-.78,1.29-1.12,2.07-1.12.86,0,1.73.35,2.59.95,2.76,1.81,5.87,2.85,9.58,2.85,2.85,0,5.09-1.21,5.09-3.62,0-6.3-20.97-2.85-20.97-17,0-7.59,6.21-11.82,14.24-11.82,5.7,0,9.84,1.64,12.95,3.62.78.52,1.29,1.55,1.29,2.59,0,.6-.17,1.21-.52,1.73l-.95,1.38c-.69.95-1.47,1.38-2.42,1.38-.69,0-1.38-.26-2.16-.6-2.33-1.21-4.75-1.81-7.68-1.81s-4.83,1.64-4.83,3.37c0,6.47,20.97,2.93,20.97,16.66,0,7.68-6.21,12.43-15.71,12.43-6.04,0-10.44-1.81-14.5-5.35-.69-.6-.95-1.38-.95-2.16,0-.6.17-1.29.6-1.81l1.29-1.64Z"/>
<path class="word-fill" fill="currentColor" d="M111.84,48.48c.57-.74,1.19-1.02,1.93-1.02s1.64.34,2.38.91c2.55,1.7,5.44,2.66,8.89,2.66,2.66,0,4.76-1.08,4.76-3.4,0-5.83-19.43-2.66-19.43-15.69,0-7.02,5.78-10.99,13.2-10.99,5.27,0,9.12,1.47,12.01,3.4.74.45,1.19,1.42,1.19,2.38,0,.57-.11,1.08-.45,1.64l-.91,1.3c-.62.91-1.36,1.3-2.21,1.3-.62,0-1.3-.28-2.04-.57-2.15-1.08-4.42-1.7-7.08-1.7s-4.47,1.47-4.47,3.12c0,5.95,19.43,2.72,19.43,15.41,0,7.08-5.78,11.5-14.56,11.5-5.61,0-9.69-1.7-13.42-4.93-.62-.57-.91-1.3-.91-2.04,0-.57.11-1.19.57-1.7l1.13-1.59ZM167.46,52.22c.28.4.4.91.4,1.36,0,1.02-.45,2.1-1.36,2.55-2.72,1.64-5.44,2.38-9.01,2.38-8.1,0-11.16-5.27-11.16-14.5V14.78c0-1.64,1.36-3,3-3h3.23c1.64,0,3,1.36,3,3v7.02h8.67c1.64,0,3,1.36,3,3v2.72c0,1.64-1.36,3-3,3h-8.67v13.14c0,3.91,1.3,6.51,4.3,6.51.96,0,1.81-.11,2.55-.4s1.3-.4,1.81-.4c1.02,0,1.81.45,2.49,1.64l.74,1.19h0ZM173.07,47.23c0-7.93,5.83-11.67,13.14-11.67,3.17,0,6.34,1.02,8.1,2.32v-1.08c0-5.27-1.7-8.1-6.68-8.1-2.72,0-4.47.4-6.17.96-.45.11-.96.28-1.42.28-1.19,0-2.15-.57-2.72-1.7l-.45-.96c-.11-.4-.34-.79-.34-1.3,0-1.02.74-2.1,1.7-2.55,3.12-1.42,6.68-2.38,10.37-2.38,10.65,0,14.33,5.44,14.33,14.95v18.92c0,1.64-1.36,3-3,3h-2.1c-1.64,0-3-1.36-3-3v-1.19c-1.93,2.72-5.78,4.59-10.65,4.59-6.4-.06-11.1-4.13-11.1-11.1h0ZM194.31,43.49c-1.64-1.19-3.68-1.76-6.29-1.76-3.06,0-5.78,1.42-5.78,4.47,0,2.72,2.21,4.25,5.15,4.25,3.85,0,5.83-1.7,6.97-3.23v-3.74h-.06ZM232.71,52.22c.28.4.4.91.4,1.36,0,1.02-.45,2.1-1.36,2.55-2.72,1.64-5.44,2.38-9.01,2.38-8.1,0-11.16-5.27-11.16-14.5V14.78c0-1.64,1.36-3,3-3h3.23c1.64,0,3,1.36,3,3v7.02h8.67c1.64,0,3,1.36,3,3v2.72c0,1.64-1.36,3-3,3h-8.67v13.14c0,3.91,1.3,6.51,4.3,6.51.96,0,1.81-.11,2.55-.4s1.3-.4,1.81-.4c1.02,0,1.81.45,2.49,1.64l.74,1.19h0ZM238.32,47.23c0-7.93,5.83-11.67,13.14-11.67,3.17,0,6.34,1.02,8.1,2.32v-1.08c0-5.27-1.7-8.1-6.68-8.1-2.72,0-4.47.4-6.17.96-.45.11-.96.28-1.42.28-1.19,0-2.15-.57-2.72-1.7l-.45-.96c-.11-.4-.34-.79-.34-1.3,0-1.02.74-2.1,1.7-2.55,3.12-1.42,6.68-2.38,10.37-2.38,10.65,0,14.33,5.44,14.33,14.95v18.92c0,1.64-1.36,3-3,3h-2.1c-1.64,0-3-1.36-3-3v-1.19c-1.93,2.72-5.78,4.59-10.65,4.59-6.34-.06-11.1-4.13-11.1-11.1h0ZM259.56,43.49c-1.64-1.19-3.68-1.76-6.29-1.76-3.06,0-5.78,1.42-5.78,4.47,0,2.72,2.21,4.25,5.15,4.25,3.85,0,5.83-1.7,6.97-3.23v-3.74h-.06ZM286.86,25.77c2.55-2.83,6.8-4.59,11.21-4.59,5.49,0,9.18,2.49,10.48,5.78,2.55-3.4,6.57-5.78,12.12-5.78,6.57,0,11.5,3.23,11.5,13.14v20.5c0,1.64-1.36,3-3,3h-3.23c-1.64,0-3-1.36-3-3v-18.18c0-4.47-1.81-6.91-6.17-6.91-3.46,0-6.17,1.7-7.42,4.13,0,.57.06,1.81.06,2.66v18.18c0,1.64-1.36,3-3,3h-3.23c-1.64,0-3-1.36-3-3v-18.69c0-3.79-2.1-6.23-5.95-6.23-3.23,0-5.89,1.42-7.53,3.85v21.18c0,1.64-1.36,3-3,3h-3.23c-1.64,0-3-1.36-3-3v-30.08c0-1.64,1.36-3,3-3h3.23c1.64,0,3,1.36,3,3v1.02s.17,0,.17,0ZM352.96,8.83c0,3.68-2.66,5.78-5.27,5.78-3.12,0-5.78-2.1-5.78-5.78,0-3.23,2.66-5.32,5.78-5.32,2.61,0,5.27,2.1,5.27,5.32ZM349.11,21.8c1.64,0,3,1.36,3,3v30.02c0,1.64-1.36,3-3,3h-3.23c-1.64,0-3-1.36-3-3v-30.08c0-1.64,1.36-3,3-3h3.23v.06ZM387.62,30.98c-2.15-1.02-4.02-1.42-6.34-1.42-5.15,0-10.03,3.91-10.03,10.2s4.93,10.31,10.37,10.31c2.83,0,4.87-.74,6.97-2.1.62-.4,1.3-.62,1.93-.62.96,0,1.81.4,2.49,1.19l1.36,1.7c.4.4.57,1.02.57,1.64,0,.96-.4,2.04-1.08,2.55-4.3,3.46-8.1,4.25-12.57,4.25-11.89,0-19.77-7.53-19.77-18.86,0-10.48,7.65-18.86,18.64-18.86,4.81,0,8.33.79,11.84,2.72.91.45,1.42,1.64,1.42,2.66,0,.45-.06.91-.34,1.3l-1.19,2.1c-.62,1.02-1.64,1.7-2.72,1.7-.45-.11-1.02-.17-1.53-.45h0Z"/>
</svg>
</a>
<div class="flex justify-end">
<button class="lg:hidden mr-2 print:hidden outline-none nav-toggle" x-on:click="mobile_open = ! mobile_open">
<span class="bar" x-bind:class="{'x': mobile_open}"></span>
<span class="bar" x-bind:class="{'x': mobile_open}"></span>
<span class="bar" x-bind:class="{'x': mobile_open}"></span>
</button>
</div>
<div class="lg:flex links px-4 lg:px-0 pb-20 lg:pb-0 print:hidden h-full lg:justify-end flex-1">
<ul class="text-sm flex lg:items-center space-y-1 md:space-y-0">
<li class="group" x-data="{ open: false }" x-on:click="open = ! open" x-on:click.away="open = false">
<button class="nav-item">
<span class="md:flex md:h-full group items-center" x-bind:class="{ 'active': open }">
Developers
<svg class='ml-2' xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewBox="0 0 8 5">
<polygon fill="currentColor" points="4.448 1.248 3.6 .4 0 4 3.6 7.6 4.448 6.752 1.696 4" transform="matrix(0 -1 -1 0 8.4 4.4)"/>
</svg>
</span>
</button>
<div x-bind:class="{ 'sub-nav-item-open': open }" class="sub-nav-item grid right-auto">
<a href="https://statamic.dev">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M1.501 8.348a5.39 5.39 0 01.52-2.448c.193-.398.432-.76.71-1.073.365-.41.986-.207 1.252.274a6.43 6.43 0 001.08 1.438S6.232.5 8.671.5c2.438 0 3.61 6.039 3.61 6.039.482 2.521.249 4.746-1.537 6.171-.599.477-1.362.68-2.123.739-4.589.356-6.985-1.125-7.12-5.101z"/><path d="M9.246 10.55s-.653-2.822-2.012-2.822-2.067 2.821-2.067 2.821c-.27 1.178-.14 2.059.856 2.62.787.441 1.58.441 2.366 0 .997-.561 1.126-1.442.857-2.62z"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Documentation</span>
<p>Learn how to build, maintain, and deploy Statamic sites.</p>
</div>
</a>
<a href="https://youtube.com/statamic" target="_blank">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3.601 1.684a3.524 3.524 0 00-1.935.787c-.52.44-.85 1.017-.935 1.636C.606 5.049.5 6.014.5 7c0 .986.106 1.952.23 2.893.085.62.415 1.196.936 1.636.522.44 1.204.717 1.935.787 1.106.1 2.241.185 3.399.185s2.293-.084 3.4-.185a3.524 3.524 0 001.935-.787c.521-.44.85-1.017.935-1.636.123-.942.23-1.907.23-2.893 0-.986-.106-1.952-.23-2.893-.085-.62-.415-1.196-.936-1.636a3.524 3.524 0 00-1.935-.787c-1.105-.1-2.24-.185-3.399-.185s-2.293.084-3.399.185z"/><path d="M6.39 9.46C7.677 8.786 9.53 7.694 9.53 7S7.676 5.214 6.39 4.54a.918.918 0 00-1.353.743 22.436 22.436 0 000 3.434.918.918 0 001.353.743z"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">YouTube</span>
<p>Watch tutorials and see new feature demos on our YouTube channel.</p>
</div>
</a>
<a href="https://learnstatamic.com" target="_blank">
<svg class='h-5 w-5 mt-1' width="71" height="62" viewBox="0 0 71 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5361 25.1503L31.0642 2.84357e-06L39.6977 0L70.9999 54.2169L66.9364 61.255L19.5094 61.2547L27.1208 48.0713L52.2291 48.0723L35.3921 18.9072L31.7697 25.1503L16.5361 25.1503Z" fill="#1E2639"/>
<path d="M12.258 32.5835L12.2614 32.5835L27.4929 32.5835L10.8776 61.3039L4.34502 61.3038L0 53.778L12.258 32.5835Z" fill="#53B5FF"/>
</svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Laracasts Video Course</span>
<p>Learn how to build Statamic websites with creator Jack McDade.</p>
</div>
</a>
</div>
</li>
<li class="group">
<a class="nav-item " href="/pricing">
<span class="md:flex md:h-full items-center">
Pricing
</span>
</a>
</li>
<li class="group" x-data="{ open: false }" x-on:click="open = ! open" x-on:click.away="open = false">
<button class="nav-item">
<span class="md:flex md:h-full group items-center" x-bind:class="{ 'active': open }">
<span>Product</span>
<svg class='ml-2' xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewBox="0 0 8 5">
<polygon fill="currentColor" points="4.448 1.248 3.6 .4 0 4 3.6 7.6 4.448 6.752 1.696 4" transform="matrix(0 -1 -1 0 8.4 4.4)"/>
</svg>
</span>
</button>
<div x-bind:class="{ 'sub-nav-item-open': open }" class="sub-nav-item grid z-[var(--z-index-global-header)] lg:gap-1 lg:grid-cols-2">
<a href="/blog">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M10.144 10.266c.098-1.08.186-2.208.186-3.266 0-1.476-.171-2.91-.303-4.28-.044-.455-.43-.822-.923-.884-1.183-.15-2.418-.337-3.689-.337s-2.506.188-3.689.337c-.493.062-.878.429-.922.885C.672 4.09.5 5.524.5 7c0 1.196.113 2.364.226 3.493.091.912.865 1.655 1.85 1.78.921.119 1.87.228 2.84.228 1.28 0 2.998-.045 4.258-.116.638-.036 1.276-.08 1.914-.129.96-.073 1.716-.78 1.77-1.664.096-1.618.133-3.353.142-5.05.003-.524-.46-.949-1.03-.949h-2.261"/><path d="M3.442 6.46a.521.521 0 00.468.444c.513.046 1.047.1 1.596.1.549 0 1.083-.054 1.595-.1a.521.521 0 00.469-.444c.053-.369.11-.752.11-1.145s-.057-.776-.11-1.145a.521.521 0 00-.469-.445c-.512-.045-1.046-.1-1.595-.1-.55 0-1.083.055-1.596.1a.521.521 0 00-.468.445c-.053.369-.11.752-.11 1.145s.057.776.11 1.145zM7.313 9.47H3.648"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Blog</span>
<p>The latest news, tips, & tales from StatamicHQ.</p>
</div>
</a>
<a href="/features">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M3.667 3.718c.014-.35.042-.695.074-1.035A2.069 2.069 0 015.568.837C6.037.787 6.514.75 7 .75c.485 0 .963.037 1.431.087.96.101 1.736.885 1.827 1.846.033.34.06.686.074 1.035M2.878 13.003a2.093 2.093 0 01-1.877-1.78C.87 10.305.75 9.358.75 8.391c0-.295.011-.588.03-.878.335.561.926.951 1.605 1.012l.224.02h0c1.418.128 2.887.26 4.391.26s2.973-.132 4.39-.26l.225-.02a2.093 2.093 0 001.605-1.012l.03.878c0 .967-.12 1.914-.25 2.832a2.093 2.093 0 01-1.878 1.78l-.077.007h0c-1.306.118-2.66.24-4.045.24-1.386 0-2.739-.122-4.045-.24h0l-.077-.007z"/><path d="M13.22 7.513A26.079 26.079 0 0013 5.558a2.093 2.093 0 00-1.878-1.78l-.077-.007c-1.306-.118-2.66-.24-4.045-.24-1.386 0-2.739.122-4.045.24l-.077.007a2.093 2.093 0 00-1.877 1.78C.91 6.197.824 6.849.78 7.513c.334.561.925.951 1.604 1.012l.224.02c1.418.128 2.887.26 4.391.26s2.973-.132 4.39-.26l.225-.02a2.093 2.093 0 001.605-1.012zM7.096 7.469v2.812"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Features</span>
<p>Loaded with all the features most sites ever need.</p>
</div>
</a>
<a href="/support">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M7.247 7.159c0-.362.294-.583.812-.93.48-.32.734-.737.62-1.304a1.488 1.488 0 00-1.147-1.148A1.476 1.476 0 005.786 5.21M7.246 9.347v.313"/><path d="M3.056.774C4.41.621 5.896.5 7.26.5c1.363 0 2.85.12 4.206.274a2.006 2.006 0 011.767 1.778c.147 1.348.267 2.833.267 4.188 0 1.356-.12 2.843-.267 4.193a2.003 2.003 0 01-1.767 1.777c-1.355.152-2.843.27-4.206.27-1.189 0-2.471-.09-3.679-.214L.5 13.5l.714-3.285A36.73 36.73 0 011.02 6.74c0-1.355.12-2.84.268-4.188A2.007 2.007 0 013.056.774z"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Support</span>
<p>If you have questions, we'll get you some answers.</p>
</div>
</a>
<a href="/showcase">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.58252 10.25v3.25" stroke-width="1"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.4131 10.25v3.25" stroke-width="1"></path><path id="Vector_3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.5 12.4358c-1.1205 -0.063 -2.193 -0.4797 -3.0658 -1.1912 -0.9748 0.7839 -2.18774 1.2046 -3.43424 1.1912 -1.2465 0.0134 -2.45918 -0.4074 -3.43393 -1.1913 -0.87287 0.7115 -1.94537 1.1283 -3.065849 1.1912" stroke-width="1"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.8532 6.04623c-0.1316 0.95107 -0.9267 1.68996 -1.88332 1.7723C9.0075 7.90136 8.01478 7.98 7 7.98c-1.01478 0 -2.0075 -0.07864 -2.96988 -0.16147 -0.9566 -0.08234 -1.75169 -0.82122 -1.8833 -1.7723C2.06531 5.45718 2 4.854 2 4.24c0 -0.614 0.06531 -1.21718 0.14682 -1.80623 0.13161 -0.95108 0.9267 -1.689962 1.8833 -1.772296C4.9925 0.578644 5.98522 0.5 7 0.5c1.01478 0 2.0075 0.078644 2.96988 0.161474 0.95662 0.082334 1.75172 0.821216 1.88332 1.772296C11.9347 3.02282 12 3.62599 12 4.24c0 0.614 -0.0653 1.21718 -0.1468 1.80623Z" stroke-width="1"></path><path id="Vector_4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.8623 4.08752c-0.64 0 -1 -0.35488 -1 -0.98578 0 -0.63089 0.36 -0.98577 1 -0.98577s1 0.35488 1 0.98577c0 0.6309 -0.36 0.98578 -1 0.98578Z" stroke-width="1"></path><path id="Intersect_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.2994 7.78999c0.7656 -0.06636 1.3945 -0.64918 1.505 -1.39893 0.0004 -0.0029 0.0008 -0.00579 0.0013 -0.00869 -0.7392 -1.22749 -1.7097 -2.31328 -2.80191 -2.31328 -1.54801 0 -2.85157 2.18118 -3.59846 3.85555 0.52474 0.03315 1.05693 0.05529 1.59533 0.05529 1.10861 0 2.1909 -0.09386 3.23604 -0.1845 0.0209 -0.00181 0.0418 -0.00363 0.0627 -0.00544Z" stroke-width="1"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Showcase</span>
<p>Explore a gallery of sites built with Statamic</p>
</div>
</a>
<a href="/release-notes">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M.923 10.552c.166 1.425 1.37 2.557 2.857 2.626 1.029.047 2.08.072 3.22.072 1.14 0 2.19-.025 3.22-.072 1.488-.07 2.691-1.201 2.857-2.626.23-1.98.23-3.666 0-5.645-.166-1.426-1.37-2.557-2.857-2.626A68.837 68.837 0 007 2.208c-1.14 0-2.191.025-3.22.073C2.292 2.35 1.09 3.48.923 4.907c-.23 1.98-.23 3.665 0 5.645zM4.252.75V3.5M9.748.75V3.5"/><path d="M6.632 5.495a.168.168 0 00-.173 0 .112.112 0 00-.026.147c.335.579.503 1.29.401 1.909-.1.611-.88.658-1.13.09a1.68 1.68 0 00-.864 1.512c.045 1.123.769 1.943 2.159 1.943 1.39 0 2.112-.863 2.16-1.943.055-1.295-.864-2.889-2.527-3.658z"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Release Notes</span>
<p>See the latest changes and improvements to Statamic </p>
</div>
</a>
<a href="/roadmap">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M5.844 10.797l-.793-.224a.927.927 0 00-.477 0c-.385.105-.792.25-1.205.396-.174.062-.35.124-.524.184-.09.03-.18.062-.267.093-.304.108-.595.21-.881.265-.12.023-.231-.029-.33-.115-.363-.323-.45-.837-.533-1.324a19.66 19.66 0 01-.029-7.07l.05-.278c.062-.348.129-.7.291-1.016.094-.182.218-.361.364-.43.406-.195.81-.38 1.172-.48C3.26.638 4.201.4 4.812.544l3.519.91A.98.98 0 009 1.393l.09-.044c.455-.218.915-.439 1.32-.55.372-.103.893-.237 1.38-.282.133-.013.253.058.358.163.338.341.426.842.511 1.32l.021.119c.193 1.064.305 2.179.305 3.413"/><path stroke-linecap="round" stroke-linejoin="round" d="M4.746 10.538V.67c0-.042.003-.084.008-.125l3.674.92c.103.025.21.033.315.023V5.5"/><path d="M10.719 7.262a2.717 2.717 0 00-2.71 2.524c-.049.676.103 1.379.53 1.938.506.666 1.022 1.123 1.83 1.66.23.154.532.154.762 0 .808-.537 1.324-.994 1.83-1.66.427-.56.579-1.262.53-1.938a2.717 2.717 0 00-2.71-2.524h-.062z"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.748 10.227c-.239 0-.373-.135-.373-.374 0-.24.134-.375.373-.375M10.752 10.227c.239 0 .373-.135.373-.374 0-.24-.134-.375-.373-.375"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Roadmap</span>
<p>Here's what we're working on and what's coming next.</p>
</div>
</a>
</div>
</li>
<li class="group" x-data="{ open: false }" x-on:click="open = ! open" x-on:click.away="open = false">
<button class="nav-item">
<span class="md:flex md:h-full group items-center" x-bind:class="{ 'active': open }">
Marketplace
<svg class='ml-2' xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewBox="0 0 8 5">
<polygon fill="currentColor" points="4.448 1.248 3.6 .4 0 4 3.6 7.6 4.448 6.752 1.696 4" transform="matrix(0 -1 -1 0 8.4 4.4)"/>
</svg>
</span>
</button>
<div x-bind:class="{ 'sub-nav-item-open': open }" class="sub-nav-item right-auto">
<a href="/marketplace">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M1.501 8.348a5.39 5.39 0 01.52-2.448c.193-.398.432-.76.71-1.073.365-.41.986-.207 1.252.274a6.43 6.43 0 001.08 1.438S6.232.5 8.671.5c2.438 0 3.61 6.039 3.61 6.039.482 2.521.249 4.746-1.537 6.171-.599.477-1.362.68-2.123.739-4.589.356-6.985-1.125-7.12-5.101z"/><path d="M9.246 10.55s-.653-2.822-2.012-2.822-2.067 2.821-2.067 2.821c-.27 1.178-.14 2.059.856 2.62.787.441 1.58.441 2.366 0 .997-.561 1.126-1.442.857-2.62z"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">What's Hot</span>
<p>Check out the latest hotness from the community.</p>
</div>
</a>
<a href="/addons">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M7 .75v1.986h-.54a1.108 1.108 0 100 2.216H7v3.704h.54a1.108 1.108 0 010 2.217H7v2.377"/><path d="M13.25 7h-2.251v-.54a1.108 1.108 0 10-2.217 0V7H5.078v.54a1.108 1.108 0 01-2.216 0V7H.75"/><path d="M.96 10.268a3.132 3.132 0 002.753 2.76c1.07.12 2.167.222 3.287.222s2.218-.102 3.287-.222a3.132 3.132 0 002.753-2.76c.114-1.063.21-2.155.21-3.268s-.096-2.205-.21-3.269a3.132 3.132 0 00-2.753-2.76C9.217.853 8.12.75 7 .75S4.782.852 3.713.972A3.132 3.132 0 00.96 3.732C.846 4.794.75 5.886.75 7s.096 2.205.21 3.268z"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Addons</span>
<p>Extend Statamic's capabilities with the power of addons.</p>
</div>
</a>
<a href="/starter-kits">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M.675 4.62A27.667 27.667 0 00.5 7.498c0 .958.074 1.898.168 2.816a3.398 3.398 0 003 3.01c.925.098 1.871.177 2.834.177.963 0 1.909-.079 2.833-.177a3.398 3.398 0 003.001-3.01c.074-.722.141-1.77.164-2.516M5.382 4.617H.675l.027-.257a3.007 3.007 0 012.643-2.65 37.11 37.11 0 012.796-.194M8.91 2.16c.49-.49.566-.94.922-1.394a.687.687 0 011.086 0c.356.453.432.903.922 1.394.49.49.94.566 1.394.922a.687.687 0 010 1.086c-.454.356-.904.432-1.394.922-.49.49-.566.94-.922 1.394a.687.687 0 01-1.086 0C9.476 6.03 9.4 5.58 8.909 5.09c-.49-.49-.94-.566-1.393-.922a.687.687 0 010-1.086c.453-.356.903-.432 1.393-.922z"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Starter Kits</span>
<p>Jumpstart your next project with starter kits.</p>
</div>
</a>
<a href="/creator/begin">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3.615 7.688L.6 6.021C1.802 3.717 4.168 3.16 5.994 3.666M6.316 10.389l1.667 3.015c2.297-1.203 2.856-3.564 2.354-5.388"/><path d="M3.615 7.678l.026.016a8.184 8.184 0 012.681 2.69v0c2.165-1.296 4.627-2.553 5.75-3.717 2.431-2.43 1.022-5.76 1.022-5.76s-3.33-1.41-5.76 1.02C6.168 3.052 4.901 5.524 3.614 7.679zM3.734 12.66c-.31.299-1.127.582-1.905.799-.8.222-1.51-.488-1.288-1.288.216-.778.5-1.596.799-1.905a1.694 1.694 0 112.394 2.394zM9.86 4.14l.376-.376"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Become a Creator</span>
<p>Share or sell your very own addons & starter kits.</p>
</div>
</a>
</div>
</li>
<li class="group" x-data="{ open: false }" x-on:click="open = ! open" x-on:click.away="open = false">
<button class="nav-item">
<span class="md:flex md:h-full group items-center" x-bind:class="{ 'active': open }">
Partners
<svg class='ml-2' xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewBox="0 0 8 5">
<polygon fill="currentColor" points="4.448 1.248 3.6 .4 0 4 3.6 7.6 4.448 6.752 1.696 4" transform="matrix(0 -1 -1 0 8.4 4.4)"/>
</svg>
</span>
</button>
<div x-bind:class="{ 'sub-nav-item-open': open }" class="sub-nav-item">
<a href="/partners">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M1.875 9.997l.025.462a2.04 2.04 0 001.919 1.919c.499.03.992.052 1.484.067M8.557 1.355c.52.015 1.043.038 1.57.07a2.04 2.04 0 011.92 1.918c.02.344.037.686.05 1.027M3.345 4.286c1.576 0 2.594 1.239 2.594 2.872H.75c0-1.633 1.018-2.872 2.595-2.872zM10.656 10.378c1.576 0 2.594 1.239 2.594 2.872H8.061c0-1.633 1.018-2.872 2.595-2.872zM3.345 4.286c1.131 0 1.768-.636 1.768-1.768C5.113 1.387 4.476.75 3.345.75c-1.132 0-1.769.637-1.769 1.768 0 1.132.637 1.768 1.769 1.768zM10.656 10.378c1.131 0 1.768-.636 1.768-1.768 0-1.131-.637-1.768-1.768-1.768-1.132 0-1.769.637-1.769 1.768 0 1.132.637 1.768 1.769 1.768z"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Partner Directory</span>
<p>Looking to hire a developer or agency? These folks are the best.</p>
</div>
</a>
<a href="/partners/join">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M6.46.5l.426 1.302M9.693.776l-.434 1.3M12.275 2.89l-1.223.618M5.879 4.423a6.776 6.776 0 00-1.507-.409c-1-.138-1.74.783-1.728 1.793l.043 2.949-.386-.468a1.017 1.017 0 00-1.61 1.24l.824 1.147c.332.453.743.842 1.214 1.147l.34.22c.36.066.717.117 1.072.152M12.486 11.834a4.634 4.634 0 01-1.215 1.148c-.937.608-2.415.58-3.694.42a1.78 1.78 0 01-1.55-1.458c-.278-1.667-.186-3.266.277-4.978a2.066 2.066 0 011.079-1.08c.784-.338 1.474-.606 2.245-.713 1-.138 1.74.783 1.728 1.793l-.042 2.949.385-.467a1.017 1.017 0 011.61 1.24l-.823 1.146z"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Become a Partner</span>
<p>Looking to grow the Statamic side of your business? Let us help!</p>
</div>
</a>
</div>
</li>
<li class="group" x-data="{ open: false }" x-on:click="open = ! open" x-on:click.away="open = false">
<button class="nav-item">
<span class="md:flex md:h-full group items-center" x-bind:class="{ 'active': open }">
Community
<svg class='ml-2' xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewBox="0 0 8 5">
<polygon fill="currentColor" points="4.448 1.248 3.6 .4 0 4 3.6 7.6 4.448 6.752 1.696 4" transform="matrix(0 -1 -1 0 8.4 4.4)"/>
</svg>
</span>
</button>
<div x-bind:class="{ 'sub-nav-item-open': open }" class="sub-nav-item">
<a href="/discord">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M4.615 7c-.32 0-.5-.18-.5-.5s.18-.5.5-.5M4.618 7c.32 0 .5-.18.5-.5s-.18-.5-.5-.5M9.383 7c-.32 0-.5-.18-.5-.5s.18-.5.5-.5M9.386 7c.32 0 .5-.18.5-.5s-.18-.5-.5-.5"/><path d="M4.58 11.655a.873.873 0 01-1.012.286 6.979 6.979 0 01-2.115-1.253A2.73 2.73 0 01.51 8.376c.173-1.982.704-3.982 1.433-5.453a.94.94 0 01.575-.474c.124-.038.24-.076.353-.112.657-.212 1.156-.373 2.095-.33.282.013.539.16.712.384.449-.03.904-.048 1.364-.048.432 0 .86.017 1.284.043a.962.962 0 01.708-.379c.939-.043 1.438.118 2.095.33l.353.112a.94.94 0 01.575.474c.73 1.47 1.26 3.47 1.433 5.453a2.731 2.731 0 01-.943 2.312 6.98 6.98 0 01-2.115 1.253.873.873 0 01-1.011-.287c-.345-.45-.642-.898-.892-1.35-.49.035-.986.057-1.487.057-.53 0-1.053-.025-1.568-.063-.25.455-.549.905-.895 1.356zM4.105 10.093c.786.337 4.692.379 5.499 0"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Discord Chat</span>
<p>Chat with the community in real time on our Discord server.</p>
</div>
</a>
<a href="/events">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M.923 10.552c.166 1.425 1.37 2.557 2.857 2.626 1.029.047 2.08.072 3.22.072 1.14 0 2.19-.025 3.22-.072 1.488-.07 2.691-1.201 2.857-2.626.23-1.98.23-3.666 0-5.645-.166-1.426-1.37-2.557-2.857-2.626A68.837 68.837 0 007 2.208c-1.14 0-2.191.025-3.22.073C2.292 2.35 1.09 3.48.923 4.907c-.23 1.98-.23 3.665 0 5.645zM4.252.75V3.5M9.748.75V3.5"/><path d="M6.998 6.757c-1.329-1.482-2.731-.429-2.75.706 0 1.69 2.224 3.077 2.75 3.077.526 0 2.75-1.387 2.75-3.077-.018-1.135-1.421-2.188-2.75-.706z"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Community Events</span>
<p>Meetup groups, conferences, and other gatherings.</p>
</div>
</a>
<a href="/stories">
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M7.215 4.918c-1.449-1.778-2.979-.514-2.999.848 0 2.027 2.426 3.691 3 3.691.573 0 2.999-1.664 2.999-3.691-.02-1.362-1.55-2.626-3-.848z"/><path d="M3.056.774C4.41.621 5.896.5 7.26.5c1.363 0 2.85.12 4.206.274a2.006 2.006 0 011.767 1.778c.147 1.348.267 2.833.267 4.188 0 1.356-.12 2.843-.267 4.193a2.003 2.003 0 01-1.767 1.777c-1.355.152-2.843.27-4.206.27-1.189 0-2.471-.09-3.679-.214L.5 13.5l.714-3.285A36.73 36.73 0 011.02 6.74c0-1.355.12-2.84.268-4.188A2.007 2.007 0 013.056.774z"/></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Customer Stories</span>
<p>See how other folks feel about working with Statamic</p>
</div>
</a>
<a href="https://twitter.com/statamic">
<svg class='h-5 w-5 mt-1' width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="currentColor"/>
</svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Twitter/X</span>
<p>Connect with <code>#statamic</code> on the Twitterverse.</p>
</div>
</a>
</div>
</li>
<li x-data="{ open: false }" x-on:click="open = ! open" x-on:click.away="open = false">
<button class="nav-item pr-0" aria-label="Account Nav">
<svg class='h-6 h-6 hidden md:block mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.7 -0.7 14 14"><path fill="currentColor" d="M6.004.599a.675.675 0 0 1-.594.747 5.4 5.4 0 0 0-1.67.444.675.675 0 0 1-.565-1.225 6.8 6.8 0 0 1 2.082-.56.675.675 0 0 1 .747.594m.939.015a.675.675 0 0 1 .774-.558c1.527.247 2.77.92 3.624 2.013.848 1.087 1.26 2.522 1.26 4.205 0 1.931-.544 3.536-1.66 4.658-1.117 1.122-2.716 1.668-4.64 1.668-2.195 0-3.962-.711-5.07-2.158a.675.675 0 0 1 1.072-.82c.783 1.022 2.094 1.628 3.997 1.628 1.675 0 2.888-.471 3.684-1.27.796-.8 1.266-2.021 1.266-3.706 0-1.47-.358-2.586-.973-3.375-.61-.781-1.525-1.308-2.776-1.51a.675.675 0 0 1-.558-.775M.675 5.6c.373 0 .675.302.675.675 0 .618.064 1.176.184 1.672a.675.675 0 0 1-1.313.317A8.5 8.5 0 0 1 0 6.273C0 5.902.302 5.6.675 5.6m1.524-2.53a.675.675 0 0 0-1.067-.826 4.7 4.7 0 0 0-.816 1.688.675.675 0 1 0 1.304.348c.128-.481.326-.882.58-1.21m4.1 2.831c1.038 0 1.622-.584 1.622-1.622S7.338 2.657 6.3 2.657s-1.622.584-1.622 1.622.584 1.622 1.622 1.622m0 .62a3.125 3.125 0 0 0-2.894 1.946.578.578 0 0 0 .508.803c.77.086 1.569.16 2.386.16s1.615-.074 2.385-.16l.055-.006a.578.578 0 0 0 .454-.797A3.125 3.125 0 0 0 6.3 6.52"/></svg>
</button>
<ul x-bind:class="{ 'sub-nav-item-open': open }" class="sub-nav-item px-2 md:space-y-2">
<li><a href="/sign-in">Sign In</a></li>
<li><a href="/sign-up">Create Account</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<article class="">
<section class="pb-24 marketing-content">
<div class="bg-[#FDF1EF] bg-gradient-sunset relative z-1 -mt-20 overflow-hidden">
<div class="relative w-full h-full bg-cover pt-12 px-4 md:px-0 md:pt-32">
<div class="w-full relative z-10 text-center pt-24 pb-72">
<div class="max-w-5xl mx-auto">
<h1 class="mb-12">Build sites you’re proud of, with a CMS you <em class="italic">actually</em> like.</h1>
<p class="font-serif font-thin leading-normal text-2xl text-balance antialiased">Statamic supports your entire team with an <strong class="font-bold">award-winning user experience</strong>, a kind-hearted community, and all the power of Laravel at your fingertips.</p>
<div class="flex items-center justify-center space-x-4 md:space-x-8 pt-8">
<a href="/pricing" class="btn-black-lg">Get Pro Now</a>
<a href="https://demo.statamic.com/cp" target="_blank" class="btn-hollow-lg">Try the Demo</a>
</div>
<p class="text-center mt-8 text-sm">If you’re a developer, why not <a href="https://statamic.dev/installing" class="font-semibold underline">install locally</a>?</p>
</div>
</div>
</div>
<img src="/img/branding/floating-island.webp" width="60" height="93" class="absolute right-20 top-56 delay-1000 animate-float-sm" alt="">
<img src="/img/branding/floating-island.webp" width="124" height="192" class="absolute -left-20 sm:-left-12 top-104 animate-float-md" alt="">
<img src="/img/branding/floating-island-big.webp" width="273" height="422" class="absolute -right-52 sm:-right-28 bottom-12 animate-float-lg" alt="">
<img src="/img/branding/clouds-1.webp" width="305" height="170" class="absolute -right-20 top-28" alt="">
<img src="/img/branding/clouds-2.webp" width="528" height="328" class="absolute -left-28 top-[31rem]" alt="">
</div>
<div class="bg-paper-tear-sm flip-y relative z-10 -mt-[106px]"></div>
<div class="relative wrapper z-10">
<picture>
<source media="(min-width: 768px)"
srcset="/glide-img/img/branding/screenshot-cp-v6.webp?w=768&dpr=2&fm=webp&s=3ef0334782dfb25ad8aebb30c5fc08a9 1536w,
/glide-img/img/branding/screenshot-cp-v6.webp?w=1024&dpr=2&fm=webp&s=1d0a2843457169fa29181050147d3896 2048w,
/glide-img/img/branding/screenshot-cp-v6.webp?w=1680&dpr=2&fm=webp&s=eeae309f48ef370661928350f6b4f611 3360w"
type="image/webp"
sizes="(min-width: 1300px) 80vw, 100vw"
/>
<source
srcset="/glide-img/img/branding/screenshot-cp-v6-tablet.webp?w=375&dpr=2&fm=webp&s=5efcd8d565a0d77a7c99875157809509 750w,
/glide-img/img/branding/screenshot-cp-v6-tablet.webp?w=500&dpr=2&fm=webp&s=409d2f1aed61e736e26bd854fe1fefd8 1000w,
/glide-img/img/branding/screenshot-cp-v6-tablet.webp?w=760&dpr=2&fm=webp&s=47895f80d4cf7208c4f2d697557e5145 1520w"
type="image/webp"
sizes="100vw"
/>
<img
src="/glide-img/img/branding/screenshot-cp-v6.webp?w=375&dpr=2&s=bb5e1c24170eac5109f741feb92ea2df"
decoding="async"
fetchpriority="high"
width="3324"
height="2270"
class="rounded-lg ring-1 ring-quicksand/60 shadow-lg-purple relative -mt-64"
alt="The Statamic Control Panel"
>
</picture>
<button
class="absolute active:translate-y-1 -top-[5.5rem] xl:w-[281px] xl:-top-36 right-20 w-[180px]"
x-data="{
clips: JSON.parse('[\u0022\\\/audio\\\/pronunciation-club.mp3\u0022,\u0022\\\/audio\\\/pronunciation-elevator.mp3\u0022,\u0022\\\/audio\\\/pronunciation-guac.mp3\u0022,\u0022\\\/audio\\\/pronunciation-made-up.mp3\u0022,\u0022\\\/audio\\\/pronunciation-use-it.mp3\u0022]'),
currentClipIndex: 0,
audioElement: null,
init() {
this.clips = this.shuffleArray(this.clips);
this.audioElement = new Audio();
},
shuffleArray(array) {
for (let i = array.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[array[i], array[j]] = [array[j], array[i]];
}
return array;
},
play() {
this.audioElement.pause();
this.audioElement.currentTime = 0;
this.audioElement.src = this.clips[this.currentClipIndex];
this.audioElement.play();
this.increment();
},
increment() {
this.currentClipIndex++;
if (!this.clips[this.currentClipIndex]) {
this.currentClipIndex = 0;
}
}
}"
x-on:click="play"
>
<div class="group">
<img src="/img/branding/toucan.webp" alt="It's a toucan." width="281" class="hidden md:block drop-shadow-coral-dark">
<img src="/img/branding/pronunciation-callout.webp" alt="Statamic = Static + Dynamic" width="249" class="hidden md:block opacity-0 transition-all translate-y-2 group-hover:opacity-100 group-hover:translate-y-0 drop-shadow-md/90 rotate-7 absolute -top-16 -right-16">
</div>
</button>
</div>
</section>
<section class="marketing-content md:pb-24">
<p class="mx-auto max-w-[40ch] px-4 text-center text-2xl font-serif font-light tracking-tighter text-[#4E5154] text-pretty md:px-0">
Powering websites from next-gen startups and global newsrooms to personal blogs and portfolios.
</p>
<div
class="relative mt-16 overflow-hidden border-y border-black/5 [mask-image:linear-gradient(to_right,transparent,black_6%,black_94%,transparent)]"
x-data="{
hovering: false,
reduceMotion: false,
speed: 0.45,
velocity: 0.45,
left: 0,
right: 0,
leftWidth: 0,
rightWidth: 0,
raf: null,
init() {
this.reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
this.$nextTick(() => {
this.leftWidth = this.$refs.left.scrollWidth / 2;
this.rightWidth = this.$refs.right.scrollWidth / 2;
this.right = -this.rightWidth;
if (! this.reduceMotion) this.loop();
});
},
destroy() {
if (this.raf) cancelAnimationFrame(this.raf);
},
loop() {
const target = this.hovering ? 0 : this.speed;
this.velocity += (target - this.velocity) * 0.06;
if (Math.abs(this.velocity) > 0.01) {
this.left -= this.velocity;
this.right += this.velocity;
if (this.left <= -this.leftWidth) this.left += this.leftWidth;
if (this.right >= 0) this.right -= this.rightWidth;
} else if (! this.hovering) {
this.velocity = this.speed;
}
this.$refs.left.style.transform = `translate3d(${this.left}px, 0, 0)`;
this.$refs.right.style.transform = `translate3d(${this.right}px, 0, 0)`;
this.raf = requestAnimationFrame(() => this.loop());
},
}"
x-on:mouseenter="hovering = true"
x-on:mouseleave="hovering = false"
>
<div class="relative flex flex-col divide-y divide-black/5">
<div x-ref="left" class="flex w-max will-change-transform">
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/honda.svg"
alt="Honda uses Statamic"
loading="lazy"
class="h-[2.5875rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/laravel.svg"
alt="Laravel uses Statamic"
loading="lazy"
class="h-[2.0125rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/spiegel.svg"
alt="Der Spiegel uses Statamic"
loading="lazy"
class="h-[1.15rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/fox.svg"
alt="Fox uses Statamic"
loading="lazy"
class="h-[3rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/opentable.svg"
alt="OpenTable uses Statamic"
loading="lazy"
class="h-[2.5rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/tv2.svg"
alt="TV2 uses Statamic"
loading="lazy"
class="h-[2.5875rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/ikea.svg"
alt="IKEA uses Statamic"
loading="lazy"
class="h-[2.75rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/forbes.svg"
alt="Forbes uses Statamic"
loading="lazy"
class="h-[2.0125rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/kruidvat.svg"
alt="Kruidvat uses Statamic"
loading="lazy"
class="h-[2.0125rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/procreate.svg"
alt="Procreate uses Statamic"
loading="lazy"
class="h-[9rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/honda.svg"
alt="Honda uses Statamic"
loading="lazy"
class="h-[2.5875rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/laravel.svg"
alt="Laravel uses Statamic"
loading="lazy"
class="h-[2.0125rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/spiegel.svg"
alt="Der Spiegel uses Statamic"
loading="lazy"
class="h-[1.15rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/fox.svg"
alt="Fox uses Statamic"
loading="lazy"
class="h-[3rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/opentable.svg"
alt="OpenTable uses Statamic"
loading="lazy"
class="h-[2.5rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/tv2.svg"
alt="TV2 uses Statamic"
loading="lazy"
class="h-[2.5875rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/ikea.svg"
alt="IKEA uses Statamic"
loading="lazy"
class="h-[2.75rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/forbes.svg"
alt="Forbes uses Statamic"
loading="lazy"
class="h-[2.0125rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/kruidvat.svg"
alt="Kruidvat uses Statamic"
loading="lazy"
class="h-[2.0125rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/procreate.svg"
alt="Procreate uses Statamic"
loading="lazy"
class="h-[9rem] w-auto max-w-none object-contain"
>
</div>
</div>
<div x-ref="right" class="flex w-max will-change-transform">
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/duo.png"
alt="Cisco Duo uses Statamic"
loading="lazy"
class="h-[2.0125rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/porsche.svg"
alt="Porsche uses Statamic"
loading="lazy"
class="h-[3.25rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/polestar.svg"
alt="Polestar uses Statamic"
loading="lazy"
class="h-[2.3rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/stanford.webp"
alt="Stanford uses Statamic"
loading="lazy"
class="h-[3rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/puma.svg"
alt="PUMA uses Statamic"
loading="lazy"
class="h-[2.5875rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/guardian.svg"
alt="The Guardian uses Statamic"
loading="lazy"
class="h-[5rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/mercedes.svg"
alt="Mercedes-Benz uses Statamic"
loading="lazy"
class="h-[2.75rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/mailcoach.svg"
alt="Mailcoach uses Statamic"
loading="lazy"
class="h-[2.3rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/lexus.svg"
alt="Lexus uses Statamic"
loading="lazy"
class="h-[1.725rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/freshbooks.svg"
alt="Freshbooks uses Statamic"
loading="lazy"
class="h-[2.5rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/duo.png"
alt="Cisco Duo uses Statamic"
loading="lazy"
class="h-[2.0125rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/porsche.svg"
alt="Porsche uses Statamic"
loading="lazy"
class="h-[3.25rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/polestar.svg"
alt="Polestar uses Statamic"
loading="lazy"
class="h-[2.3rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/stanford.webp"
alt="Stanford uses Statamic"
loading="lazy"
class="h-[3rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/puma.svg"
alt="PUMA uses Statamic"
loading="lazy"
class="h-[2.5875rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/guardian.svg"
alt="The Guardian uses Statamic"
loading="lazy"
class="h-[5rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/mercedes.svg"
alt="Mercedes-Benz uses Statamic"
loading="lazy"
class="h-[2.75rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/mailcoach.svg"
alt="Mailcoach uses Statamic"
loading="lazy"
class="h-[2.3rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/lexus.svg"
alt="Lexus uses Statamic"
loading="lazy"
class="h-[1.725rem] w-auto max-w-none object-contain"
>
</div>
<div class="flex h-[4.6rem] shrink-0 items-center border-r border-black/5 px-10 md:h-[5.75rem] md:px-12">
<img
src="/img/customers/freshbooks.svg"
alt="Freshbooks uses Statamic"
loading="lazy"
class="h-[2.5rem] w-auto max-w-none object-contain"
>
</div>
</div>
</div>
</div>
</section>
<section class="marketing-content bg-gradient-purple-darker py-52 relative">
<header class="text-center max-w-5xl mx-auto relative z-[2]">
<h2 class="text-balance">Enjoy a control panel designed to <strong>adapt to you</strong></h2>
</header>
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-8 max-w-lg lg:max-w-7xl px-4 mx-auto 2xl:max-w-8xl mt-12 relative z-[2]">
<div class="bg-white shadow-lg-soft ring-1 ring-tan-darker/10 rounded-2xl text-center relative h-[480px] overflow-hidden grid">
<div class="px-8 py-12 pb-10">
<h3 class="text-3xl mb-3 font-serif font-normal">Customize Everything</h3>
<p class="text-balance leading-tight m-0 text-neutral-600">Feel right at home with an admin area that adapts to your users.</p>
</div>
<picture>
<source
srcset="/img/content/screenshots/home-cp-v6.webp"
type="image/webp"
>
<img
src="/img/content/screenshots/home-cp-v6.webp"
loading="lazy"
decoding="async"
width="1000"
height="854"
class="w-full rounded-lg max-w-none shadow-lg-sand"
alt="An intuitive control panel with various customizations like different collections such as Galleries, Pages, and Blog."
>
</picture>
</div>
<div class="bg-white shadow-lg-soft ring-1 ring-tan-darker/10 rounded-2xl text-center relative h-[480px] overflow-hidden grid">
<div class="px-8 py-12 pb-10">
<h3 class="text-3xl mb-3 font-serif font-normal">Powerful Blueprints</h3>
<p class="text-balance leading-tight m-0 text-neutral-600">Organize fields to structure your content, forms, and other data types.</p>
</div>
<picture>
<source
srcset="/img/content/screenshots/home-blueprints-v6.webp"
type="image/webp"
>
<img
src="/img/content/screenshots/home-blueprints-v6.webp"
loading="lazy"
decoding="async"
width="1000"
height="834"
class="max-w-none w-full shadow-lg-sand ring-1 ring-tan-darker/20"
alt="a Blueprint area showing the organization of fields. Fields are at different widths and different data types."
>
</picture>
</div>
<div class="bg-white shadow-lg-soft ring-1 ring-tan-darker/10 px-8 py-12 rounded-2xl text-center relative h-[480px] overflow-hidden">
<h3 class="text-3xl mb-3 font-serif font-normal">40+ Fieldtypes</h3>
<p class="text-balance leading-tight m-0 text-neutral-600">Always the right interface for the job, from block editors to toggle switches.</p>
<div class="flex flex-wrap justify-center gap-3 mt-10 -rotate-[10deg] absolute w-[600px] -left-16 top-[160px]">
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/assets.svg" class="size-4 opacity-45 dark:invert" alt="Assets icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Assets</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/bard.svg" class="size-4 opacity-45 dark:invert" alt="Bard icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Bard</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/button_group.svg" class="size-4 opacity-45 dark:invert" alt="Button Group icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Button Group</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/checkboxes.svg" class="size-4 opacity-45 dark:invert" alt="Checkboxes icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Checkboxes</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/code.svg" class="size-4 opacity-45 dark:invert" alt="Code icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Code</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/color.svg" class="size-4 opacity-45 dark:invert" alt="Color icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Color</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/date.svg" class="size-4 opacity-45 dark:invert" alt="Date icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Date</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/entries.svg" class="size-4 opacity-45 dark:invert" alt="Entries icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Entries</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/integer.svg" class="size-4 opacity-45 dark:invert" alt="Integer icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Integer</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/link.svg" class="size-4 opacity-45 dark:invert" alt="Link icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Link</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/list.svg" class="size-4 opacity-45 dark:invert" alt="List icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">List</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/markdown.svg" class="size-4 opacity-45 dark:invert" alt="Markdown icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Markdown</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/radio.svg" class="size-4 opacity-45 dark:invert" alt="Radio icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Radio</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/range.svg" class="size-4 opacity-45 dark:invert" alt="Range icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Range</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/replicator.svg" class="size-4 opacity-45 dark:invert" alt="Replicator icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Replicator</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/revealer.svg" class="size-4 opacity-45 dark:invert" alt="Revealer icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Revealer</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/select.svg" class="size-4 opacity-45 dark:invert" alt="Select icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Select</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/sites.svg" class="size-4 opacity-45 dark:invert" alt="Sites icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Sites</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/slug.svg" class="size-4 opacity-45 dark:invert" alt="Slug icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Slug</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/structures.svg" class="size-4 opacity-45 dark:invert" alt="Structures icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Structures</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/table.svg" class="size-4 opacity-45 dark:invert" alt="Table icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Table</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/taxonomy.svg" class="size-4 opacity-45 dark:invert" alt="Taxonomy icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Taxonomy</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/template.svg" class="size-4 opacity-45 dark:invert" alt="Template icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Template</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/text.svg" class="size-4 opacity-45 dark:invert" alt="Text icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Text</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/time.svg" class="size-4 opacity-45 dark:invert" alt="Time icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Time</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/toggle.svg" class="size-4 opacity-45 dark:invert" alt="Toggle icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Toggle</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/users.svg" class="size-4 opacity-45 dark:invert" alt="Users icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Users</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/video.svg" class="size-4 opacity-45 dark:invert" alt="Video icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">Video</div>
</div>
<div class="flex items-center h-9 overflow-hidden bg-white dark:bg-zinc-850 shadow-ui-sm rounded-xl border border-zinc-300 dark:border-x-0 dark:border-b-0 dark:border-zinc-700">
<div class="px-2.5 pr-1.5 h-full flex items-center dark:bg-zinc-850">
<img src="/img/icons/fieldtypes/yaml.svg" class="size-4 opacity-45 dark:invert" alt="YAML icon" />
</div>
<div class="pl-0.5 pr-3 text-zinc-700 dark:text-zinc-300">YAML</div>
</div>
</div>
</div>
<div class="bg-white shadow-lg-soft ring-1 ring-tan-darker/10 rounded-2xl text-center relative h-[480px] overflow-hidden grid">
<div class="px-8 py-12 pb-10">
<h3 class="text-3xl mb-3 font-serif font-normal">Block-based Editing</h3>
<p class="text-balance leading-tight m-0 text-neutral-600">Bard is an infinitely powerful block-based editor, with fly-out previews.</p>
</div>
<picture>
<source
srcset="/img/content/screenshots/home-cp-blocks.webp"
type="image/webp"
>
<img
src="/img/content/screenshots/home-cp-blocks.webp"
loading="lazy"
decoding="async"
width="1000"
height="1141"
class="w-full rounded-lg max-w-none shadow-lg-sand"
alt="Sets offer a powerful block-based editing experience, with fly-out previews. A 'search set' panel is shown, with a fly-out preview of a newsletter."
>
</picture>
</div>
<div class="bg-white shadow-lg-soft ring-1 ring-tan-darker/10 rounded-2xl text-center relative h-[480px] overflow-hidden grid">
<div class="px-8 py-12 pb-10">
<h3 class="text-3xl mb-3 font-serif font-normal">Live Preview</h3>
<p class="text-balance leading-tight m-0 text-neutral-600">See your content changes come to life without ever leaving the control panel.</p>
</div>
<picture>
<source media="(width >= 1280px) and (width <= 1535px)"
srcset="/img/content/screenshots/home-live-preview-v6-longer.webp"
type="image/webp"
>
<source
srcset="/img/content/screenshots/home-live-preview-v6.webp"
type="image/webp"
>
<img
src="/img/content/screenshots/home-live-preview-v6.webp"
loading="lazy"
decoding="async"
width="1000"
height="727"
class="w-full rounded-md max-w-none shadow-lg-sand ring-1 ring-tan-darker/10 relative left-8"
alt="Live Preview in action, showing a page with a live preview of the content. The live preview is an interesting type-based design with a large heading."
>
</picture>
</div>
<div class="bg-white shadow-lg-soft ring-1 ring-tan-darker/10 rounded-2xl text-center relative h-[480px] overflow-hidden grid">
<div class="px-8 py-12 pb-10">
<h3 class="text-3xl mb-3 font-serif font-normal">Multi-Site</h3>
<p class="text-balance leading-tight m-0 text-neutral-600">Build sites that span multiple languages, domains, or sub-brands.</p>
</div>
<picture class="px-8">
<source
srcset="/img/content/screenshots/home-multisite-v6.webp"
type="image/webp"
>
<img
src="/img/content/screenshots/home-multisite-v6.webp"
loading="lazy"
decoding="async"
width="1000"
height="1144"
class="w-full rounded-xl max-w-none shadow-lg-sand ring-1 ring-tan-darker/10"
alt="Multi-Site in action, showing a dropdown menu for the different locales. Some are not yet active, others are active and have a green dot next to them."
>
</picture>
</div>
</div>
<div class="relative z-[2] flex items-center justify-center space-x-8 mt-15"><a href="/features" class="btn-black-lg">Explore More Features</a></div>
<div class="absolute top-0 left-0 w-full h-full bg-cover" style="background: url('/img/branding/grid-lines.svg') repeat"></div>
<div class="bg-paper-tear-sm -top-[2px] absolute"></div>
<div class="bg-paper-tear-sm -bottom-[2px] absolute flip-y"></div>
</section>
<section class="marketing-content py-24 relative flex items-center justify-center w-full overflow-hidden" v-pre>
<ui-tab-group class="block" data-flux-tab-group>
<header class="text-center max-w-5xl">
<h2 class="text-balance">From flat file to database, <strong>Statamic scales</strong> with you</h2>
<ui-tabs class="block inline-flex p-1 rounded-xl bg-tan-light shadow-inner-tan md:rounded-2xl h-12 p-1 md:h-14" wire:model="tab" data-flux-tabs>
<button type="button" class="group flex whitespace-nowrap flex-1 justify-center items-center gap-2 rounded-lg md:rounded-xl data-[selected]:shadow-sm text-sm font-normal text-tan-dark md:text-lg hover:text-tan-darker data-[selected]:text-black data-[selected]:bg-white [&[disabled]]:opacity-50 [&[disabled]]:cursor-default [&[disabled]]:pointer-events-none px-4 md:px-6" data-flux-tab="data-flux-tab" name="flat-file">
<svg class="shrink-0 [:where(&)]:size-6 !size-5 text-tan-dark group-data-[selected]:text-purple" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M5.423.666C3.96.597 3.068.616 1.889.702c-.81.06-1.412.714-1.497 1.484C.05 5.27-.066 7.653.294 10.78a2.77 2.77 0 0 0 .592 1.425c.46.572 1.134.946 1.878 1.03 2.01.228 5.562.13 7.443.055a2.52 2.52 0 0 0 2.297-1.68l.131-.377c.417-1.195.977-2.803 1.265-4.383.156-.852-.42-1.579-1.187-1.757v-.907c0-.898-.738-1.604-1.623-1.604H7.417a.37.37 0 0 1-.336-.242l-.216-.606A1.612 1.612 0 0 0 5.423.666ZM2.905 11.993a1.574 1.574 0 0 1-.783-.315l2.106-4.617.002-.004c.196-.44.618-.741 1.106-.778.89-.069 2.135-.146 3.192-.146 1.188 0 2.807.097 3.847.17.224.015.32.19.296.322-.27 1.478-.797 2.993-1.217 4.199-.045.13-.09.255-.131.376a1.27 1.27 0 0 1-1.166.84c-1.903.076-5.355.168-7.252-.047l-.07.621.07-.62Z" clip-rule="evenodd"/></svg>
Flat file mode
</button>
<button type="button" class="group flex whitespace-nowrap flex-1 justify-center items-center gap-2 rounded-lg md:rounded-xl data-[selected]:shadow-sm text-sm font-normal text-tan-dark md:text-lg hover:text-tan-darker data-[selected]:text-black data-[selected]:bg-white [&[disabled]]:opacity-50 [&[disabled]]:cursor-default [&[disabled]]:pointer-events-none px-4 md:px-6" data-flux-tab="data-flux-tab" name="database">
<svg class="shrink-0 [:where(&)]:size-6 !size-5 text-tan-dark group-data-[selected]:text-purple" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M1.428 5.5A22.63 22.63 0 0 0 1.375 7c0 .373.011.744.03 1.114h2.952V5.5H1.428Zm4.18 0v2.614h6.987c.019-.37.03-.741.03-1.114 0-.503-.02-1.003-.053-1.5H5.607Zm0 3.864h6.895c-.026.28-.055.56-.084.838a2.507 2.507 0 0 1-2.2 2.205c-1.065.119-2.135.218-3.219.218a21.2 21.2 0 0 1-1.393-.049V9.364Zm-4.11 0h2.86v3.105c-.193-.02-.384-.04-.576-.062a2.507 2.507 0 0 1-2.2-2.205c-.03-.279-.059-.558-.085-.838Zm3.42 4.413a49.414 49.414 0 0 1-1.275-.127 3.757 3.757 0 0 1-3.305-3.315C.224 9.265.125 8.147.125 7c0-1.147.099-2.266.213-3.335A3.757 3.757 0 0 1 3.643.35C4.718.23 5.845.125 7 .125s2.282.106 3.357.225a3.757 3.757 0 0 1 3.305 3.315c.114 1.07.213 2.188.213 3.335 0 1.147-.099 2.266-.213 3.335a3.757 3.757 0 0 1-3.305 3.314c-1.075.12-2.202.226-3.357.226a24.353 24.353 0 0 1-2.082-.098Z" clip-rule="evenodd"/></svg>
Database mode
</button>
</ui-tabs>
</header>
<div class="hidden data-[selected]:block pt-8" name="flat-file" data-flux-tab-panel>
<div class="flex items-center justify-center relative py-4 md:py-12 px-4 mx-2">
<div class="pt-4 grid grid-cols-1 md:grid-cols-3 bg-gradient-to-t from-tan-light to-tan-light/75 ring-1 ring-tan-darker/10 rounded-2xl relative overflow-hidden w-full max-w-4xl md:aspect-[2/1] shadow-lg-soft">
<div class="relative pl-4 h-40 md:pt-4 md:h-auto">
<ul class="font-light text-tan-darker text-sm/7 md:text-xl/10">
<li>
<div class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-8" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m16.354 10.354-4 4a.498.498 0 0 1-.708 0l-4-4a.5.5 0 0 1 .707-.707l3.646 3.646 3.646-3.646a.5.5 0 0 1 .709.707Z" opacity=".8"/></svg> <svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M5.423.666C3.96.597 3.068.616 1.889.702c-.81.06-1.412.714-1.497 1.484C.05 5.27-.066 7.653.294 10.78a2.77 2.77 0 0 0 .592 1.425c.46.572 1.134.946 1.878 1.03 2.01.228 5.562.13 7.443.055a2.52 2.52 0 0 0 2.297-1.68l.131-.377c.417-1.195.977-2.803 1.265-4.383.156-.852-.42-1.579-1.187-1.757v-.907c0-.898-.738-1.604-1.623-1.604H7.417a.37.37 0 0 1-.336-.242l-.216-.606A1.612 1.612 0 0 0 5.423.666ZM2.905 11.993a1.574 1.574 0 0 1-.783-.315l2.106-4.617.002-.004c.196-.44.618-.741 1.106-.778.89-.069 2.135-.146 3.192-.146 1.188 0 2.807.097 3.847.17.224.015.32.19.296.322-.27 1.478-.797 2.993-1.217 4.199-.045.13-.09.255-.131.376a1.27 1.27 0 0 1-1.166.84c-1.903.076-5.355.168-7.252-.047l-.07.621.07-.62Z" clip-rule="evenodd"/></svg> <span>collections</span>
</div>
<ul class="ml-4 pl-4 border-l border-tan-dark/50">
<li>
<div class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-8" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m16.354 10.354-4 4a.498.498 0 0 1-.708 0l-4-4a.5.5 0 0 1 .707-.707l3.646 3.646 3.646-3.646a.5.5 0 0 1 .709.707Z" opacity=".8"/></svg> <svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M5.423.666C3.96.597 3.068.616 1.889.702c-.81.06-1.412.714-1.497 1.484C.05 5.27-.066 7.653.294 10.78a2.77 2.77 0 0 0 .592 1.425c.46.572 1.134.946 1.878 1.03 2.01.228 5.562.13 7.443.055a2.52 2.52 0 0 0 2.297-1.68l.131-.377c.417-1.195.977-2.803 1.265-4.383.156-.852-.42-1.579-1.187-1.757v-.907c0-.898-.738-1.604-1.623-1.604H7.417a.37.37 0 0 1-.336-.242l-.216-.606A1.612 1.612 0 0 0 5.423.666ZM2.905 11.993a1.574 1.574 0 0 1-.783-.315l2.106-4.617.002-.004c.196-.44.618-.741 1.106-.778.89-.069 2.135-.146 3.192-.146 1.188 0 2.807.097 3.847.17.224.015.32.19.296.322-.27 1.478-.797 2.993-1.217 4.199-.045.13-.09.255-.131.376a1.27 1.27 0 0 1-1.166.84c-1.903.076-5.355.168-7.252-.047l-.07.621.07-.62Z" clip-rule="evenodd"/></svg> <span>pages</span>
</div>
<div class="ml-4 border-l border-tan-dark/50">
<ul class="-ml-px pl-6">
<li>
<div class="-mx-4 px-4 shadow-sm rounded-lg bg-white inline-flex gap-2 items-center text-black font-normal md:w-full">
<svg class="shrink-0 [:where(&)]:size-6 size-5 text-purple" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M7 0C5.477 0 4.257.048 2.98.138A2.516 2.516 0 0 0 .644 2.484 69.54 69.54 0 0 0 .5 7c0 1.549.05 3.06.145 4.516a2.516 2.516 0 0 0 2.334 2.346C4.257 13.952 5.477 14 7 14s2.743-.048 4.02-.138a2.516 2.516 0 0 0 2.335-2.346 69.496 69.496 0 0 0 .134-5.772 4.196 4.196 0 0 0-.86-2.498c-.842-1.087-1.6-1.845-2.756-2.728A2.472 2.472 0 0 0 8.43.016C7.977.006 7.505 0 7 0ZM3.067 1.385A53.248 53.248 0 0 1 7 1.25c.496 0 .958.005 1.4.015.263.006.513.093.715.247 1.07.817 1.75 1.498 2.525 2.499.382.494.588 1.112.6 1.755a69.951 69.951 0 0 1-.132 5.668 1.266 1.266 0 0 1-1.176 1.181c-1.248.088-2.438.135-3.932.135s-2.684-.046-3.933-.135a1.266 1.266 0 0 1-1.175-1.18 69.186 69.186 0 0 1 0-8.869 1.266 1.266 0 0 1 1.175-1.181Zm1.15 9.312V8.422c.055.127.102.26.144.4a.83.83 0 0 0 1.595 0c.042-.14.09-.273.143-.4v2.275a.625.625 0 1 0 1.25 0V7.119a.847.847 0 0 0-1.45-.594 4.658 4.658 0 0 0-.74.981 4.658 4.658 0 0 0-.741-.98.847.847 0 0 0-1.45.594v3.577a.625.625 0 1 0 1.25 0Zm5.88-1.847V6.897a.625.625 0 1 0-1.25 0V8.85h-.652a.625.625 0 0 0-.559.905 3.699 3.699 0 0 0 1.555 1.557.625.625 0 0 0 .56 0 3.699 3.699 0 0 0 1.555-1.557.625.625 0 0 0-.56-.905h-.65Z" clip-rule="evenodd"/></svg>
home.md
</div>
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" id="Markdown-Document-Programming--Streamline-Flex.svg"><desc>Markdown Document Programming Streamline Icon: https://streamlinehq.com</desc><g id="markdown-document-programming"><path id="Vector 2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.52026 10.7692V7.12186c0 -0.12525 0.10154 -0.22678 0.22679 -0.22678v0c0.05961 0 0.11704 0.02334 0.1587 0.06597 0.4828 0.49404 0.81069 1.03581 1.0111 1.7169 0.02658 0.09032 0.10834 0.15417 0.20248 0.15417v0c0.09415 0 0.17591 -0.06385 0.20248 -0.15417 0.20041 -0.68109 0.52831 -1.22286 1.01111 -1.7169 0.04166 -0.04263 0.09909 -0.06597 0.1587 -0.06597v0c0.12525 0 0.22678 0.10153 0.22678 0.22678v3.64734" stroke-width="1"></path><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.52393 6.89507 0 3.92813" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.8267 9.52401c-0.2606 0.52119 -0.7818 1.04239 -1.30297 1.30299 -0.5212 -0.2606 -1.04238 -0.7818 -1.30297 -1.30299" stroke-width="1"></path><path id="Subtract" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.8534 11.5629C12.9494 10.0921 13 8.56549 13 7c0 -0.42599 -0.0037 -0.84909 -0.0111 -1.26898 -0.0138 -0.78391 -0.2654 -1.54895 -0.7457 -2.16867 -0.8249 -1.06446 -1.5593 -1.798 -2.69605 -2.664462 -0.3171 -0.241706 -0.70416 -0.373156 -1.10277 -0.382227C7.98804 0.505278 7.51108 0.5 7 0.5 5.45944 0.5 4.22884 0.547957 2.93872 0.639152c-0.9635 0.068107 -1.72917 0.834098 -1.79211 1.797948C1.05057 3.90794 1 5.4345 1 7c0 1.56549 0.05057 3.0921 0.14661 4.5629 0.06294 0.9639 0.82861 1.7298 1.79211 1.7979C4.22884 13.452 5.45943 13.5 7 13.5c1.54057 0 2.77116 -0.048 4.0613 -0.1392 0.9635 -0.0681 1.7292 -0.834 1.7921 -1.7979Z" stroke-width="1"></path></g></svg>
about.md
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" id="Markdown-Document-Programming--Streamline-Flex.svg"><desc>Markdown Document Programming Streamline Icon: https://streamlinehq.com</desc><g id="markdown-document-programming"><path id="Vector 2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.52026 10.7692V7.12186c0 -0.12525 0.10154 -0.22678 0.22679 -0.22678v0c0.05961 0 0.11704 0.02334 0.1587 0.06597 0.4828 0.49404 0.81069 1.03581 1.0111 1.7169 0.02658 0.09032 0.10834 0.15417 0.20248 0.15417v0c0.09415 0 0.17591 -0.06385 0.20248 -0.15417 0.20041 -0.68109 0.52831 -1.22286 1.01111 -1.7169 0.04166 -0.04263 0.09909 -0.06597 0.1587 -0.06597v0c0.12525 0 0.22678 0.10153 0.22678 0.22678v3.64734" stroke-width="1"></path><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.52393 6.89507 0 3.92813" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.8267 9.52401c-0.2606 0.52119 -0.7818 1.04239 -1.30297 1.30299 -0.5212 -0.2606 -1.04238 -0.7818 -1.30297 -1.30299" stroke-width="1"></path><path id="Subtract" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.8534 11.5629C12.9494 10.0921 13 8.56549 13 7c0 -0.42599 -0.0037 -0.84909 -0.0111 -1.26898 -0.0138 -0.78391 -0.2654 -1.54895 -0.7457 -2.16867 -0.8249 -1.06446 -1.5593 -1.798 -2.69605 -2.664462 -0.3171 -0.241706 -0.70416 -0.373156 -1.10277 -0.382227C7.98804 0.505278 7.51108 0.5 7 0.5 5.45944 0.5 4.22884 0.547957 2.93872 0.639152c-0.9635 0.068107 -1.72917 0.834098 -1.79211 1.797948C1.05057 3.90794 1 5.4345 1 7c0 1.56549 0.05057 3.0921 0.14661 4.5629 0.06294 0.9639 0.82861 1.7298 1.79211 1.7979C4.22884 13.452 5.45943 13.5 7 13.5c1.54057 0 2.77116 -0.048 4.0613 -0.1392 0.9635 -0.0681 1.7292 -0.834 1.7921 -1.7979Z" stroke-width="1"></path></g></svg>
contact.md
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" id="Markdown-Document-Programming--Streamline-Flex.svg"><desc>Markdown Document Programming Streamline Icon: https://streamlinehq.com</desc><g id="markdown-document-programming"><path id="Vector 2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.52026 10.7692V7.12186c0 -0.12525 0.10154 -0.22678 0.22679 -0.22678v0c0.05961 0 0.11704 0.02334 0.1587 0.06597 0.4828 0.49404 0.81069 1.03581 1.0111 1.7169 0.02658 0.09032 0.10834 0.15417 0.20248 0.15417v0c0.09415 0 0.17591 -0.06385 0.20248 -0.15417 0.20041 -0.68109 0.52831 -1.22286 1.01111 -1.7169 0.04166 -0.04263 0.09909 -0.06597 0.1587 -0.06597v0c0.12525 0 0.22678 0.10153 0.22678 0.22678v3.64734" stroke-width="1"></path><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.52393 6.89507 0 3.92813" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.8267 9.52401c-0.2606 0.52119 -0.7818 1.04239 -1.30297 1.30299 -0.5212 -0.2606 -1.04238 -0.7818 -1.30297 -1.30299" stroke-width="1"></path><path id="Subtract" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.8534 11.5629C12.9494 10.0921 13 8.56549 13 7c0 -0.42599 -0.0037 -0.84909 -0.0111 -1.26898 -0.0138 -0.78391 -0.2654 -1.54895 -0.7457 -2.16867 -0.8249 -1.06446 -1.5593 -1.798 -2.69605 -2.664462 -0.3171 -0.241706 -0.70416 -0.373156 -1.10277 -0.382227C7.98804 0.505278 7.51108 0.5 7 0.5 5.45944 0.5 4.22884 0.547957 2.93872 0.639152c-0.9635 0.068107 -1.72917 0.834098 -1.79211 1.797948C1.05057 3.90794 1 5.4345 1 7c0 1.56549 0.05057 3.0921 0.14661 4.5629 0.06294 0.9639 0.82861 1.7298 1.79211 1.7979C4.22884 13.452 5.45943 13.5 7 13.5c1.54057 0 2.77116 -0.048 4.0613 -0.1392 0.9635 -0.0681 1.7292 -0.834 1.7921 -1.7979Z" stroke-width="1"></path></g></svg>
work.md
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" id="Markdown-Document-Programming--Streamline-Flex.svg"><desc>Markdown Document Programming Streamline Icon: https://streamlinehq.com</desc><g id="markdown-document-programming"><path id="Vector 2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.52026 10.7692V7.12186c0 -0.12525 0.10154 -0.22678 0.22679 -0.22678v0c0.05961 0 0.11704 0.02334 0.1587 0.06597 0.4828 0.49404 0.81069 1.03581 1.0111 1.7169 0.02658 0.09032 0.10834 0.15417 0.20248 0.15417v0c0.09415 0 0.17591 -0.06385 0.20248 -0.15417 0.20041 -0.68109 0.52831 -1.22286 1.01111 -1.7169 0.04166 -0.04263 0.09909 -0.06597 0.1587 -0.06597v0c0.12525 0 0.22678 0.10153 0.22678 0.22678v3.64734" stroke-width="1"></path><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.52393 6.89507 0 3.92813" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.8267 9.52401c-0.2606 0.52119 -0.7818 1.04239 -1.30297 1.30299 -0.5212 -0.2606 -1.04238 -0.7818 -1.30297 -1.30299" stroke-width="1"></path><path id="Subtract" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.8534 11.5629C12.9494 10.0921 13 8.56549 13 7c0 -0.42599 -0.0037 -0.84909 -0.0111 -1.26898 -0.0138 -0.78391 -0.2654 -1.54895 -0.7457 -2.16867 -0.8249 -1.06446 -1.5593 -1.798 -2.69605 -2.664462 -0.3171 -0.241706 -0.70416 -0.373156 -1.10277 -0.382227C7.98804 0.505278 7.51108 0.5 7 0.5 5.45944 0.5 4.22884 0.547957 2.93872 0.639152c-0.9635 0.068107 -1.72917 0.834098 -1.79211 1.797948C1.05057 3.90794 1 5.4345 1 7c0 1.56549 0.05057 3.0921 0.14661 4.5629 0.06294 0.9639 0.82861 1.7298 1.79211 1.7979C4.22884 13.452 5.45943 13.5 7 13.5c1.54057 0 2.77116 -0.048 4.0613 -0.1392 0.9635 -0.0681 1.7292 -0.834 1.7921 -1.7979Z" stroke-width="1"></path></g></svg>
testimonials.md
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" id="Markdown-Document-Programming--Streamline-Flex.svg"><desc>Markdown Document Programming Streamline Icon: https://streamlinehq.com</desc><g id="markdown-document-programming"><path id="Vector 2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.52026 10.7692V7.12186c0 -0.12525 0.10154 -0.22678 0.22679 -0.22678v0c0.05961 0 0.11704 0.02334 0.1587 0.06597 0.4828 0.49404 0.81069 1.03581 1.0111 1.7169 0.02658 0.09032 0.10834 0.15417 0.20248 0.15417v0c0.09415 0 0.17591 -0.06385 0.20248 -0.15417 0.20041 -0.68109 0.52831 -1.22286 1.01111 -1.7169 0.04166 -0.04263 0.09909 -0.06597 0.1587 -0.06597v0c0.12525 0 0.22678 0.10153 0.22678 0.22678v3.64734" stroke-width="1"></path><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.52393 6.89507 0 3.92813" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.8267 9.52401c-0.2606 0.52119 -0.7818 1.04239 -1.30297 1.30299 -0.5212 -0.2606 -1.04238 -0.7818 -1.30297 -1.30299" stroke-width="1"></path><path id="Subtract" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.8534 11.5629C12.9494 10.0921 13 8.56549 13 7c0 -0.42599 -0.0037 -0.84909 -0.0111 -1.26898 -0.0138 -0.78391 -0.2654 -1.54895 -0.7457 -2.16867 -0.8249 -1.06446 -1.5593 -1.798 -2.69605 -2.664462 -0.3171 -0.241706 -0.70416 -0.373156 -1.10277 -0.382227C7.98804 0.505278 7.51108 0.5 7 0.5 5.45944 0.5 4.22884 0.547957 2.93872 0.639152c-0.9635 0.068107 -1.72917 0.834098 -1.79211 1.797948C1.05057 3.90794 1 5.4345 1 7c0 1.56549 0.05057 3.0921 0.14661 4.5629 0.06294 0.9639 0.82861 1.7298 1.79211 1.7979C4.22884 13.452 5.45943 13.5 7 13.5c1.54057 0 2.77116 -0.048 4.0613 -0.1392 0.9635 -0.0681 1.7292 -0.834 1.7921 -1.7979Z" stroke-width="1"></path></g></svg>
inquiry.md
</li>
</ul>
</div>
</li>
<li>
<div class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-8 -rotate-90" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m16.354 10.354-4 4a.498.498 0 0 1-.708 0l-4-4a.5.5 0 0 1 .707-.707l3.646 3.646 3.646-3.646a.5.5 0 0 1 .709.707Z" opacity=".8"/></svg> <svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M5.481.292c-1.46-.07-2.35-.05-3.529.037C1.202.384.646.996.568 1.715.226 4.837.11 7.985.47 11.14a2.682 2.682 0 0 0 2.365 2.373 36.71 36.71 0 0 0 8.404-.008c1.21-.139 2.155-1.137 2.294-2.365.225-1.975.282-3.997.138-6.477a2.41 2.41 0 0 0-2.193-2.264c-1.202-.105-2.085-.124-3.392-.151l-.597-.013a.498.498 0 0 1-.458-.332l-.217-.615A1.49 1.49 0 0 0 5.481.292Z" clip-rule="evenodd"/></svg>
<span>galleries</span>
</div>
</li>
<li>
<div class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-8 -rotate-90" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m16.354 10.354-4 4a.498.498 0 0 1-.708 0l-4-4a.5.5 0 0 1 .707-.707l3.646 3.646 3.646-3.646a.5.5 0 0 1 .709.707Z" opacity=".8"/></svg> <svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M5.481.292c-1.46-.07-2.35-.05-3.529.037C1.202.384.646.996.568 1.715.226 4.837.11 7.985.47 11.14a2.682 2.682 0 0 0 2.365 2.373 36.71 36.71 0 0 0 8.404-.008c1.21-.139 2.155-1.137 2.294-2.365.225-1.975.282-3.997.138-6.477a2.41 2.41 0 0 0-2.193-2.264c-1.202-.105-2.085-.124-3.392-.151l-.597-.013a.498.498 0 0 1-.458-.332l-.217-.615A1.49 1.49 0 0 0 5.481.292Z" clip-rule="evenodd"/></svg>
<span>testimonials</span>
</div>
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M4.124 1.371a50.725 50.725 0 0 1 3.644-.121c.458 0 .885.005 1.294.014.272.006.53.095.738.255.982.754 1.618 1.39 2.33 2.304.39.502.6 1.132.611 1.79a65.442 65.442 0 0 1-.12 5.243 1.299 1.299 0 0 1-1.21 1.213c-.977.067-1.924.107-3.032.118a.625.625 0 0 0 .012 1.25 50.84 50.84 0 0 0 3.107-.121 2.549 2.549 0 0 0 2.37-2.382 66.686 66.686 0 0 0 .123-5.342 4.234 4.234 0 0 0-.875-2.537c-.778-1-1.49-1.71-2.555-2.528A2.505 2.505 0 0 0 9.09.014C8.67.004 8.234 0 7.768 0c-1.411 0-2.55.043-3.73.124a2.549 2.549 0 0 0-2.371 2.382c-.052.82-.09 1.657-.11 2.509a.625.625 0 0 0 1.25.03c.02-.835.056-1.657.107-2.46a1.299 1.299 0 0 1 1.21-1.214ZM3.443 7a1.015 1.015 0 0 1 .943.644l.126.322.314.181.342-.052a1.013 1.013 0 0 1 1.03.496l.183.318c.102.176.148.38.133.583a.873.873 0 0 1-.042.205 1.257 1.257 0 0 1-.053.134 2.045 2.045 0 0 1-.062.121.497.497 0 0 1-.045.075v.001a1.008 1.008 0 0 1-.068.088c-.03.04-.069.086-.105.131l-.059.072v.362l.058.072a13.283 13.283 0 0 1 .173.219 2.07 2.07 0 0 1 .107.197c.017.036.037.082.053.134a.872.872 0 0 1 .043.205c.015.203-.031.407-.133.583l-.184.318a1.015 1.015 0 0 1-1.03.496l-.341-.052-.314.181-.127.322a1.013 1.013 0 0 1-.943.644h-.368a1.016 1.016 0 0 1-.943-.644l-.126-.322-.314-.181-.342.052a1.013 1.013 0 0 1-1.03-.496l-.183-.318a1.014 1.014 0 0 1-.133-.583.872.872 0 0 1 .042-.205 1.26 1.26 0 0 1 .053-.134 1.763 1.763 0 0 1 .107-.196v-.001a1.005 1.005 0 0 1 .067-.088c.031-.04.07-.086.106-.131l.059-.072v-.362l-.058-.072a13.221 13.221 0 0 1-.173-.219 2.053 2.053 0 0 1-.107-.197 1.258 1.258 0 0 1-.054-.134.873.873 0 0 1-.042-.205 1.013 1.013 0 0 1 .133-.583L.32 8.59a1.015 1.015 0 0 1 1.03-.496l.34.052.315-.181.127-.322A1.013 1.013 0 0 1 3.074 7h.369Zm-.185 4.511c.647 0 1.012-.364 1.012-1.01 0-.648-.364-1.012-1.012-1.012-.647 0-1.011.364-1.011 1.011 0 .647.364 1.011 1.011 1.011Z" clip-rule="evenodd"/></svg> pages.yaml
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M4.124 1.371a50.725 50.725 0 0 1 3.644-.121c.458 0 .885.005 1.294.014.272.006.53.095.738.255.982.754 1.618 1.39 2.33 2.304.39.502.6 1.132.611 1.79a65.442 65.442 0 0 1-.12 5.243 1.299 1.299 0 0 1-1.21 1.213c-.977.067-1.924.107-3.032.118a.625.625 0 0 0 .012 1.25 50.84 50.84 0 0 0 3.107-.121 2.549 2.549 0 0 0 2.37-2.382 66.686 66.686 0 0 0 .123-5.342 4.234 4.234 0 0 0-.875-2.537c-.778-1-1.49-1.71-2.555-2.528A2.505 2.505 0 0 0 9.09.014C8.67.004 8.234 0 7.768 0c-1.411 0-2.55.043-3.73.124a2.549 2.549 0 0 0-2.371 2.382c-.052.82-.09 1.657-.11 2.509a.625.625 0 0 0 1.25.03c.02-.835.056-1.657.107-2.46a1.299 1.299 0 0 1 1.21-1.214ZM3.443 7a1.015 1.015 0 0 1 .943.644l.126.322.314.181.342-.052a1.013 1.013 0 0 1 1.03.496l.183.318c.102.176.148.38.133.583a.873.873 0 0 1-.042.205 1.257 1.257 0 0 1-.053.134 2.045 2.045 0 0 1-.062.121.497.497 0 0 1-.045.075v.001a1.008 1.008 0 0 1-.068.088c-.03.04-.069.086-.105.131l-.059.072v.362l.058.072a13.283 13.283 0 0 1 .173.219 2.07 2.07 0 0 1 .107.197c.017.036.037.082.053.134a.872.872 0 0 1 .043.205c.015.203-.031.407-.133.583l-.184.318a1.015 1.015 0 0 1-1.03.496l-.341-.052-.314.181-.127.322a1.013 1.013 0 0 1-.943.644h-.368a1.016 1.016 0 0 1-.943-.644l-.126-.322-.314-.181-.342.052a1.013 1.013 0 0 1-1.03-.496l-.183-.318a1.014 1.014 0 0 1-.133-.583.872.872 0 0 1 .042-.205 1.26 1.26 0 0 1 .053-.134 1.763 1.763 0 0 1 .107-.196v-.001a1.005 1.005 0 0 1 .067-.088c.031-.04.07-.086.106-.131l.059-.072v-.362l-.058-.072a13.221 13.221 0 0 1-.173-.219 2.053 2.053 0 0 1-.107-.197 1.258 1.258 0 0 1-.054-.134.873.873 0 0 1-.042-.205 1.013 1.013 0 0 1 .133-.583L.32 8.59a1.015 1.015 0 0 1 1.03-.496l.34.052.315-.181.127-.322A1.013 1.013 0 0 1 3.074 7h.369Zm-.185 4.511c.647 0 1.012-.364 1.012-1.01 0-.648-.364-1.012-1.012-1.012-.647 0-1.011.364-1.011 1.011 0 .647.364 1.011 1.011 1.011Z" clip-rule="evenodd"/></svg> galleries.yaml
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M4.124 1.371a50.725 50.725 0 0 1 3.644-.121c.458 0 .885.005 1.294.014.272.006.53.095.738.255.982.754 1.618 1.39 2.33 2.304.39.502.6 1.132.611 1.79a65.442 65.442 0 0 1-.12 5.243 1.299 1.299 0 0 1-1.21 1.213c-.977.067-1.924.107-3.032.118a.625.625 0 0 0 .012 1.25 50.84 50.84 0 0 0 3.107-.121 2.549 2.549 0 0 0 2.37-2.382 66.686 66.686 0 0 0 .123-5.342 4.234 4.234 0 0 0-.875-2.537c-.778-1-1.49-1.71-2.555-2.528A2.505 2.505 0 0 0 9.09.014C8.67.004 8.234 0 7.768 0c-1.411 0-2.55.043-3.73.124a2.549 2.549 0 0 0-2.371 2.382c-.052.82-.09 1.657-.11 2.509a.625.625 0 0 0 1.25.03c.02-.835.056-1.657.107-2.46a1.299 1.299 0 0 1 1.21-1.214ZM3.443 7a1.015 1.015 0 0 1 .943.644l.126.322.314.181.342-.052a1.013 1.013 0 0 1 1.03.496l.183.318c.102.176.148.38.133.583a.873.873 0 0 1-.042.205 1.257 1.257 0 0 1-.053.134 2.045 2.045 0 0 1-.062.121.497.497 0 0 1-.045.075v.001a1.008 1.008 0 0 1-.068.088c-.03.04-.069.086-.105.131l-.059.072v.362l.058.072a13.283 13.283 0 0 1 .173.219 2.07 2.07 0 0 1 .107.197c.017.036.037.082.053.134a.872.872 0 0 1 .043.205c.015.203-.031.407-.133.583l-.184.318a1.015 1.015 0 0 1-1.03.496l-.341-.052-.314.181-.127.322a1.013 1.013 0 0 1-.943.644h-.368a1.016 1.016 0 0 1-.943-.644l-.126-.322-.314-.181-.342.052a1.013 1.013 0 0 1-1.03-.496l-.183-.318a1.014 1.014 0 0 1-.133-.583.872.872 0 0 1 .042-.205 1.26 1.26 0 0 1 .053-.134 1.763 1.763 0 0 1 .107-.196v-.001a1.005 1.005 0 0 1 .067-.088c.031-.04.07-.086.106-.131l.059-.072v-.362l-.058-.072a13.221 13.221 0 0 1-.173-.219 2.053 2.053 0 0 1-.107-.197 1.258 1.258 0 0 1-.054-.134.873.873 0 0 1-.042-.205 1.013 1.013 0 0 1 .133-.583L.32 8.59a1.015 1.015 0 0 1 1.03-.496l.34.052.315-.181.127-.322A1.013 1.013 0 0 1 3.074 7h.369Zm-.185 4.511c.647 0 1.012-.364 1.012-1.01 0-.648-.364-1.012-1.012-1.012-.647 0-1.011.364-1.011 1.011 0 .647.364 1.011 1.011 1.011Z" clip-rule="evenodd"/></svg> testimonials.yaml
</li>
</ul>
</li>
</ul>
<div class="absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-tan-light to-transparent"></div>
</div>
<div class="relative pl-4 h-52 md:h-auto md:col-span-2">
<div class="pt-4 bg-white shadow-lg-soft ring-1 ring-tan-darker/10 rounded-tl-md">
<pre class="mt-0 overflow-x-hidden"><code data-theme="slack-theme-ochin" data-lang="yaml" class="torchlight bg-transparent p-0 text-sm/6 md:text-xl/10" style="background-color: #FFF; --theme-selection-background: #5899C5;"><!-- Syntax highlighted by torchlight.dev --><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 1</span><span style="color: #002339;">---</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 2</span><span style="color: #0444AC;">id</span><span style="color: #002339;">: </span><span style="color: #A44185;">home</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 3</span><span style="color: #0444AC;">blueprint</span><span style="color: #002339;">: </span><span style="color: #A44185;">page</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 4</span><span style="color: #0444AC;">title</span><span style="color: #002339;">: </span><span style="color: #A44185;">Home</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 5</span><span style="color: #0444AC;">page_builder</span><span style="color: #002339;">:</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 6</span><span style="color: #002339;"> -</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 7</span><span style="color: #002339;"> </span><span style="color: #0444AC;">title</span><span style="color: #002339;">: </span><span style="color: #A44185;">'Capturing life’s raw beauty wherever it takes me'</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 8</span><span style="color: #002339;"> </span><span style="color: #0444AC;">type</span><span style="color: #002339;">: </span><span style="color: #A44185;">hero</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number"> 9</span><span style="color: #002339;"> </span><span style="color: #0444AC;">enabled</span><span style="color: #002339;">: </span><span style="color: #174781;">true</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">10</span><span style="color: #002339;"> </span><span style="color: #0444AC;">image</span><span style="color: #002339;">: </span><span style="color: #A44185;">experimental/joshua-earle-8hvaghtyyvu-unsplash.jpg</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">11</span><span style="color: #002339;"> -</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">12</span><span style="color: #002339;"> </span><span style="color: #0444AC;">type</span><span style="color: #002339;">: </span><span style="color: #A44185;">galleries</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">13</span><span style="color: #002339;"> </span><span style="color: #0444AC;">enabled</span><span style="color: #002339;">: </span><span style="color: #174781;">true</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">14</span><span style="color: #002339;"> </span><span style="color: #0444AC;">query</span><span style="color: #002339;">: </span><span style="color: #A44185;">all</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">15</span><span style="color: #002339;"> </span><span style="color: #0444AC;">show_filters</span><span style="color: #002339;">: </span><span style="color: #174781;">false</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">16</span><span style="color: #002339;"> -</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">17</span><span style="color: #002339;"> </span><span style="color: #0444AC;">portrait</span><span style="color: #002339;">: </span><span style="color: #A44185;">louise-millan.jpg</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">18</span><span style="color: #002339;"> </span><span style="color: #0444AC;">text</span><span style="color: #002339;">: </span><span style="color: #A44185;">'I am a passionate traveling photographer, dedicated to capturing the beauty of the world from every angle. Whether it’s the character of city streets, the serenity of vast landscapes, or the unique stories in individual portraits, I seek to immortalize moments through my lens.'</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">19</span><span style="color: #002339;"> </span><span style="color: #0444AC;">signature</span><span style="color: #002339;">: </span><span style="color: #A44185;">signature.png</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">20</span><span style="color: #002339;"> </span><span style="color: #0444AC;">type</span><span style="color: #002339;">: </span><span style="color: #A44185;">bio</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">21</span><span style="color: #002339;"> </span><span style="color: #0444AC;">enabled</span><span style="color: #002339;">: </span><span style="color: #174781;">true</span></div><div class='line'><span style="color:#b9b9b9; text-align: right; -webkit-user-select: none; user-select: none;" class="line-number">22</span><span style="color: #002339;">---</span></div></code></pre>
</div>
<div class="absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-white to-transparent"></div>
</div>
</div> <img loading="lazy" src="/img/branding/document-wallet.webp" alt="Document wallet" width="600" height="395" class="w-48 lg:w-80 absolute top-0 right-0 md:top-auto md:bottom-0 translate-y-1/2 md:translate-y-0 lg:translate-x-1/4 lg:translate-y-1/2 drop-shadow-coral">
<svg class='absolute text-[#F5DDEE] -z-1 w-full' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1076 587"><path fill="currentColor" d="M43.784 153.203C-198.423 401.295 650.68 741.39 878.833 507.694c177.627-181.945 272.757-260.847 119.81-412.51-174.317-142.71-777.231-123.927-954.86 58.018Z"/></svg>
<svg class='-rotate-[14deg] absolute text-[#D7E5FE] -z-1 w-full scale-[110%] blur-xl mix-blend-multiply' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1245 474"><path fill="currentColor" d="M1244.06 237.05C1262.51 106.409 999.242.504 656.038.504 312.834.504 19.657 106.409 1.209 237.05c-18.447 130.64 244.82 236.545 588.024 236.545 343.205 0 636.377-105.905 654.827-236.545Z"/></svg>
<div class="absolute top-0 left-0 w-full h-full -z-1 scale-125 pointer-events-none" style="background: url('/img/branding/grid-lines.svg') repeat; background-size: 75%;"></div>
</div>
<div class="mt-8 max-w-md mx-auto text-center px-4">
<p class="text-lg md:text-xl font-serif font-light tracking-tighter text-[#4E5154]">Bring <strong class="font-bold">fully dynamic</strong> websites to life with nothing but YAML Front-Loaded Markdown files.</p>
</div>
</div>
<div class="hidden data-[selected]:block pt-8" name="database" data-flux-tab-panel>
<div class="flex items-center justify-center relative py-4 md:py-12 px-4 mx-2">
<div class="pt-4 bg-gradient-to-t from-tan-light to-tan-light/75 ring-1 ring-tan-darker/10 rounded-2xl relative overflow-hidden w-full max-w-4xl md:aspect-[2/1] shadow-lg-soft">
<div class="grid grid-cols-1 md:grid-cols-3">
<div class="relative pl-8 h-40 md:pt-4 md:h-auto">
<ul class="font-light font-mono text-tan-darker text-sm/7 md:text-xl/10">
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.064 5.56v7.35M1.085 8.92h11.83M1.19 10.038a3.128 3.128 0 0 0 2.754 2.76C4.939 12.908 5.96 13 7 13s2.061-.092 3.056-.202a3.128 3.128 0 0 0 2.753-2.76C12.914 9.048 13 8.034 13 7c0-1.034-.086-2.049-.19-3.038a3.128 3.128 0 0 0-2.754-2.76C9.061 1.092 8.04 1 7 1s-2.061.092-3.056.202a3.128 3.128 0 0 0-2.753 2.76C1.086 4.952 1 5.966 1 7c0 1.034.086 2.049.19 3.038Z"/><path d="M1.05 5.56h11.9a40.766 40.766 0 0 0-.151-1.698 3.006 3.006 0 0 0-2.643-2.65C9.129 1.099 8.075 1 7 1s-2.13.098-3.156.213a3.006 3.006 0 0 0-2.643 2.65A40.85 40.85 0 0 0 1.05 5.56Z"/></g></svg>
<span>blueprints</span>
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.064 5.56v7.35M1.085 8.92h11.83M1.19 10.038a3.128 3.128 0 0 0 2.754 2.76C4.939 12.908 5.96 13 7 13s2.061-.092 3.056-.202a3.128 3.128 0 0 0 2.753-2.76C12.914 9.048 13 8.034 13 7c0-1.034-.086-2.049-.19-3.038a3.128 3.128 0 0 0-2.754-2.76C9.061 1.092 8.04 1 7 1s-2.061.092-3.056.202a3.128 3.128 0 0 0-2.753 2.76C1.086 4.952 1 5.966 1 7c0 1.034.086 2.049.19 3.038Z"/><path d="M1.05 5.56h11.9a40.766 40.766 0 0 0-.151-1.698 3.006 3.006 0 0 0-2.643-2.65C9.129 1.099 8.075 1 7 1s-2.13.098-3.156.213a3.006 3.006 0 0 0-2.643 2.65A40.85 40.85 0 0 0 1.05 5.56Z"/></g></svg>
<span>collections</span>
</li>
<li class="-mx-4 px-4 shadow-sm rounded-lg bg-white inline-flex gap-2 items-center text-black font-medium md:w-full">
<svg class="shrink-0 [:where(&)]:size-6 size-5 text-purple" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M1.428 5.5A22.63 22.63 0 0 0 1.375 7c0 .373.011.744.03 1.114h2.952V5.5H1.428Zm4.18 0v2.614h6.987c.019-.37.03-.741.03-1.114 0-.503-.02-1.003-.053-1.5H5.607Zm0 3.864h6.895c-.026.28-.055.56-.084.838a2.507 2.507 0 0 1-2.2 2.205c-1.065.119-2.135.218-3.219.218a21.2 21.2 0 0 1-1.393-.049V9.364Zm-4.11 0h2.86v3.105c-.193-.02-.384-.04-.576-.062a2.507 2.507 0 0 1-2.2-2.205c-.03-.279-.059-.558-.085-.838Zm3.42 4.413a49.414 49.414 0 0 1-1.275-.127 3.757 3.757 0 0 1-3.305-3.315C.224 9.265.125 8.147.125 7c0-1.147.099-2.266.213-3.335A3.757 3.757 0 0 1 3.643.35C4.718.23 5.845.125 7 .125s2.282.106 3.357.225a3.757 3.757 0 0 1 3.305 3.315c.114 1.07.213 2.188.213 3.335 0 1.147-.099 2.266-.213 3.335a3.757 3.757 0 0 1-3.305 3.314c-1.075.12-2.202.226-3.357.226a24.353 24.353 0 0 1-2.082-.098Z" clip-rule="evenodd"/></svg>
<span>entries</span>
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.064 5.56v7.35M1.085 8.92h11.83M1.19 10.038a3.128 3.128 0 0 0 2.754 2.76C4.939 12.908 5.96 13 7 13s2.061-.092 3.056-.202a3.128 3.128 0 0 0 2.753-2.76C12.914 9.048 13 8.034 13 7c0-1.034-.086-2.049-.19-3.038a3.128 3.128 0 0 0-2.754-2.76C9.061 1.092 8.04 1 7 1s-2.061.092-3.056.202a3.128 3.128 0 0 0-2.753 2.76C1.086 4.952 1 5.966 1 7c0 1.034.086 2.049.19 3.038Z"/><path d="M1.05 5.56h11.9a40.766 40.766 0 0 0-.151-1.698 3.006 3.006 0 0 0-2.643-2.65C9.129 1.099 8.075 1 7 1s-2.13.098-3.156.213a3.006 3.006 0 0 0-2.643 2.65A40.85 40.85 0 0 0 1.05 5.56Z"/></g></svg>
<span>fieldsets</span>
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.064 5.56v7.35M1.085 8.92h11.83M1.19 10.038a3.128 3.128 0 0 0 2.754 2.76C4.939 12.908 5.96 13 7 13s2.061-.092 3.056-.202a3.128 3.128 0 0 0 2.753-2.76C12.914 9.048 13 8.034 13 7c0-1.034-.086-2.049-.19-3.038a3.128 3.128 0 0 0-2.754-2.76C9.061 1.092 8.04 1 7 1s-2.061.092-3.056.202a3.128 3.128 0 0 0-2.753 2.76C1.086 4.952 1 5.966 1 7c0 1.034.086 2.049.19 3.038Z"/><path d="M1.05 5.56h11.9a40.766 40.766 0 0 0-.151-1.698 3.006 3.006 0 0 0-2.643-2.65C9.129 1.099 8.075 1 7 1s-2.13.098-3.156.213a3.006 3.006 0 0 0-2.643 2.65A40.85 40.85 0 0 0 1.05 5.56Z"/></g></svg>
<span>forms</span>
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.064 5.56v7.35M1.085 8.92h11.83M1.19 10.038a3.128 3.128 0 0 0 2.754 2.76C4.939 12.908 5.96 13 7 13s2.061-.092 3.056-.202a3.128 3.128 0 0 0 2.753-2.76C12.914 9.048 13 8.034 13 7c0-1.034-.086-2.049-.19-3.038a3.128 3.128 0 0 0-2.754-2.76C9.061 1.092 8.04 1 7 1s-2.061.092-3.056.202a3.128 3.128 0 0 0-2.753 2.76C1.086 4.952 1 5.966 1 7c0 1.034.086 2.049.19 3.038Z"/><path d="M1.05 5.56h11.9a40.766 40.766 0 0 0-.151-1.698 3.006 3.006 0 0 0-2.643-2.65C9.129 1.099 8.075 1 7 1s-2.13.098-3.156.213a3.006 3.006 0 0 0-2.643 2.65A40.85 40.85 0 0 0 1.05 5.56Z"/></g></svg>
<span>taxonomies</span>
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.064 5.56v7.35M1.085 8.92h11.83M1.19 10.038a3.128 3.128 0 0 0 2.754 2.76C4.939 12.908 5.96 13 7 13s2.061-.092 3.056-.202a3.128 3.128 0 0 0 2.753-2.76C12.914 9.048 13 8.034 13 7c0-1.034-.086-2.049-.19-3.038a3.128 3.128 0 0 0-2.754-2.76C9.061 1.092 8.04 1 7 1s-2.061.092-3.056.202a3.128 3.128 0 0 0-2.753 2.76C1.086 4.952 1 5.966 1 7c0 1.034.086 2.049.19 3.038Z"/><path d="M1.05 5.56h11.9a40.766 40.766 0 0 0-.151-1.698 3.006 3.006 0 0 0-2.643-2.65C9.129 1.099 8.075 1 7 1s-2.13.098-3.156.213a3.006 3.006 0 0 0-2.643 2.65A40.85 40.85 0 0 0 1.05 5.56Z"/></g></svg>
<span>taxonomy_terms</span>
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.064 5.56v7.35M1.085 8.92h11.83M1.19 10.038a3.128 3.128 0 0 0 2.754 2.76C4.939 12.908 5.96 13 7 13s2.061-.092 3.056-.202a3.128 3.128 0 0 0 2.753-2.76C12.914 9.048 13 8.034 13 7c0-1.034-.086-2.049-.19-3.038a3.128 3.128 0 0 0-2.754-2.76C9.061 1.092 8.04 1 7 1s-2.061.092-3.056.202a3.128 3.128 0 0 0-2.753 2.76C1.086 4.952 1 5.966 1 7c0 1.034.086 2.049.19 3.038Z"/><path d="M1.05 5.56h11.9a40.766 40.766 0 0 0-.151-1.698 3.006 3.006 0 0 0-2.643-2.65C9.129 1.099 8.075 1 7 1s-2.13.098-3.156.213a3.006 3.006 0 0 0-2.643 2.65A40.85 40.85 0 0 0 1.05 5.56Z"/></g></svg>
<span>trees</span>
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.064 5.56v7.35M1.085 8.92h11.83M1.19 10.038a3.128 3.128 0 0 0 2.754 2.76C4.939 12.908 5.96 13 7 13s2.061-.092 3.056-.202a3.128 3.128 0 0 0 2.753-2.76C12.914 9.048 13 8.034 13 7c0-1.034-.086-2.049-.19-3.038a3.128 3.128 0 0 0-2.754-2.76C9.061 1.092 8.04 1 7 1s-2.061.092-3.056.202a3.128 3.128 0 0 0-2.753 2.76C1.086 4.952 1 5.966 1 7c0 1.034.086 2.049.19 3.038Z"/><path d="M1.05 5.56h11.9a40.766 40.766 0 0 0-.151-1.698 3.006 3.006 0 0 0-2.643-2.65C9.129 1.099 8.075 1 7 1s-2.13.098-3.156.213a3.006 3.006 0 0 0-2.643 2.65A40.85 40.85 0 0 0 1.05 5.56Z"/></g></svg>
<span>users</span>
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.064 5.56v7.35M1.085 8.92h11.83M1.19 10.038a3.128 3.128 0 0 0 2.754 2.76C4.939 12.908 5.96 13 7 13s2.061-.092 3.056-.202a3.128 3.128 0 0 0 2.753-2.76C12.914 9.048 13 8.034 13 7c0-1.034-.086-2.049-.19-3.038a3.128 3.128 0 0 0-2.754-2.76C9.061 1.092 8.04 1 7 1s-2.061.092-3.056.202a3.128 3.128 0 0 0-2.753 2.76C1.086 4.952 1 5.966 1 7c0 1.034.086 2.049.19 3.038Z"/><path d="M1.05 5.56h11.9a40.766 40.766 0 0 0-.151-1.698 3.006 3.006 0 0 0-2.643-2.65C9.129 1.099 8.075 1 7 1s-2.13.098-3.156.213a3.006 3.006 0 0 0-2.643 2.65A40.85 40.85 0 0 0 1.05 5.56Z"/></g></svg>
<span>sites</span>
</li>
<li class="flex gap-2 items-center">
<svg class="shrink-0 [:where(&)]:size-6 size-5" data-flux-icon aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M5.064 5.56v7.35M1.085 8.92h11.83M1.19 10.038a3.128 3.128 0 0 0 2.754 2.76C4.939 12.908 5.96 13 7 13s2.061-.092 3.056-.202a3.128 3.128 0 0 0 2.753-2.76C12.914 9.048 13 8.034 13 7c0-1.034-.086-2.049-.19-3.038a3.128 3.128 0 0 0-2.754-2.76C9.061 1.092 8.04 1 7 1s-2.061.092-3.056.202a3.128 3.128 0 0 0-2.753 2.76C1.086 4.952 1 5.966 1 7c0 1.034.086 2.049.19 3.038Z"/><path d="M1.05 5.56h11.9a40.766 40.766 0 0 0-.151-1.698 3.006 3.006 0 0 0-2.643-2.65C9.129 1.099 8.075 1 7 1s-2.13.098-3.156.213a3.006 3.006 0 0 0-2.643 2.65A40.85 40.85 0 0 0 1.05 5.56Z"/></g></svg>
<span>sessions</span>
</li>
</ul>
<div class="absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-tan-light to-transparent"></div>
</div>
<div class="relative pl-4 h-52 md:h-auto md:col-span-2">
<div class="bg-white shadow-lg-soft ring-1 ring-tan-darker/10 rounded-tl-md">
<div>
<div class="overflow-x-auto">
<table class="[:where(&)]:min-w-full table-fixed text-zinc-800 divide-y divide-zinc-800/10 dark:divide-white/20 text-zinc-800 whitespace-nowrap [&_dialog]:whitespace-normal [&_[popover]]:whitespace-normal flux-database-table" data-flux-table>
<thead data-flux-columns>
<tr >
<th class="py-3 px-3 first:pl-0 last:pr-0 text-left text-sm font-medium text-zinc-800 dark:text-white last:[&_[data-flux-table-sortable]]:mr-0" data-flux-column>
<div class="flex group-[]/right-align:justify-end">slug</div>
</th>
<th class="py-3 px-3 first:pl-0 last:pr-0 text-left text-sm font-medium text-zinc-800 dark:text-white last:[&_[data-flux-table-sortable]]:mr-0" data-flux-column>
<div class="flex group-[]/right-align:justify-end">
<button type="button" class="group/sortable flex items-center gap-1 -my-1 -ml-2 -mr-2 px-2 py-1 group-[]/right-align:flex-row-reverse group-[]/right-align:-mr-2 group-[]/right-align:-ml-8" data-flux-table-sortable>
<div>collection</div>
<div class="rounded text-zinc-400 group-hover/sortable:text-zinc-800 dark:group-hover/sortable:text-white">
<svg class="shrink-0 [:where(&)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd" d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
</svg>
</div>
</button>
</div>
</th>
<th class="py-3 px-3 first:pl-0 last:pr-0 text-left text-sm font-medium text-zinc-800 dark:text-white last:[&_[data-flux-table-sortable]]:mr-0" data-flux-column>
<div class="flex group-[]/right-align:justify-end">data</div>
</th>
</tr>
</thead>
<tbody class="divide-y divide-zinc-800/10 dark:divide-white/20 [&:not(:has(*))]:!border-t-0" data-flux-rows>
<tr data-flux-row>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
home
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
pages
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
{"title":"Home","page_builder":[{"id":"m182vzb4","title":[{"type":"paragraph","content":[{"type":"text","text":"Capturing "},{"type":"text","marks":[{"type":"italic"}],"text":"life\u2019s raw beauty"},{"type":"text","text":" wherever it takes me"}]}],"type":"hero","enabled":true,"image":"experimental\/joshua-earle-8hvaghtyyvu-unsplash.jpg"},{"id":"m18cc2mg","type":"galleries","enabled":true,"query":"all","show_filters":false},{"id":"m1jkhsuh","portrait":"louise-millan.jpg","text":"I am a passionate traveling photographer, dedicated to capturing the beauty of the world from every angle. Whether it\u2019s the character of city streets, the serenity of vast landscapes, or the unique stories in individual portraits, I seek to immortalize moments through my lens.","signature":"signature.png","type":"bio","enabled":true}],"updated_by":"e57de76f-ee6a-45b5-911c-7e92dd1905a5"}
</td>
</tr>
<tr data-flux-row>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
about
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
pages
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
{"title":"About","author":"e57de76f-ee6a-45b5-911c-7e92dd1905a5","updated_by":"e57de76f-ee6a-45b5-911c-7e92dd1905a5","page_builder":[{"id":"m1jo32v5","image":"louise-millan.jpg","text":[{"type":"heading","attrs":{"level":1},"content":[{"type":"text","text":"I am "},{"type":"text","marks":[{"type":"italic"}],"text":"Louise Millan."}]},{"type":"paragraph","content":[{"type":"text","text":"My journey with photography began as a child, mesmerized by how a simple photo could convey entire stories without a word. Growing up, I developed a deep fascination with the world around me\u2014how light, shadows, and fleeting moments could transform into timeless images. This passion drove me to explore photography in depth, from capturing vibrant street scenes to expansive landscapes and intimate portraits."}]},{"type":"paragraph","content":[{"type":"text","text":"Over the years, my work has taken me across diverse settings, where I\u2019ve learned to see beauty in the ordinary, whether it\u2019s the rhythm of a bustling city street or the serenity of a remote landscape. Each frame I capture is about more than just documenting a moment; it\u2019s about sharing the emotions, energy, and stories that unfold within it."}]},{"type":"paragraph","content":[{"type":"text","text":"What truly drives me is the connection I build with the people and places I photograph. Whether it\u2019s the depth of a portrait, the dynamic energy of street photography, or the sweeping perspectives of aerial views, my goal is always to reveal something authentic, something that resonates. Outside of my professional work, I\u2019m often traveling, camera in hand, constantly searching for new angles and fresh stories to tell. Photography isn\u2019t just my career\u2014it\u2019s my way of understanding and sharing the world."}]}],"type":"image_text","enabled":true}],"parent":"home"}
</td>
</tr>
<tr class="highlighted" data-flux-row>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
work
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
pages
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
{"title":"Work","author":"e57de76f-ee6a-45b5-911c-7e92dd1905a5","updated_by":"e57de76f-ee6a-45b5-911c-7e92dd1905a5","page_builder":[{"id":"m1b1trih","title":[{"type":"paragraph","content":[{"type":"text","text":"A collection of timeless memories by "},{"type":"text","marks":[{"type":"italic"}],"text":"Louise Millan"},{"type":"text","text":"."}]}],"type":"hero","enabled":true},{"id":"m20lqwkz","query":"all","show_filters":true,"type":"galleries","enabled":true}],"parent":"home"}
</td>
</tr>
<tr data-flux-row>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
testimonials
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
pages
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
{"title":"Testimonials","updated_by":"e57de76f-ee6a-45b5-911c-7e92dd1905a5","page_builder":[{"id":"m2mqvxd5","title":[{"type":"paragraph","content":[{"type":"text","text":"Testimonials"}]}],"type":"hero","enabled":true},{"id":"m2mqwizf","query":"all","type":"testimonials","enabled":true}],"parent":"home"}
</td>
</tr>
<tr data-flux-row>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
inquiry
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
pages
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
{"title":"Inquiry","author":"e57de76f-ee6a-45b5-911c-7e92dd1905a5","updated_by":"e57de76f-ee6a-45b5-911c-7e92dd1905a5","page_builder":[{"id":"m1b8oi70","title":[{"type":"paragraph","content":[{"type":"text","text":"Simple "},{"type":"text","marks":[{"type":"italic"}],"text":"pricing tiers"},{"type":"text","text":" for any occasion."}]}],"type":"hero","enabled":true},{"id":"m1b6g5u0","tiers":[{"id":"u2hL4Qat","title":"Family","description":"An unforgettable photo session for the books with your loved ones.","features":["Photo editing","Access to online gallery","Digital download","Print release"],"price":350},{"id":"m1b8h6nf","title":"Engagement","description":"Celebrate your love story with stunning engagement photos.","features":["Photo editing","Access to online gallery","Digital download","Print release"],"price":450},{"id":"m1b8hil2","title":"Wedding","description":"Capture the joy, romance, and love of your special day.","features":["Photo editing","Access to online gallery","Digital download","Print release"],"price":1800},{"id":"m1b8hrng","title":"Corporate","description":"Showcase your brand with sleek, impactful corporate photography","features":["Photo editing","Access to online gallery","Digital download","Print release"],"price":450}],"type":"pricing","enabled":true},{"id":"m1l63syh","text":[{"type":"paragraph","content":[{"type":"text","marks":[{"type":"italic"}],"text":"Ready to discuss"},{"type":"text","text":" your\u00a0special occasion? Shoot me a DM on "},{"type":"text","marks":[{"type":"link","attrs":{"href":"https:\/\/instagram.com","rel":null,"target":null,"title":null}}],"text":"Instagram"},{"type":"text","text":", write an "},{"type":"text","marks":[{"type":"link","attrs":{"href":"mailto:<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d7bfb2bbbbb897babeb4bfb6b2bbb6b2a5b9bef9b4bf">[email protected]</a>","rel":null,"target":null,"title":null}}],"text":"email"},{"type":"text","text":",\u00a0or fill out the form below."}]}],"type":"cta","enabled":true},{"id":"m1ky1ge2","type":"form","enabled":true,"form":"inquiry"}],"parent":"home"}
</td>
</tr>
<tr data-flux-row>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
top-down
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
galleries
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
{"title":"Top-Down","images":["top-down\/parsa-mahmoudi-wktjudfme4a-unsplash.jpg","top-down\/florian-wehde-5nuxttz7sw8-unsplash.jpg","top-down\/bernd-dittrich-al0g1wagor0-unsplash.jpg","top-down\/jeremy-vessey-m-nklqivcqc-unsplash.jpg","top-down\/honza-reznik-lscqonfzq1s-unsplash.jpg","top-down\/anatolii-bazarov-yllwtbmlj04-unsplash.jpg","top-down\/derek-liang-izypsha074u-unsplash.jpg","top-down\/julia-koblitz-gcxs6_c9hjq-unsplash.jpg","top-down\/bernd-dittrich-fnz-fxwxl2c-unsplash.jpg","top-down\/martin-reisch-ei32dgwn450-unsplash.jpg","top-down\/brandon-nelson-2s!py-1.5 mdzopbmso-unsplash.jpg","top-down\/alen-smola-ljx1hvl3gha-unsplash.jpg","top-down\/lance-asper-pawy7xrslwc-unsplash.jpg","top-down\/olena-bohovyk-0brgswknrsi-unsplash.jpg","top-down\/hans-isaacson-4h0zymrn2ss-unsplash.jpg","top-down\/nick-stephenson-5yu7nyaed_y-unsplash.jpg","top-down\/rishabh-dharmani-bsxoqhn299a-unsplash.jpg","top-down\/romain-gal-vyvw--ge_-o-unsplash.jpg","top-down\/hans-isaacson-lrfdmrmncx8-unsplash.jpg","top-down\/honza-reznik-eu25syh-sae-unsplash.jpg","top-down\/hans-isaacson-gduwtvm1ao8-unsplash.jpg","top-down\/amir-saboury-n7cm6-wddwy-unsplash.jpg"],"categories":["cities","landscapes"],"updated_by":"e57de76f-ee6a-45b5-911c-7e92dd1905a5"}
</td>
</tr>
<tr data-flux-row>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
switzerland
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
galleries
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
{"title":"Switzerland","images":["switzerland\/jose-llamas--8ir6uo4a_a-unsplash.jpg","switzerland\/nigel-tadyanehondo-jcccwrvssd4-unsplash.jpg","switzerland\/joel-jasmin-forestbird-4s3imbiappo-unsplash.jpg","switzerland\/chris-herath-utel14s8t9q-unsplash.jpg","switzerland\/daniel-sessler-myo9jwkpq60-unsplash.jpg","switzerland\/gabriel-garcia-marengo-speqiuw7_tq-unsplash.jpg","switzerland\/raph-howald-lbvhcbmleyg-unsplash.jpg","switzerland\/boris-baldinger-6ogl3xacolm-unsplash.jpg","switzerland\/mohammed-abdullatif-naeipj51ehe-unsplash.jpg","switzerland\/daniel-fazio-c8gq7jajpsg-unsplash.jpg","switzerland\/nigel-tadyanehondo-d30e78ekcie-unsplash.jpg","switzerland\/morgan-thompson-i7q8s0knhn0-unsplash.jpg","switzerland\/pascal-debrunner-utbcrtjp18g-unsplash.jpg","switzerland\/phillip-gow-rawu5ijsbek-unsplash.jpg","switzerland\/william-christen-7_yqngn5qy4-unsplash.jpg","switzerland\/dino-reichmuth-zlv1ksvifvs-unsplash.jpg"],"updated_by":"e57de76f-ee6a-45b5-911c-7e92dd1905a5","categories":["landscapes"]}
</td>
</tr>
<tr data-flux-row>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
streets
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
galleries
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
{"title":"Streets","images":["streets\/edoardo-cuoghi-2fabd_agcog-unsplash.jpg","streets\/marc-kleen-akys56fqovo-unsplash.jpg","streets\/dmitry-korkhau-mj8tw_0ngoa-unsplash.jpg","streets\/gavin-tang-oohhpdeszru-unsplash.jpg","streets\/adam-neumann-rwjx1ga3nvg-unsplash.jpg","streets\/lim-eng-gu0c9wsd5jm-unsplash.jpg","streets\/oskars-sylwan-99wmytakiyg-unsplash.jpg","streets\/dan-senior-t_vwqwz8r1c-unsplash.jpg","streets\/matthew-henry-ix1tis-e17e-unsplash.jpg","streets\/matteo-catanese-5elki0kbyf4-unsplash.jpg","streets\/sebastian-pichler-t9iizcldzyy-unsplash.jpg","streets\/krisjanis-kazaks-umgevy2c7i4-unsplash.jpg","streets\/arthur-edelmans-sz38ijqtl74-unsplash.jpg","streets\/ravi-sharma-gwliuo0qwfq-unsplash.jpg","streets\/luke-stackpoole-xgxku6um9jy-unsplash.jpg","streets\/jc-gellidon-tbmlrexhklu-unsplash.jpg","streets\/xingchen-yan-2wpcvk7odom-unsplash.jpg","streets\/marc-kleen-e1f9yy-dzoy-unsplash.jpg"],"updated_by":"e57de76f-ee6a-45b5-911c-7e92dd1905a5","categories":["cities"]}
</td>
</tr>
<tr data-flux-row>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
portraits
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
galleries
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
{"title":"Portraits","images":["portraits\/joshua-rawson-harris-vfibgwnk2x0-unsplash.jpg","portraits\/amirreza-momennia-le03g7yj09c-unsplash.jpg","portraits\/javier-reyes-xdyloqurfd8-unsplash.jpg","portraits\/blake-cheek-uopsuln0etg-unsplash.jpg","portraits\/dineshkumar-m-zmlvatscqsm-unsplash.jpg","portraits\/omid-armin-01l_b98szrk-unsplash.jpg","portraits\/akbar-nemati-kcvsj1g-sei-unsplash.jpg","portraits\/omid-armin-65jdpsttl-0-unsplash.jpg","portraits\/medelwaid-71pworrsqwq-unsplash.jpg","portraits\/joshua-rawson-harris-ouee9842wrg-unsplash.jpg","portraits\/rui-silvestre-jcevruqslts-unsplash.jpg","portraits\/joshua-rawson-harris-0a5lyckmm8s-unsplash.jpg","portraits\/laura-oliveira-iqqbyznhzei-unsplash.jpg"],"updated_by":"e57de76f-ee6a-45b5-911c-7e92dd1905a5","preview_image":"portraits\/joshua-rawson-harris-vfibgwnk2x0-unsplash.jpg","categories":["people"]}
</td>
</tr>
<tr data-flux-row>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
portraits
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
galleries
</td>
<td class="py-3 px-3 first:pl-0 last:pr-0 text-sm text-zinc-500 dark:text-zinc-300" data-flux-cell>
{"title":"Portraits","images":["portraits\/joshua-rawson-harris-vfibgwnk2x0-unsplash.jpg","portraits\/amirreza-momennia-le03g7yj09c-unsplash.jpg","portraits\/javier-reyes-xdyloqurfd8-unsplash.jpg","portraits\/blake-cheek-uopsuln0etg-unsplash.jpg","portraits\/dineshkumar-m-zmlvatscqsm-unsplash.jpg","portraits\/omid-armin-01l_b98szrk-unsplash.jpg","portraits\/akbar-nemati-kcvsj1g-sei-unsplash.jpg","portraits\/omid-armin-65jdpsttl-0-unsplash.jpg","portraits\/medelwaid-71pworrsqwq-unsplash.jpg","portraits\/joshua-rawson-harris-ouee9842wrg-unsplash.jpg","portraits\/rui-silvestre-jcevruqslts-unsplash.jpg","portraits\/joshua-rawson-harris-0a5lyckmm8s-unsplash.jpg","portraits\/laura-oliveira-iqqbyznhzei-unsplash.jpg"],"updated_by":"e57de76f-ee6a-45b5-911c-7e92dd1905a5","preview_image":"portraits\/joshua-rawson-harris-vfibgwnk2x0-unsplash.jpg","categories":["people"]}
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-white to-transparent"></div>
</div>
</div>
</div> <img loading="lazy" src="/img/branding/rotary-card-index.webp" alt="Rotary card index" width="600" height="627" class="w-44 lg:w-64 absolute top-0 right-0 md:top-auto md:bottom-0 translate-y-4 md:translate-y-0 lg:translate-x-1/4 lg:translate-y-1/2 drop-shadow-coral">
<svg class='absolute flip-y text-[#E7E0FC] -z-1 w-full' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1076 587"><path fill="currentColor" d="M43.784 153.203C-198.423 401.295 650.68 741.39 878.833 507.694c177.627-181.945 272.757-260.847 119.81-412.51-174.317-142.71-777.231-123.927-954.86 58.018Z"/></svg>
<svg class='rotate-[14deg] absolute text-[#F5DDEE] -z-1 w-full scale-[110%] blur-xl mix-blend-multiply' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1245 474"><path fill="currentColor" d="M1244.06 237.05C1262.51 106.409 999.242.504 656.038.504 312.834.504 19.657 106.409 1.209 237.05c-18.447 130.64 244.82 236.545 588.024 236.545 343.205 0 636.377-105.905 654.827-236.545Z"/></svg>
<div class="absolute top-0 left-0 w-full h-full -z-1 scale-125 pointer-events-none" style="background: url('/img/branding/grid-lines.svg') repeat; background-size: 75%;"></div>
</div>
<div class="mt-8 max-w-md mx-auto text-center px-4">
<p class="text-lg md:text-xl font-serif font-light tracking-tighter text-[#4E5154]">Move your data into a database & <strong class="font-bold">start scaling</strong> without modifying a single template or blueprint.</p>
</div>
</div>
</ui-tab-group>
</section>
<section class="bg-gradient-purple-darker py-52 relative">
<header class="marketing-content text-center max-w-5xl mx-auto relative z-[2]">
<h2 class="text-balance">Explore the ever-expanding <strong>Statamic Ecosystem</strong></h2>
</header>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-lg lg:max-w-6xl px-4 mx-auto 2xl:max-w-8xl mt-24 relative z-[2] items-start">
<div class="bg-white/70 shadow-lg-soft ring-1 ring-tan-darker/10 px-8 py-12 rounded-2xl overflow-hidden">
<p class="text-base mb-4 text-neutral-600">Addon Marketplace</p>
<h3 class="text-4xl mb-2 font-normal tracking-tight font-sans">Yeah, there's probably an addon for that.</h3>
<div class="relative pt-16">
<div class="w-[420px] relative left-8 rotate-5 z-10">
<a href="https://statamic.com/addons/mity-digital/two-factor" class="group flex flex-col justify-between bg-white p-3 border border-purple/40 rounded-lg shadow-sm-soft hover:shadow-none transition-all h-full transform relative hover:scale-[.99]">
<div class="flex items-start">
<img class="h-16 w-16 object-cover md:h-[100px] md:w-[100px] mr-3 rounded drop-shadow" width="96" height="96" src="/storage/products/zz3O9sSx5XQhCuGUu9oubcZNI3V9vJkbvKpnnQt8.png" alt="Two Factor for Statamic Thumbnail" />
<div class="w-full">
<div class="flex items-center justify-between w-full">
<div class="flex items-center">
<svg class='h-3 w-3 text-pink mr-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48"><g id="heart--reward-social-rating-media-heart-it-like-favorite-love"><path id="Subtract" fill="currentColor" fill-rule="evenodd" d="M1.926 14.91c2.16-9.743 14.086-13.763 21.56-7.191.174.151.346.314.514.48.168-.166.34-.329.513-.48 7.475-6.572 19.4-2.552 21.56 7.19 1.492 6.347-1.033 11.768-4.757 16.202-3.696 4.4-8.74 8.034-12.714 10.897l-.028.02a7.843 7.843 0 0 1-9.149 0l-.027-.02c-3.973-2.862-9.019-6.497-12.714-10.897-3.725-4.434-6.249-9.855-4.758-16.202Zm31.518-5.116a2.25 2.25 0 0 0-.889 4.412c1.976.398 3.743 1.924 4.245 4.265a2.25 2.25 0 1 0 4.4-.942c-.897-4.187-4.12-7.002-7.756-7.735Z" clip-rule="evenodd"></path></g></svg>
<span class="text-xs font-light"></span>
</div>
<div class="text-xs flex items-center">
Certified Partner
<img src="/img/icons/check-badge-mint.svg" class="h-4 w-4 ml-2" alt="Built by a Partner">
</div>
</div>
<div class="font-semibold leading-none py-1.5">Two Factor for Statamic</div>
<div class="leading-tight text-grey-700 text-sm" v-pre>Adds two factor authentication (2FA) to Statamic</div>
</div>
</div>
<div class="pt-6 flex items-center justify-between">
<div class="flex items-center">
<img src="https://statamic.com/images/storage/avatars/z8wXzkQVHJ4y3GyDS9srXWYmRXDKYWdXPGYHDXW2.png?fit=max&w=72&h=72" alt="Mity Digital" class="h-9 w-9 rounded-full" loading="lazy">
<div class="ml-2 leading-none">
<span class="text-xs font-normal block leading-none">Built by</span>
<strong class="text-sm font-semibold leading-none">Mity Digital</strong>
</div>
</div>
<div class="bg-purple-light text-purple-dark font-semibold px-3 py-1 rounded text-sm relative">
$39
<img src="/img/branding/all-the-things.png" class="absolute left-[2px] -top-8 translate-y-7 group-hover:translate-y-0 transform transition-all opacity-0 group-hover:opacity-100 -z-1 h-8" alt="">
</div>
</div>
</a>
</div>
<div class="w-[420px] relative -top-16 z-20">
<a href="https://statamic.com/addons/statamic/seo-pro" class="group flex flex-col justify-between bg-white p-3 border border-purple/40 rounded-lg shadow-sm-soft hover:shadow-none transition-all h-full transform relative hover:scale-[.99]">
<div class="flex items-start">
<img class="h-16 w-16 object-cover md:h-[100px] md:w-[100px] mr-3 rounded drop-shadow" width="96" height="96" src="/storage/products/nxJZ24JYeBHf3r484vYrKHbAxqfLuSRrOlgLmIQi.png" alt="SEO Pro Thumbnail" />
<div class="w-full">
<div class="flex items-center justify-between w-full">
<div class="flex items-center">
<svg class='h-3 w-3 text-pink mr-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48"><g id="heart--reward-social-rating-media-heart-it-like-favorite-love"><path id="Subtract" fill="currentColor" fill-rule="evenodd" d="M1.926 14.91c2.16-9.743 14.086-13.763 21.56-7.191.174.151.346.314.514.48.168-.166.34-.329.513-.48 7.475-6.572 19.4-2.552 21.56 7.19 1.492 6.347-1.033 11.768-4.757 16.202-3.696 4.4-8.74 8.034-12.714 10.897l-.028.02a7.843 7.843 0 0 1-9.149 0l-.027-.02c-3.973-2.862-9.019-6.497-12.714-10.897-3.725-4.434-6.249-9.855-4.758-16.202Zm31.518-5.116a2.25 2.25 0 0 0-.889 4.412c1.976.398 3.743 1.924 4.245 4.265a2.25 2.25 0 1 0 4.4-.942c-.897-4.187-4.12-7.002-7.756-7.735Z" clip-rule="evenodd"></path></g></svg>
<span class="text-xs font-light"></span>
</div>
</div>
<div class="font-semibold leading-none py-1.5">SEO Pro</div>
<div class="leading-tight text-grey-700 text-sm" v-pre>An all-in-one site reporting, metadata mastering, OG managing, Twitter card maki...</div>
</div>
</div>
<div class="pt-6 flex items-center justify-between">
<div class="flex items-center">
<img src="https://statamic.com/images/storage/avatars/M4QHD6S4SaAP505YRwQr5BaVVTs200YprkTfoQo9.jpg?fit=max&w=72&h=72" alt="Statamic" class="h-9 w-9 rounded-full" loading="lazy">
<div class="ml-2 leading-none">
<span class="text-xs font-normal block leading-none">Built by</span>
<strong class="text-sm font-semibold leading-none">Statamic</strong>
</div>
</div>
<div class="bg-purple-light text-purple-dark font-semibold px-3 py-1 rounded text-sm relative">
$75
<img src="/img/branding/all-the-stag.png" class="absolute left-[8px] -top-8 translate-y-7 group-hover:translate-y-0 transform transition-all opacity-0 group-hover:opacity-100 -z-1 h-8" alt="">
</div>
</div>
</a>
</div>
<a href="/addons" class="btn btn-lg float-right">Explore the Addons →</a>
</div>
</div>
<div class="bg-white/70 shadow-lg-soft ring-1 ring-tan-darker/10 px-8 py-12 rounded-2xl overflow-hidden">
<p class="text-base mb-4 text-neutral-600">Starter Kit Marketplace</p>
<h3 class="text-4xl mb-2 font-normal tracking-tight font-sans">Get a jump start on your next project.</h3>
<img loading="lazy" src="https://statamic.com/img/marketplace/featured/photographer-starter-kit.jpg" class="rounded shadow-md-soft my-12" alt="The Photographer Starter Kit">
<a href="/marketplace" class="btn btn-lg float-right">Explore the Starter Kits →</a>
</div>
<div class="bg-white/70 shadow-lg-soft ring-1 ring-tan-darker/10 px-8 py-12 rounded-2xl overflow-hidden">
<p class="text-base mb-4 text-neutral-600">Built on Laravel</p>
<h3 class="text-4xl mb-2 font-normal tracking-tight font-sans">A drop-in-ready CMS for all your Laravel projects.</h3>
<img loading="lazy" src="/img/branding/composer-require-statamic.png" class="shadow-md-soft rounded-xl w-full my-12" alt="Terminal showing how to install Statamic into an existing Laravel application with Composer">
<a href="/starter-kits" class="btn btn-lg float-right">Explore the Starter Kits →</a>
</div>
<div class="bg-white/70 shadow-lg-soft ring-1 ring-tan-darker/10 px-8 py-12 rounded-2xl overflow-hidden">
<p class="text-base mb-4 text-neutral-600">Expert Partners Network</p>
<h3 class="text-4xl mb-2 font-normal tracking-tight font-sans">Find a development partner you can trust.</h3>
<div class="relative pt-12">
<div class="w-[420px] relative left-8 rotate-5 z-10">
<a href="/partners/4dmind-statamic-cms-experts" class="group flex flex-col justify-between bg-white p-3 border border-purple/40 rounded-lg shadow-sm-soft hover:shadow-none transition-all h-full overflow-hidden transform relative hover:scale-[.99] no-underline">
<div class="flex items-start">
<img class="h-16 w-16 object-cover md:h-[100px] md:w-[100px] mr-3 rounded" width="96" height="96" src="/glide-img/storage/avatars/iwWuR24KgMqjLQ46hLXM3p2WRkTxBigKDSfvi5vS.png?h=192&w=192&s=fd9c1c324965ef7ccb28c2c257329896" alt="Avatar for 4DMIND" />
<div class="w-full">
<div class="font-semibold leading-none py-1.5">4DMIND</div>
<div class="leading-tight text-grey-700 text-sm">Statamic experts specializing in complex builds and the long-term maintenance and support of large Statamic...</div>
</div>
</div>
<div class="pt-6 flex items-end justify-between">
<div class="flex items-center">
<div class="ml-2 leading-none">
<span class="text-xs font-light block leading-none">
Certified
Agency
</span>
<strong class="text-sm font-semibold leading-none">Warsaw, Poland</strong>
</div>
</div>
<div class="font-light px-3 rounded text-xs relative flex items-center">
<span class="w-1.5 h-1.5 bg-green-light rounded-full mr-1.5"></span>
<span>Has Availability</span>
</div>
</div>
</a>
</div>
<div class="w-[420px] relative -top-16 z-20">
<a href="/partners/futureman-digital" class="group flex flex-col justify-between bg-white p-3 border border-purple/40 rounded-lg shadow-sm-soft hover:shadow-none transition-all h-full overflow-hidden transform relative hover:scale-[.99] no-underline">
<div class="flex items-start">
<img class="h-16 w-16 object-cover md:h-[100px] md:w-[100px] mr-3 rounded" width="96" height="96" src="/glide-img/storage/avatars/euhz20uTOji9Z6aEqaABtaA1np0pUryKSSiABxTB.png?h=192&w=192&s=4a8d082fe54662191618265c7ec8fb08" alt="Avatar for Futureman Digital" />
<div class="w-full">
<div class="font-semibold leading-none py-1.5">Futureman Digital</div>
<div class="leading-tight text-grey-700 text-sm">We like to think we are a few light years ahead of the game. If you're looking for an agency that delivers t...</div>
</div>
</div>
<div class="pt-6 flex items-end justify-between">
<div class="flex items-center">
<div class="ml-2 leading-none">
<span class="text-xs font-light block leading-none">
Certified
Agency
</span>
<strong class="text-sm font-semibold leading-none">Chicago, IL, United States</strong>
</div>
</div>
<div class="font-light px-3 rounded text-xs relative flex items-center">
<span class="w-1.5 h-1.5 bg-green-light rounded-full mr-1.5"></span>
<span>Has Availability</span>
</div>
</div>
</a>
</div>
<a href="/partners" class="btn btn-lg float-right">Find a Partner →</a>
</div>
</div>
<div class="bg-white/70 shadow-lg-soft ring-1 ring-tan-darker/10 px-8 py-12 rounded-2xl overflow-hidden">
<p class="text-base mb-4 text-neutral-600">Encouraging Community</p>
<h3 class="text-4xl mb-2 font-normal tracking-tight font-sans">A caring community you can feel at home in.</h3>
<div class="relative pt-12 pb-20">
<div class="pt-0 relative">
<img loading="lazy" src="/img/branding/discord-chat.webp" width="403" height="454" class="shadow-lg-purple rounded-2xl relative top-0 z-20" alt="">
<img loading="lazy" src="/img/branding/discord-chat.webp" width="403" height="454" class="shadow-lg-purple rounded-2xl absolute top-10 left-8 rotate-5 z-10" alt="">
</div>
</div>
<div>
<a href="/discord" class="btn btn-lg float-right">Join our Discord →</a>
</div>
</div>
<div class="bg-white/70 shadow-lg-soft ring-1 ring-tan-darker/10 px-8 py-12 rounded-2xl overflow-hidden">
<p class="text-base mb-4 text-neutral-600">Great Documentation</p>
<h3 class="text-4xl mb-2 font-normal tracking-tight font-sans">Docs you <strong>actually</strong> want to read.</h3>
<img loading="lazy" src="/img/branding/docs-promo-1.jpg" width="460" height="260" class="rounded-2xl shadow-lg-purple my-12 z-10" alt="">
<a href="https://statamic.dev" class="btn btn-lg float-right">Read the Docs →</a>
</div>
</div>
<div class="absolute top-0 left-0 w-full h-full bg-cover" style="background: url('/img/branding/grid-lines.svg') repeat"></div>
<div class="bg-paper-tear-sm -top-[2px] absolute"></div>
<div class="bg-paper-tear-sm -bottom-[2px] absolute flip-y"></div>
</section>
<section class="mx-auto py-16 flex flex-wrap">
<header class="px-4 marketing-content text-center max-w-5xl mx-auto relative z-[2]">
<h2 class="text-balance mb-4">Created with Statamic</h2>
<p class="text-lg md:text-xl font-serif font-light tracking-tighter text-[#4E5154]">Explore some of the sites powered by Statamic</p>
<a href="/showcase" class="btn btn-outline">Visit the Showcase</a>
</header>
<div class="w-full mt-12">
<div class="splide" id="splide-1" aria-label="Statamic Sites">
<div class="splide__track">
<div class="splide__list">
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/regeneratedcom" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODY1MzM4NjUtcmVnZW5lcmF0ZWQuY29tLmpwZw/1786533865-regenerated.com.jpg?w=660&fm=webp&s=5a8b283823ff6e9c5e55026cafa496e2" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/redeemer-church" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODY1Nzk1NjAtQ29kZXggSW1hZ2UgMTMgQXVnIDIwMjYsIDExXzU2XzAyLnBuZw/1786579560-Codex%20Image%2013%20Aug%202026,%2011_56_02.png?w=660&fm=webp&s=bd28a94d6cee1d590f9547805ef32f5a" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/laravel" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODY0MTE4NjAtbGFyYXZlbC5jb21fLnBuZw/1786411860-laravel.com_.png?w=660&fm=webp&s=38836a35522c0f8538c443437c0d110e" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/opssuite" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODYzNTcyMTYtb3Bzc3VpdGUgbG9nbyAoMikuanBn/1786357216-opssuite%20logo%20%282%29.jpg?w=660&fm=webp&s=c7da1db0d14c45b7b57cab56e7447eb3" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/cove-life" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODYwNDYzMzMtY292ZS13ZWJzaXRlLnBuZw/1786046333-cove-website.png?w=660&fm=webp&s=0975e3bfdae135abb72a62cf12029254" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/maier-gugeler-mayer-architekten" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODYwNDY0NjItbWdtYXJjaGl0ZWt0ZW4ucG5n/1786046462-mgmarchitekten.png?w=660&fm=webp&s=b2b0ef2544c85fa48e30ca514435a868" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/stadtjugendring-reutlingen" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODYwNDczMTgtc2pyLnBuZw/1786047318-sjr.png?w=660&fm=webp&s=867700cf2b2a1883d5fcd874e8851895" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/xals-genossenschaft" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODYwNDcwMTIteGFlbHMucG5n/1786047012-xaels.png?w=660&fm=webp&s=5a0bee22a3d546ee1cbe2e01b81a9371" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/zahnarchitekten-stuttgart" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODYwNTA3MjAtemFobmFyY2hpdGVrdGVuLTIucG5n/1786050720-zahnarchitekten-2.png?w=660&fm=webp&s=ac041ace3ef8e094ba73ebb289f209bb" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/acre-studio" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODYwNTA3NjYtYWNyZS5wbmc/1786050766-acre.png?w=660&fm=webp&s=0963a428c386b888ebf900aa5dd1d27c" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/sounds-like-these" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODYwNTEyODktc291bmRzbGlrZXRoZXNlLnBuZw/1786051289-soundslikethese.png?w=660&fm=webp&s=1b1e239ab0d00a2627131b46b53c5ddb" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/elvis-eishandwerk" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODUxNDE4OTYtZWx2aXMtZWlzaGFuZHdlcmstZGUucG5n/1785141896-elvis-eishandwerk-de.png?w=660&fm=webp&s=0bf43c64d781aa05893bd37c3512dd95" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="splide" id="splide-2" aria-label="More Statamic Sites">
<div class="splide__track">
<div class="splide__list">
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/justbetter" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" loading="lazy" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODQwMTY3MDMtanVzdGJldHRlci1zY3JlZW4yLnBuZw/1784016703-justbetter-screen2.png?w=660&fm=webp&s=cf2efa3d99bbaae854ab1bcebc838309" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/envirocare-landscape-management" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" loading="lazy" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODM1Mjg5NTktZW52aXJvY2FyZS5qcGc/1783528959-envirocare.jpg?w=660&fm=webp&s=7840bc381f4f6d54267fd2a04d978188" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/dampsoft" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" loading="lazy" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODM0MjU1MTMtZGFtcHNvZnQucG5n/1783425513-dampsoft.png?w=660&fm=webp&s=86b7e9fc7edae652e6f03aa4bfc4e0ec" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/atlas-pinball-photography-collection" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" loading="lazy" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODIxNDIzMjktYXRsYXNob21lLmpwZw/1782142329-atlashome.jpg?w=660&fm=webp&s=bbe50d505994488fc1c09e70174c23d1" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/madison-brescia" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" loading="lazy" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3ODExMDU0NTktc2NyZWVuY2FwdHVyZS1tYWRpc29uYnJlc2NpYS1pdC0yMDI2LTA2LTEwLTE3XzI5XzA3LnBuZw/1781105459-screencapture-madisonbrescia-it-2026-06-10-17_29_07.png?w=660&fm=webp&s=be5280a0a07e58fcb6b7b7c8c759b6f2" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/esv-akademie" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" loading="lazy" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3Nzk5ODA0MzktRVNWLnBuZw/1779980439-ESV.png?w=660&fm=webp&s=be25c6952678560d29c941b9395ff790" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/sunhorse" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" loading="lazy" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3Nzk5ODA3MDUtU3VuaG9zZS5wbmc/1779980705-Sunhose.png?w=660&fm=webp&s=dd1bf0e79840b7cafb3374978a1aa262" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/deutscher-stiftungstag" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" loading="lazy" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3Nzk5ODA3NzQtRGV1dHNjaGVyIFN0aWZ0dW5nc3RhZy5wbmc/1779980774-Deutscher%20Stiftungstag.png?w=660&fm=webp&s=7b6382ef321c8fedec833453a726935e" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/mebedo-holding" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" loading="lazy" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3Nzk5ODA4MTgtTWViZWRvIEhvbGRpbmcucG5n/1779980818-Mebedo%20Holding.png?w=660&fm=webp&s=2f60bf04607dd63a9317107b8782ee54" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/c-miesen" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" loading="lazy" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3Nzk5ODA4NjUtQyBNaWVzZW4ucG5n/1779980865-C%20Miesen.png?w=660&fm=webp&s=27a64a7116ca4cbe2be89fc290474788" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/parkosecure-gmbh" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" loading="lazy" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3Nzk4MTc0ODQtU2lkb3JhU2hvdDA1MjQ0OEAyeC5qcGc/1779817484-SidoraShot052448@2x.jpg?w=660&fm=webp&s=82baa2a4f0b13bc4dee63c9700ec536b" alt="">
</a>
</div>
</div>
<div class="splide__slide p-4">
<div class="splide__slide__container group flex flex-col">
<a href="/showcase/rolling-meadow" class="relative group h-[420px] shadow-md-soft rounded-lg">
<img class="w-full h-full object-cover object-top rounded-lg" loading="lazy" src="/glide-img/asset/c2hvd2Nhc2VfaW1hZ2VzLzE3Nzk4MTYzNDMtc3RhdGFtaWMtY2FzZS1yb2xsaW5nbWVhZG93LmpwZw/1779816343-statamic-case-rollingmeadow.jpg?w=660&fm=webp&s=80e546efe62b72236f9cdeb5a1338f7f" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="marketing-content bg-gradient-coral min-h-[800px] py-12 lg:py-24 relative flex items-center justify-center">
<div class="max-w-5xl relative z-[2] flex flex-col lg:flex-row items-center px-4">
<a href="https://x.com/cboxdk" target="_blank" class="jitter hidden lg:block">
<img src="/img/content/people/cutout-sylvester-damgaard.webp" width="290" height="321" alt="Sylvester Damgaard, Principal Architect for TV2 Regionere" class="drop-shadow-coral mr-12">
</a>
<div class="max-w-xl">
<p><em class="font-medium not-italic">Sylvester Damgaard</em> Principal Architect, TV2 Regionere</p>
<blockquote class="">“Our journalists love Statamic! It scales perfectly as <strong>an enterprise CMS</strong> and significantly enhances our workflow.”</blockquote>
<a href="https://omtv2.tv2.dk/fakta/organisation/tv-2-regionerne/" target="_blank" class="grayscale hover:grayscale-0 inline-block">
<img src="/img/customers/tv2.svg" alt="TV2 Regionere" width="64" height="64">
</a>
</div>
</div>
<div class="bg-paper-tear-sm -top-[2px] absolute"></div>
<div class="bg-paper-tear-sm -bottom-[2px] absolute flip-y"></div>
</section>
<section class="marketing-content pt-24 relative">
<div class="max-w-4xl mx-auto px-4 text-center">
<div class="inline-flex items-center gap-2 px-4 py-2 rounded-full border-2 border-dashed border-coral text-coral text-sm font-bold uppercase tracking-wider mb-8">
<span class="size-2 rounded-full bg-coral"></span>
Free Forever · No Card Needed
</div>
<h2 class="!text-6xl md:!text-8xl !leading-[1] !mb-8">Take it for a <em class="italic font-serif inline-block origin-center transition-transform duration-700 ease-out hover:rotate-[360deg] hover:text-coral">spin</em>.</h2>
<p class="intro max-w-2xl mx-auto">Statamic Core is free forever. Pro is free in development and staging for as long as you need. Ship when you're ready.</p>
<div class="flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6 mt-12">
<a href="/sign-up" class="btn-black-lg">Get me started</a>
<a href="https://demo.statamic.com/cp" target="_blank" class="btn-hollow-lg">Try the Demo</a>
</div>
</div>
<img src="/img/branding/waterfalls-surreal-best-way.webp" alt="" class="relative -bottom-8 lg:-bottom-16 z-[2]">
</section>
</article>
<footer id="site-footer" class="relative print:hidden ">
<div class="absolute right-4 -top-8" v-pre>
<div class="flex items-center font-hand text-sm parent" x-data="{ play: false }">
<div x-cloak x-show.transition.in.duration.1000ms.origin.right.out.duration.800="play" class="pb-1">If do right no can defense</div>
<div x-on:click="$refs.defense.play(); play = true; setTimeout(() => { play = false }, 2300)">
<svg class='text-black h-8 ml-2 cursor-pointer' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 313.47 742.77"><path fill="currentColor" d="M88.74,41.73,91.55,35l-9.85,4-6-4.63c2.21-2.59,4.38-4.89,6.27-7.39,2.35-3.11,4.38-6.47,6.76-9.56a8.47,8.47,0,0,1,3.7-3C104.54,10.61,116.76,6.92,128.91,3a55.18,55.18,0,0,0,6.52-3c15.65,6.7,31.41,13.56,47.25,20.21,15.57,6.54,30.56,14.47,47,21.2-.3-3.13-.43-4.53-.67-7l7.28,1.48-.23-.75,13.25-2.77c.69,3.54,1.2,6.2,1.77,9.13l7.68-2c-.74,3.48-1.28,6-1.91,9l4.65,2.62c-.6,5.56-2.19,10.81-1.41,15.67s3.91,9.59,5.8,13.88l7.43,1.15,6-9.18c8.07-1.17,8.82-.84,10.94,5L298.6,76c-1.23,2.72-1.81,4.31-2.64,5.75s-2,2.94-3.93,5.66l8.54-2.13A106.3,106.3,0,0,1,303.88,97c.16.93-1.94,3-3.27,3.32a128.58,128.58,0,0,1-17.6,2.87c-2.74.21-5.61-1.28-9.12-2.18.87,3.41,1.64,6.69,2.56,9.93,2.35,8.28,4.44,16.65,7.27,24.77a129.45,129.45,0,0,0,8.58,19.65c4.71,8.55,6.28,17.8,7,27.18,1,12.18,1.5,24.42,1.66,36.64.08,6.22-.87,12.49-1.79,18.68-.19,1.34-2.91,2.19-3.38,3.62-2.28,7-4.74,14.08-6,21.32-.52,3,1.36,6.79,2.94,9.81,3.79,7.25,5.28,14-1.91,20.11-.85.73-1.18,2.35-1.31,3.6-1.58,15.39-7,29.53-13.65,43.33-1.53,3.17-1.88,6.92-2.42,9-3.38,6.08-6.35,11.07-9,16.24-2.54,5-4.17,10.53-7.16,15.21a250.72,250.72,0,0,1-15.85,22C231.17,415,219.65,427,211.6,441.64c-2.65,4.83-2.91,8.75.92,11.45,18.48,13,26.34,31.68,29.06,53.24,1.34,10.66,1.42,21.77,4.68,31.82,3.51,10.83,9.88,20.78,15.36,30.91,6.37,11.79,13.36,23.25,19.59,35.11A34.74,34.74,0,0,1,284.73,617c.34,3.82-1.28,7.5-5.74,8.82-8,2.37-15.8,3.75-24.25,1.25-3.24-1-7.75.64-11.13,2.24-8.08,3.82-16.16,5.77-25.26,4.92-10-.94-20.17-.81-30.26-.73-3.37,0-5.17-1.23-5.69-4.13s0-5.41,3.46-6.77a163.6,163.6,0,0,0,15.17-7c11.34-5.85,22.6-11.86,33.87-17.84,1.52-.8,2.93-1.83,4.18-2.62a395.32,395.32,0,0,0-34.33-77.73c-7.52-13.21-15.41-26.23-23.42-39.16-3.48-5.62-7.75-10.74-11.46-16.23a21,21,0,0,1-2.37-5.9c-1.26-4.27-2.11-8.68-3.56-12.88-1.39-4-1.06-7.39.65-11.36,5.76-13.38,11.09-26.94,16.36-40.53,1.47-3.79,2.13-7.9,3.1-11.61l-6.15-6.56,6.41-13.09c5.57-3.45,8.46-10.82,11.15-18.38,1.3-3.65,0-6-3-7.91-2.75-1.76-5.38-3.71-8.19-5.67,2.16-5.23-.33-8.41-3.75-11.15Q165.77,305.22,151,293.53a16,16,0,0,0-3.5-1.55c-3.94,17.68-13.69,31.47-24.55,44.69-7.84,9.56-17.23,18-22.09,29.79-1.69,4.12-2.47,7.85-.83,12.41,1.71,4.75,2.34,10,2.81,15.06.6,6.55-2.24,10.12-8.71,11.05a82.09,82.09,0,0,1-16.31,1.13,45.71,45.71,0,0,0-24.87,5.38c-10.09,5.35-20.7,7.59-32.16,4-3.33-1-7.36-.76-10.87-.08-7.46,1.43-8.47,1-9.88-7.42,2.25-1.55,4.59-3.37,7.12-4.88C19.9,395.52,33,388.37,45.44,380.24c8.52-5.56,15.09-13.39,20-22.43q12-21.78,24-43.51c7.84-14.18,15.6-28.4,23.56-42.52,5.52-9.8,11-19.69,17.08-29.12,6.23-9.59,12.21-11.24,22.89-6.93,17.66,7.13,35.21,14.56,52.81,21.83,1.19.49,3.1,1.47,3.63,1,4.71-4.1,9.3-1.16,14.36.56l-.33-5.77,8-5.21L221.43,236l11.62-6c-2.34-7.49-4.63-14.8-7.14-22.82-9.15,7-17.78,13.38-26.2,20-4.51,3.57-8.37,4.22-13,1.08-17.12-11.63-31.85-25.75-45.09-41.69-7.9-9.51-16.57-18.64-28.48-23.56a8.36,8.36,0,0,0-2.36-.6c-5.25-.52-10.5-1-16.59-1.53-.81,1.78-1.9,4.12-2.94,6.47-2.08,4.69-3.83,5-8.14,1.53.88-3.71,1.77-7.44,2.88-12.09-6.91,3.47-9.16,13.21-19,9.63l10.7-17.52c-6.83,1.2-11.47,8.47-20,3.51L74.56,132c11.36.71,22.57,1.28,33.74,2.25,1.94.17,4.7,1.64,5.42,3.25,4.15,9.31,12,14.2,20.44,18.77,15.59,8.43,31,17.11,46.49,25.78,2.56,1.44,4.85,3.39,7.6,5.34l28.89-18.12c1.7-9.55,11.86-14.57,17.44-24.64l-4.24-4.06c-19.5,5.08-21.68,4.61-24.67-4.64l-1,.82-11.75-14.4.8-.67-5.37-2.84c1.3-6.36,2.55-12.46,3.81-18.64l-3.87-3.43V91.46c-4.53-.09-4.06-3.16-3.81-6.24.66-8.21,1.45-16.41,1.74-24.63a9.6,9.6,0,0,0-4.72-9.13c-12.1-7.49-24-15.36-36-23-3.09-2-6.05-2.49-9.63-.13-7.5,4.94-16.27,4.94-24.89,5.58-2.74.21-5.45,2.19-7.94,3.73-1.5.94-2.5,2.65-3.8,3.93C95.42,45.38,94,45.42,88.74,41.73ZM188,78.49v9l8.73,1c.29-3.64,1.26-7,.53-10-.39-1.6-3.66-2.51-6.63-4.34.56,4.54,6.57,6.55,1.68,10.84Zm14.15,9.76,1.44,1.2c1.17-1.69,3.07-3.26,3.33-5.08.4-2.84,1.94-6.5-2.52-8.78Z"/><path d="M305.61,622.78,289.82,619c8.78-2.44,15.73,1.32,23.62,3.33v11.76c0,15.82.09,31.63,0,47.45-.11,13.12-.58,26.24-.67,39.36-.05,5.61.4,11.24.71,16.85.2,3.63-1.41,5.06-5,5-39.61-.06-79.22,0-118.83-.06-4.51,0-7.83-4.9-7.85-9.39-.05-9.75-.83-19.49-1.09-29.23-.14-5.06.27-10.13.24-15.2,0-1.57-.92-3.13-1-4.72-.27-7-.13-14-.63-21-.4-5.49-4.49-9-11.18-10,8.24,7,7.75,16.42,8.36,25.12,1.38,19.83,1.89,39.73,2.68,59.6.05,1.09-.4,3.07-.87,3.15-4.12.68-8.35,1.54-12.43,1.17-1.32-.12-3.13-3.69-3.31-5.8-.68-8.09-.84-16.24-1.1-24.36-.39-12-.42-23.93-1.17-35.86-.39-6.32-2.27-12.55-2.85-18.88-.24-2.6,1.17-5.36,1.94-8.46-5.44-1.08-4.72-6.21-4.28-11.41l18-5.38.66,1.86-7.6,3.46,0,1.07c4.8.71,9.6,2,14.4,2,25.73.18,51.38-1.15,76.75-5.76,11.6-2.11,23.07-4.93,34.66-7.1C296.46,626.79,301.28,627.48,305.61,622.78Z"/></svg>
</div>
<audio x-ref="defense"><source src="/audio/no-can-defense.mp3" type="audio/mpeg" /></audio>
</div>
</div>
<div class="bg-black relative overflow-hidden text-white font-mono text-xs antialiased pt-12 sm:pt-24 lg:pt-32 pb-16 px-8 lg:px-24">
<div class="max-w-6xl mx-auto flex flex-wrap justify-between pb-12 hover-within:underline-grow">
<div class="w-full sm:w-1/2 md:w-1/3 lg:w-auto pb-12 pr-4">
<div class="uppercase text-sm font-bold pb-4 relative">
<svg class='footer-arrow' width="14" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M9.749 1.394l3 3a.857.857 0 010 1.212l-3 3a.857.857 0 01-1.212-1.212l1.17-1.17a.214.214 0 00-.151-.367H1.857a.857.857 0 010-1.714h7.699a.214.214 0 00.152-.366L8.537 2.606a.857.857 0 011.212-1.212z" fill="#FFF" fill-rule="nonzero" stroke="#191A1B" stroke-width=".857" stroke-linecap="round" stroke-linejoin="round"/></svg>
Product
</div>
<ul class="space-y-2">
<li><a href="/features">Features</a></li>
<li><a href="/pricing">Pricing</a></li>
<li><a href="/roadmap">Roadmap</a></li>
<li><a href="/vs/craft">Statamic vs Craft</a></li>
<li><a href="/vs/contentful">Statamic vs Contentful</a></li>
<li><a href="/vs/drupal">Statamic vs Drupal</a></li>
<li><a href="/vs/payload">Statamic vs Payload</a></li>
<li><a href="/vs/squarespace">Statamic vs Squarespace</a></li>
<li><a href="/vs/storyblok">Statamic vs Storyblok</a></li>
<li><a href="/vs/webflow">Statamic vs Webflow</a></li>
<li><a href="/vs/wordpress">Statamic vs WordPress</a></li>
<li><a href="/laravel-cms">Statamic as a Laravel CMS</a></li>
<li><a href="/flat-file-cms">Statamic as a Flat File CMS</a></li>
</ul>
</div>
<div class="w-full sm:w-1/2 md:w-1/3 lg:w-auto pb-12 pr-4">
<div class="uppercase text-sm font-bold pb-4 relative">
<svg class='footer-arrow' width="14" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M9.749 1.394l3 3a.857.857 0 010 1.212l-3 3a.857.857 0 01-1.212-1.212l1.17-1.17a.214.214 0 00-.151-.367H1.857a.857.857 0 010-1.714h7.699a.214.214 0 00.152-.366L8.537 2.606a.857.857 0 011.212-1.212z" fill="#FFF" fill-rule="nonzero" stroke="#191A1B" stroke-width=".857" stroke-linecap="round" stroke-linejoin="round"/></svg>
Marketplace
</div>
<ul class="space-y-2">
<li><a href="/marketplace">What's New</a></li>
<li><a href="/addons">Addons</a></li>
<li><a href="/starter-kits">Starter Kits</a></li>
<li><a href="/creator/begin">Become a Creator</a></li>
</ul>
</div>
<div class="w-full sm:w-1/2 md:w-1/3 lg:w-auto pb-12 pr-4">
<div class="uppercase text-sm font-bold pb-4 relative">
<svg class='footer-arrow' width="14" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M9.749 1.394l3 3a.857.857 0 010 1.212l-3 3a.857.857 0 01-1.212-1.212l1.17-1.17a.214.214 0 00-.151-.367H1.857a.857.857 0 010-1.714h7.699a.214.214 0 00.152-.366L8.537 2.606a.857.857 0 011.212-1.212z" fill="#FFF" fill-rule="nonzero" stroke="#191A1B" stroke-width=".857" stroke-linecap="round" stroke-linejoin="round"/></svg>
Resources
</div>
<ul class="space-y-2">
<li><a href="/blog">Blog</a></li>
<li><a href="https://statamic.dev">Documentation</a></li>
<li><a href="/support">Support Center</a></li>
<li><a href="/showcase">Showcase</a></li>
<li><a href="https://github.com/statamic/cms">GitHub</a></li>
<li><a href="/branding">Brand Kit</a></li>
<li><a href="/release-notes">Release Notes</a></li>
</ul>
</div>
<div class="w-full sm:w-1/2 md:w-1/3 lg:w-auto pb-12 pr-4">
<div class="uppercase text-sm font-bold pb-4 relative">
<svg class='footer-arrow' width="14" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M9.749 1.394l3 3a.857.857 0 010 1.212l-3 3a.857.857 0 01-1.212-1.212l1.17-1.17a.214.214 0 00-.151-.367H1.857a.857.857 0 010-1.714h7.699a.214.214 0 00.152-.366L8.537 2.606a.857.857 0 011.212-1.212z" fill="#FFF" fill-rule="nonzero" stroke="#191A1B" stroke-width=".857" stroke-linecap="round" stroke-linejoin="round"/></svg>
Community
</div>
<ul class="space-y-2">
<li><a href="/events">Events</a></li>
<li><a href="/links">Community Links</a></li>
<li><a href="/stories">Customer Stories</a></li>
<li><a href="/partners">Partners</a></li>
<li><a href="https://x.com/statamic" target="_blank">X/Twitter</a></li>
<li><a href="https://bsky.app/profile/statamic.com" target="_blank">Bluesky</a></li>
<li><a rel="me" href="https://mastodon.social/@statamic" target="_blank">Mastodon</a></li>
<li><a href="/discord">Discord</a></li>
</ul>
</div>
<div class="w-full sm:w-1/2 md:w-1/3 lg:w-auto pb-12 pr-4">
<div class="uppercase text-sm font-bold pb-4 relative">
<svg class='footer-arrow' width="14" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M9.749 1.394l3 3a.857.857 0 010 1.212l-3 3a.857.857 0 01-1.212-1.212l1.17-1.17a.214.214 0 00-.151-.367H1.857a.857.857 0 010-1.714h7.699a.214.214 0 00.152-.366L8.537 2.606a.857.857 0 011.212-1.212z" fill="#FFF" fill-rule="nonzero" stroke="#191A1B" stroke-width=".857" stroke-linecap="round" stroke-linejoin="round"/></svg>
Company
</div>
<ul class="space-y-2">
<li><a href="/about">About Us</a></li>
<li><a href="/license">License Agreement</a></li>
<li><a href="/terms">Terms</a></li>
<li><a href="/privacy">Privacy</a></li>
</ul>
</div>
</div>
<div class="max-w-6xl mx-auto flex flex-wrap items-end justify-between">
<div id="newsletter-signup" class="lg:max-w-md">
<h3 class="font-serif text-xl antialiased mb-6">Sign Up for Our Newsletter</h3>
<p class="mb-6">A monthly firehose of news, updates, and whimsy from the weird wide world of Statamic.</p>
<div wire:snapshot="{"data":{"success":null,"email":null,"placeholder":"zach.morris@example.com","class":"w-full border p-2 border-white rounded-sm flex focus-within:border-yellow"},"memo":{"id":"AVArYycmZotFW8VCFLxS","name":"newsletter-form","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"a421070f69052f923fce277b15ffb1f3095a07dfe704df5d3c7fb664bfe1ce80"}" wire:effects="[]" wire:id="AVArYycmZotFW8VCFLxS" class="flex flex-col justify-center items-center">
<!--[if BLOCK]><![endif]--> <div class="flex items-center w-full border p-2 border-white rounded-sm flex focus-within:border-yellow">
<input id="newsletter-email-field" name="email" autocomplete="email" type="email" class="bg-transparent outline-none flex-1" wire:keydown.enter="subscribe" required wire:model="email" placeholder="zach.morris@example.com">
<button type="submit" name="subscribe" class="btn btn-sm font-light text-black rounded-full" wire:click="subscribe">
Subscribe
</button>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
</div> </div>
<p class="w-full pt-8 lg:w-auto lg:text-right text-2xs">© Copyright 2012-2026 Statamic, LLC<br>All rights reserved. 🇺🇸</p>
</div>
</div>
</footer>
</main>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://js.stripe.com/basil/stripe.js" data-navigate-once></script>
<script src="/js/app.js?id=130d4f587bd66f840f31f01105c7f932"></script>
<script src="https://cdn.usefathom.com/script.js" data-site="LQOVXDOL" data-spa="auto" defer></script>
<script src='https://www.google.com/recaptcha/api.js?onload=vueRecaptchaApiLoaded&render=explicit' aync defer></script>
<script src="/livewire/livewire.min.js?id=df3a17f2" data-csrf="44k2FLzOpy9lBjbPq0g5ckhsYvhPJIDZnTH5uKJG" data-update-uri="/livewire/update" data-navigate-once="true"></script>
<script src="/flux/flux.min.js?id=eec83d63" data-navigate-once></script>
<script>
window.RightClickLogo = {
"version": 1,
"brand": {
"name": "Statamic",
"url": "https://statamic.com"
},
"logo": {
"selector": "[data-rcl-logo]",
"scope": "first"
},
"theme": "auto",
"triggers": [
"contextmenu",
"longpress"
],
"items": [
{
"type": "copy-svg",
"label": "Copy mark (SVG)",
"svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 139.56 112.01\"><path fill=\"#191a1b\" d=\"M112.46 110.67c9.62-.6 13.78-5.17 14.72-15.49.73-8.04 1-12.06 1.36-20.11.43-9.6 5.28-15.13 9.96-17.7 1.41-.8 1.4-2.65 0-3.54-4.88-2.94-9.61-9.19-9.98-17.45-.36-7.9-.63-11.85-1.35-19.75-1.02-11.13-4.55-14.67-14.18-15.28a799 799 0 0 0-86.42.02c-9.62.61-13.16 4.15-14.18 15.28-.72 7.9-.99 11.85-1.35 19.75-.38 8.26-5.1 14.51-9.98 17.45a2.01 2.01 0 0 0 0 3.54c4.69 2.49 9.53 8.01 9.96 17.7.36 8.04.63 12.06 1.36 20.11.94 10.32 5.1 14.89 14.72 15.49 28.52 1.53 56.85 1.53 85.36 0ZM69.55 92.82c-8.77.49-19.7-3.8-25.95-9.95-1.23-1.13-1.73-2.53-1.76-3.92-.03-1.11.23-2.31 1.04-3.23.87-1.14 1.31-1.71 2.18-2.85 1.1-1.38 2.3-2.02 3.7-2.01 1.58.01 3.08.67 4.68 1.71 5.06 3.3 10.63 5.2 17.31 5.2 5.1 0 9.78-2.89 9.23-6.57-2.18-14.6-38.37-6.19-37.83-30.63C42.44 27.71 55.29 18.69 67.9 19c9.77.25 17.47 3.09 23.08 6.71 1.4.95 2.37 2.83 2.41 4.69.02 1.12-.23 2.13-.86 3.06-.65 1-.97 1.49-1.63 2.49-1.18 1.66-2.57 2.49-4.34 2.48-1.21 0-2.52-.48-3.92-1.14-4.2-2.17-8.56-3.31-13.85-3.31-5.47 0-9.15 3.52-8.76 6.1 2.18 14.47 37.35 5.97 37.84 30.07.3 14.88-15.58 22.52-28.34 22.68Z\"/><path fill=\"#d4ff4c\" d=\"M105.69 102.58c8.47-.62 12.23-4.7 13.2-13.82.75-7.1 1.03-10.65 1.4-17.76.44-8.48 4.75-13.37 8.92-15.64 1.25-.7 1.25-2.33 0-3.12-4.34-2.59-8.55-8.12-8.94-15.41-.37-6.98-.65-10.46-1.39-17.44-1.05-9.83-4.24-13-12.71-13.62a612 612 0 0 0-76.11 0c-8.47.62-11.67 3.79-12.71 13.62-.74 6.98-1.02 10.46-1.39 17.44-.39 7.29-4.59 12.82-8.94 15.41-1.25.71-1.25 2.41 0 3.12 4.17 2.19 8.48 7.08 8.92 15.64.37 7.1.65 10.65 1.4 17.76.96 9.12 4.72 13.2 13.2 13.82 25.18 1.54 50 1.54 75.18 0Z\"/><path d=\"M47.49 69.34c.93-1.21 2-1.74 3.21-1.74 1.34 0 2.67.54 4.01 1.48 4.27 2.82 9.08 4.43 14.83 4.43 4.41 0 7.88-1.88 7.88-5.63 0-9.79-32.46-4.43-32.46-26.43 0-11.81 9.62-18.38 22.04-18.38 8.82 0 15.23 2.55 20.04 5.63 1.2.8 2 2.41 2 4.02 0 .94-.27 1.88-.8 2.68l-1.47 2.15c-1.07 1.48-2.27 2.15-3.74 2.15-1.07 0-2.14-.4-3.34-.94-3.61-1.88-7.35-2.82-11.89-2.82s-7.48 2.55-7.48 5.23c0 10.06 32.46 4.56 32.46 25.89 0 11.94-9.62 19.32-24.31 19.32-9.35 0-16.16-2.82-22.44-8.32-1.07-.94-1.47-2.15-1.47-3.35 0-.94.27-2.01.94-2.82l2-2.55Z\"/></svg>"
},
{
"type": "copy-svg",
"label": "Copy logo (SVG)",
"src": "/assets/branding/squircle/statamic-logo-lime.svg"
},
{
"type": "download",
"label": "Download mark (SVG)",
"src": "/assets/branding/squircle/statamic-mark-lime.svg"
},
{
"type": "download",
"label": "Download logo (SVG)",
"src": "/assets/branding/squircle/statamic-logo-lime.svg"
},
{
"type": "download",
"label": "Download all (.zip)",
"src": "/assets/branding/squircle/statamic-brand-kit.zip",
"filename": "statamic-brand-kit.zip"
},
{
"type": "separator"
},
{
"type": "palette",
"label": "Brand palette",
"colors": [
{
"label": "Tan",
"value": "#FAF8F7"
},
{
"label": "Lime",
"value": "#D4FF4C"
},
{
"label": "Hot Pink",
"value": "#FF269E"
},
{
"label": "Purple",
"value": "#7D67CB"
},
{
"label": "Black",
"value": "#191A1B"
}
]
},
{
"type": "link",
"label": "Brand guidelines",
"href": "/branding"
}
]
};
</script>
<script async src="https://cdn.rightclicklogo.com/v1/rcl.js"></script>
</body>
</html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 60
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 60 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 26.
Показать внутренние ссылки
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| / |
<svg class='w-[154px] md:w-[176px]' xmlns="http://www.w3.org/2000/svg" viewbox="0 0 394.93 72.55">
<path class="mark-outline" fill="#191a1b" d="M72.58,71.55c6.17-.45,8.91-3.42,9.61-10.07.55-5.17.75-7.76,1.02-12.94.32-6.18,3.46-9.74,6.5-11.39.91-.51.91-1.7,0-2.27-3.16-1.89-6.23-5.92-6.51-11.23-.27-5.08-.47-7.62-1.01-12.71-.76-7.16-3.09-9.47-9.26-9.93-18.58-1.07-36.86-1.07-55.45,0-6.17.46-8.5,2.76-9.26,9.93-.54,5.08-.74,7.62-1.01,12.71-.28,5.31-3.35,9.34-6.51,11.23-.91.51-.91,1.76,0,2.27,3.04,1.6,6.17,5.16,6.5,11.39.27,5.17.47,7.76,1.02,12.94.7,6.64,3.44,9.62,9.61,10.07,18.36,1.04,36.42,1.04,54.77,0h0Z"></path>
<path class="mark-fill" fill="#d4ff4c" d="M68.43,66.49c5.46-.4,7.89-3.03,8.51-8.91.48-4.58.66-6.87.9-11.45.28-5.47,3.06-8.62,5.75-10.08.81-.45.81-1.5,0-2.01-2.8-1.67-5.51-5.23-5.76-9.94-.24-4.5-.42-6.75-.9-11.24-.67-6.34-2.73-8.38-8.2-8.78-16.31-1.28-32.76-1.13-49.07,0-5.46.4-7.52,2.45-8.2,8.78-.48,4.5-.66,6.75-.9,11.24-.25,4.7-2.96,8.27-5.76,9.94-.81.46-.81,1.55,0,2.01,2.69,1.41,5.46,4.56,5.75,10.08.24,4.58.42,6.87.9,11.45.62,5.88,3.04,8.51,8.51,8.91,16.11,1.11,32.36,1.25,48.47,0h0Z"></path>
<path class="mark-letter-fill" d="M30.23,43.33c.6-.78,1.29-1.12,2.07-1.12.86,0,1.73.35,2.59.95,2.76,1.81,5.87,2.85,9.58,2.85,2.85,0,5.09-1.21,5.09-3.62,0-6.3-20.97-2.85-20.97-17,0-7.59,6.21-11.82,14.24-11.82,5.7,0,9.84,1.64,12.95,3.62.78.52,1.29,1.55,1.29,2.59,0,.6-.17,1.21-.52,1.73l-.95,1.38c-.69.95-1.47,1.38-2.42,1.38-.69,0-1.38-.26-2.16-.6-2.33-1.21-4.75-1.81-7.68-1.81s-4.83,1.64-4.83,3.37c0,6.47,20.97,2.93,20.97,16.66,0,7.68-6.21,12.43-15.71,12.43-6.04,0-10.44-1.81-14.5-5.35-.69-.6-.95-1.38-.95-2.16,0-.6.17-1.29.6-1.81l1.29-1.64Z"></path>
<path class="word-fill" fill="currentColor" d="M111.84,48.48c.57-.74,1.19-1.02,1.93-1.02s1.64.34,2.38.91c2.55,1.7,5.44,2.66,8.89,2.66,2.66,0,4.76-1.08,4.76-3.4,0-5.83-19.43-2.66-19.43-15.69,0-7.02,5.78-10.99,13.2-10.99,5.27,0,9.12,1.47,12.01,3.4.74.45,1.19,1.42,1.19,2.38,0,.57-.11,1.08-.45,1.64l-.91,1.3c-.62.91-1.36,1.3-2.21,1.3-.62,0-1.3-.28-2.04-.57-2.15-1.08-4.42-1.7-7.08-1.7s-4.47,1.47-4.47,3.12c0,5.95,19.43,2.72,19.43,15.41,0,7.08-5.78,11.5-14.56,11.5-5.61,0-9.69-1.7-13.42-4.93-.62-.57-.91-1.3-.91-2.04,0-.57.11-1.19.57-1.7l1.13-1.59ZM167.46,52.22c.28.4.4.91.4,1.36,0,1.02-.45,2.1-1.36,2.55-2.72,1.64-5.44,2.38-9.01,2.38-8.1,0-11.16-5.27-11.16-14.5V14.78c0-1.64,1.36-3,3-3h3.23c1.64,0,3,1.36,3,3v7.02h8.67c1.64,0,3,1.36,3,3v2.72c0,1.64-1.36,3-3,3h-8.67v13.14c0,3.91,1.3,6.51,4.3,6.51.96,0,1.81-.11,2.55-.4s1.3-.4,1.81-.4c1.02,0,1.81.45,2.49,1.64l.74,1.19h0ZM173.07,47.23c0-7.93,5.83-11.67,13.14-11.67,3.17,0,6.34,1.02,8.1,2.32v-1.08c0-5.27-1.7-8.1-6.68-8.1-2.72,0-4.47.4-6.17.96-.45.11-.96.28-1.42.28-1.19,0-2.15-.57-2.72-1.7l-.45-.96c-.11-.4-.34-.79-.34-1.3,0-1.02.74-2.1,1.7-2.55,3.12-1.42,6.68-2.38,10.37-2.38,10.65,0,14.33,5.44,14.33,14.95v18.92c0,1.64-1.36,3-3,3h-2.1c-1.64,0-3-1.36-3-3v-1.19c-1.93,2.72-5.78,4.59-10.65,4.59-6.4-.06-11.1-4.13-11.1-11.1h0ZM194.31,43.49c-1.64-1.19-3.68-1.76-6.29-1.76-3.06,0-5.78,1.42-5.78,4.47,0,2.72,2.21,4.25,5.15,4.25,3.85,0,5.83-1.7,6.97-3.23v-3.74h-.06ZM232.71,52.22c.28.4.4.91.4,1.36,0,1.02-.45,2.1-1.36,2.55-2.72,1.64-5.44,2.38-9.01,2.38-8.1,0-11.16-5.27-11.16-14.5V14.78c0-1.64,1.36-3,3-3h3.23c1.64,0,3,1.36,3,3v7.02h8.67c1.64,0,3,1.36,3,3v2.72c0,1.64-1.36,3-3,3h-8.67v13.14c0,3.91,1.3,6.51,4.3,6.51.96,0,1.81-.11,2.55-.4s1.3-.4,1.81-.4c1.02,0,1.81.45,2.49,1.64l.74,1.19h0ZM238.32,47.23c0-7.93,5.83-11.67,13.14-11.67,3.17,0,6.34,1.02,8.1,2.32v-1.08c0-5.27-1.7-8.1-6.68-8.1-2.72,0-4.47.4-6.17.96-.45.11-.96.28-1.42.28-1.19,0-2.15-.57-2.72-1.7l-.45-.96c-.11-.4-.34-.79-.34-1.3,0-1.02.74-2.1,1.7-2.55,3.12-1.42,6.68-2.38,10.37-2.38,10.65,0,14.33,5.44,14.33,14.95v18.92c0,1.64-1.36,3-3,3h-2.1c-1.64,0-3-1.36-3-3v-1.19c-1.93,2.72-5.78,4.59-10.65,4.59-6.34-.06-11.1-4.13-11.1-11.1h0ZM259.56,43.49c-1.64-1.19-3.68-1.76-6.29-1.76-3.06,0-5.78,1.42-5.78,4.47,0,2.72,2.21,4.25,5.15,4.25,3.85,0,5.83-1.7,6.97-3.23v-3.74h-.06ZM286.86,25.77c2.55-2.83,6.8-4.59,11.21-4.59,5.49,0,9.18,2.49,10.48,5.78,2.55-3.4,6.57-5.78,12.12-5.78,6.57,0,11.5,3.23,11.5,13.14v20.5c0,1.64-1.36,3-3,3h-3.23c-1.64,0-3-1.36-3-3v-18.18c0-4.47-1.81-6.91-6.17-6.91-3.46,0-6.17,1.7-7.42,4.13,0,.57.06,1.81.06,2.66v18.18c0,1.64-1.36,3-3,3h-3.23c-1.64,0-3-1.36-3-3v-18.69c0-3.79-2.1-6.23-5.95-6.23-3.23,0-5.89,1.42-7.53,3.85v21.18c0,1.64-1.36,3-3,3h-3.23c-1.64,0-3-1.36-3-3v-30.08c0-1.64,1.36-3,3-3h3.23c1.64,0,3,1.36,3,3v1.02s.17,0,.17,0ZM352.96,8.83c0,3.68-2.66,5.78-5.27,5.78-3.12,0-5.78-2.1-5.78-5.78,0-3.23,2.66-5.32,5.78-5.32,2.61,0,5.27,2.1,5.27,5.32ZM349.11,21.8c1.64,0,3,1.36,3,3v30.02c0,1.64-1.36,3-3,3h-3.23c-1.64,0-3-1.36-3-3v-30.08c0-1.64,1.36-3,3-3h3.23v.06ZM387.62,30.98c-2.15-1.02-4.02-1.42-6.34-1.42-5.15,0-10.03,3.91-10.03,10.2s4.93,10.31,10.37,10.31c2.83,0,4.87-.74,6.97-2.1.62-.4,1.3-.62,1.93-.62.96,0,1.81.4,2.49,1.19l1.36,1.7c.4.4.57,1.02.57,1.64,0,.96-.4,2.04-1.08,2.55-4.3,3.46-8.1,4.25-12.57,4.25-11.89,0-19.77-7.53-19.77-18.86,0-10.48,7.65-18.86,18.64-18.86,4.81,0,8.33.79,11.84,2.72.91.45,1.42,1.64,1.42,2.66,0,.45-.06.91-.34,1.3l-1.19,2.1c-.62,1.02-1.64,1.7-2.72,1.7-.45-.11-1.02-.17-1.53-.45h0Z"></path>
</svg>
|
|
Анализировать url |
| /pricing |
<span class="md:flex md:h-full items-center">
Pricing
</span>
|
|
Анализировать url |
| /blog |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M10.144 10.266c.098-1.08.186-2.208.186-3.266 0-1.476-.171-2.91-.303-4.28-.044-.455-.43-.822-.923-.884-1.183-.15-2.418-.337-3.689-.337s-2.506.188-3.689.337c-.493.062-.878.429-.922.885C.672 4.09.5 5.524.5 7c0 1.196.113 2.364.226 3.493.091.912.865 1.655 1.85 1.78.921.119 1.87.228 2.84.228 1.28 0 2.998-.045 4.258-.116.638-.036 1.276-.08 1.914-.129.96-.073 1.716-.78 1.77-1.664.096-1.618.133-3.353.142-5.05.003-.524-.46-.949-1.03-.949h-2.261"></path><path d="M3.442 6.46a.521.521 0 00.468.444c.513.046 1.047.1 1.596.1.549 0 1.083-.054 1.595-.1a.521.521 0 00.469-.444c.053-.369.11-.752.11-1.145s-.057-.776-.11-1.145a.521.521 0 00-.469-.445c-.512-.045-1.046-.1-1.595-.1-.55 0-1.083.055-1.596.1a.521.521 0 00-.468.445c-.053.369-.11.752-.11 1.145s.057.776.11 1.145zM7.313 9.47H3.648"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Blog</span>
<p>The latest news, tips, & tales from StatamicHQ.</p>
</div>
|
|
Анализировать url |
| /features |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M3.667 3.718c.014-.35.042-.695.074-1.035A2.069 2.069 0 015.568.837C6.037.787 6.514.75 7 .75c.485 0 .963.037 1.431.087.96.101 1.736.885 1.827 1.846.033.34.06.686.074 1.035M2.878 13.003a2.093 2.093 0 01-1.877-1.78C.87 10.305.75 9.358.75 8.391c0-.295.011-.588.03-.878.335.561.926.951 1.605 1.012l.224.02h0c1.418.128 2.887.26 4.391.26s2.973-.132 4.39-.26l.225-.02a2.093 2.093 0 001.605-1.012l.03.878c0 .967-.12 1.914-.25 2.832a2.093 2.093 0 01-1.878 1.78l-.077.007h0c-1.306.118-2.66.24-4.045.24-1.386 0-2.739-.122-4.045-.24h0l-.077-.007z"></path><path d="M13.22 7.513A26.079 26.079 0 0013 5.558a2.093 2.093 0 00-1.878-1.78l-.077-.007c-1.306-.118-2.66-.24-4.045-.24-1.386 0-2.739.122-4.045.24l-.077.007a2.093 2.093 0 00-1.877 1.78C.91 6.197.824 6.849.78 7.513c.334.561.925.951 1.604 1.012l.224.02c1.418.128 2.887.26 4.391.26s2.973-.132 4.39-.26l.225-.02a2.093 2.093 0 001.605-1.012zM7.096 7.469v2.812"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Features</span>
<p>Loaded with all the features most sites ever need.</p>
</div>
|
|
Анализировать url |
| /support |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M7.247 7.159c0-.362.294-.583.812-.93.48-.32.734-.737.62-1.304a1.488 1.488 0 00-1.147-1.148A1.476 1.476 0 005.786 5.21M7.246 9.347v.313"></path><path d="M3.056.774C4.41.621 5.896.5 7.26.5c1.363 0 2.85.12 4.206.274a2.006 2.006 0 011.767 1.778c.147 1.348.267 2.833.267 4.188 0 1.356-.12 2.843-.267 4.193a2.003 2.003 0 01-1.767 1.777c-1.355.152-2.843.27-4.206.27-1.189 0-2.471-.09-3.679-.214L.5 13.5l.714-3.285A36.73 36.73 0 011.02 6.74c0-1.355.12-2.84.268-4.188A2.007 2.007 0 013.056.774z"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Support</span>
<p>If you have questions, we'll get you some answers.</p>
</div>
|
|
Анализировать url |
| /showcase |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.58252 10.25v3.25" stroke-width="1"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.4131 10.25v3.25" stroke-width="1"></path><path id="Vector_3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.5 12.4358c-1.1205 -0.063 -2.193 -0.4797 -3.0658 -1.1912 -0.9748 0.7839 -2.18774 1.2046 -3.43424 1.1912 -1.2465 0.0134 -2.45918 -0.4074 -3.43393 -1.1913 -0.87287 0.7115 -1.94537 1.1283 -3.065849 1.1912" stroke-width="1"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.8532 6.04623c-0.1316 0.95107 -0.9267 1.68996 -1.88332 1.7723C9.0075 7.90136 8.01478 7.98 7 7.98c-1.01478 0 -2.0075 -0.07864 -2.96988 -0.16147 -0.9566 -0.08234 -1.75169 -0.82122 -1.8833 -1.7723C2.06531 5.45718 2 4.854 2 4.24c0 -0.614 0.06531 -1.21718 0.14682 -1.80623 0.13161 -0.95108 0.9267 -1.689962 1.8833 -1.772296C4.9925 0.578644 5.98522 0.5 7 0.5c1.01478 0 2.0075 0.078644 2.96988 0.161474 0.95662 0.082334 1.75172 0.821216 1.88332 1.772296C11.9347 3.02282 12 3.62599 12 4.24c0 0.614 -0.0653 1.21718 -0.1468 1.80623Z" stroke-width="1"></path><path id="Vector_4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.8623 4.08752c-0.64 0 -1 -0.35488 -1 -0.98578 0 -0.63089 0.36 -0.98577 1 -0.98577s1 0.35488 1 0.98577c0 0.6309 -0.36 0.98578 -1 0.98578Z" stroke-width="1"></path><path id="Intersect_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.2994 7.78999c0.7656 -0.06636 1.3945 -0.64918 1.505 -1.39893 0.0004 -0.0029 0.0008 -0.00579 0.0013 -0.00869 -0.7392 -1.22749 -1.7097 -2.31328 -2.80191 -2.31328 -1.54801 0 -2.85157 2.18118 -3.59846 3.85555 0.52474 0.03315 1.05693 0.05529 1.59533 0.05529 1.10861 0 2.1909 -0.09386 3.23604 -0.1845 0.0209 -0.00181 0.0418 -0.00363 0.0627 -0.00544Z" stroke-width="1"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Showcase</span>
<p>Explore a gallery of sites built with Statamic</p>
</div>
|
|
Анализировать url |
| /release-notes |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M.923 10.552c.166 1.425 1.37 2.557 2.857 2.626 1.029.047 2.08.072 3.22.072 1.14 0 2.19-.025 3.22-.072 1.488-.07 2.691-1.201 2.857-2.626.23-1.98.23-3.666 0-5.645-.166-1.426-1.37-2.557-2.857-2.626A68.837 68.837 0 007 2.208c-1.14 0-2.191.025-3.22.073C2.292 2.35 1.09 3.48.923 4.907c-.23 1.98-.23 3.665 0 5.645zM4.252.75V3.5M9.748.75V3.5"></path><path d="M6.632 5.495a.168.168 0 00-.173 0 .112.112 0 00-.026.147c.335.579.503 1.29.401 1.909-.1.611-.88.658-1.13.09a1.68 1.68 0 00-.864 1.512c.045 1.123.769 1.943 2.159 1.943 1.39 0 2.112-.863 2.16-1.943.055-1.295-.864-2.889-2.527-3.658z"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Release Notes</span>
<p>See the latest changes and improvements to Statamic </p>
</div>
|
|
Анализировать url |
| /roadmap |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentcolor"><path stroke-linecap="round" stroke-linejoin="round" d="M5.844 10.797l-.793-.224a.927.927 0 00-.477 0c-.385.105-.792.25-1.205.396-.174.062-.35.124-.524.184-.09.03-.18.062-.267.093-.304.108-.595.21-.881.265-.12.023-.231-.029-.33-.115-.363-.323-.45-.837-.533-1.324a19.66 19.66 0 01-.029-7.07l.05-.278c.062-.348.129-.7.291-1.016.094-.182.218-.361.364-.43.406-.195.81-.38 1.172-.48C3.26.638 4.201.4 4.812.544l3.519.91A.98.98 0 009 1.393l.09-.044c.455-.218.915-.439 1.32-.55.372-.103.893-.237 1.38-.282.133-.013.253.058.358.163.338.341.426.842.511 1.32l.021.119c.193 1.064.305 2.179.305 3.413"></path><path stroke-linecap="round" stroke-linejoin="round" d="M4.746 10.538V.67c0-.042.003-.084.008-.125l3.674.92c.103.025.21.033.315.023V5.5"></path><path d="M10.719 7.262a2.717 2.717 0 00-2.71 2.524c-.049.676.103 1.379.53 1.938.506.666 1.022 1.123 1.83 1.66.23.154.532.154.762 0 .808-.537 1.324-.994 1.83-1.66.427-.56.579-1.262.53-1.938a2.717 2.717 0 00-2.71-2.524h-.062z"></path><path stroke-linecap="round" stroke-linejoin="round" d="M10.748 10.227c-.239 0-.373-.135-.373-.374 0-.24.134-.375.373-.375M10.752 10.227c.239 0 .373-.135.373-.374 0-.24-.134-.375-.373-.375"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Roadmap</span>
<p>Here's what we're working on and what's coming next.</p>
</div>
|
|
Анализировать url |
| /marketplace |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M1.501 8.348a5.39 5.39 0 01.52-2.448c.193-.398.432-.76.71-1.073.365-.41.986-.207 1.252.274a6.43 6.43 0 001.08 1.438S6.232.5 8.671.5c2.438 0 3.61 6.039 3.61 6.039.482 2.521.249 4.746-1.537 6.171-.599.477-1.362.68-2.123.739-4.589.356-6.985-1.125-7.12-5.101z"></path><path d="M9.246 10.55s-.653-2.822-2.012-2.822-2.067 2.821-2.067 2.821c-.27 1.178-.14 2.059.856 2.62.787.441 1.58.441 2.366 0 .997-.561 1.126-1.442.857-2.62z"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">What's Hot</span>
<p>Check out the latest hotness from the community.</p>
</div>
|
|
Анализировать url |
| /addons |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M7 .75v1.986h-.54a1.108 1.108 0 100 2.216H7v3.704h.54a1.108 1.108 0 010 2.217H7v2.377"></path><path d="M13.25 7h-2.251v-.54a1.108 1.108 0 10-2.217 0V7H5.078v.54a1.108 1.108 0 01-2.216 0V7H.75"></path><path d="M.96 10.268a3.132 3.132 0 002.753 2.76c1.07.12 2.167.222 3.287.222s2.218-.102 3.287-.222a3.132 3.132 0 002.753-2.76c.114-1.063.21-2.155.21-3.268s-.096-2.205-.21-3.269a3.132 3.132 0 00-2.753-2.76C9.217.853 8.12.75 7 .75S4.782.852 3.713.972A3.132 3.132 0 00.96 3.732C.846 4.794.75 5.886.75 7s.096 2.205.21 3.268z"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Addons</span>
<p>Extend Statamic's capabilities with the power of addons.</p>
</div>
|
|
Анализировать url |
| /starter-kits |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M.675 4.62A27.667 27.667 0 00.5 7.498c0 .958.074 1.898.168 2.816a3.398 3.398 0 003 3.01c.925.098 1.871.177 2.834.177.963 0 1.909-.079 2.833-.177a3.398 3.398 0 003.001-3.01c.074-.722.141-1.77.164-2.516M5.382 4.617H.675l.027-.257a3.007 3.007 0 012.643-2.65 37.11 37.11 0 012.796-.194M8.91 2.16c.49-.49.566-.94.922-1.394a.687.687 0 011.086 0c.356.453.432.903.922 1.394.49.49.94.566 1.394.922a.687.687 0 010 1.086c-.454.356-.904.432-1.394.922-.49.49-.566.94-.922 1.394a.687.687 0 01-1.086 0C9.476 6.03 9.4 5.58 8.909 5.09c-.49-.49-.94-.566-1.393-.922a.687.687 0 010-1.086c.453-.356.903-.432 1.393-.922z"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Starter Kits</span>
<p>Jumpstart your next project with starter kits.</p>
</div>
|
|
Анализировать url |
| /creator/begin |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3.615 7.688L.6 6.021C1.802 3.717 4.168 3.16 5.994 3.666M6.316 10.389l1.667 3.015c2.297-1.203 2.856-3.564 2.354-5.388"></path><path d="M3.615 7.678l.026.016a8.184 8.184 0 012.681 2.69v0c2.165-1.296 4.627-2.553 5.75-3.717 2.431-2.43 1.022-5.76 1.022-5.76s-3.33-1.41-5.76 1.02C6.168 3.052 4.901 5.524 3.614 7.679zM3.734 12.66c-.31.299-1.127.582-1.905.799-.8.222-1.51-.488-1.288-1.288.216-.778.5-1.596.799-1.905a1.694 1.694 0 112.394 2.394zM9.86 4.14l.376-.376"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Become a Creator</span>
<p>Share or sell your very own addons & starter kits.</p>
</div>
|
|
Анализировать url |
| /partners |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M1.875 9.997l.025.462a2.04 2.04 0 001.919 1.919c.499.03.992.052 1.484.067M8.557 1.355c.52.015 1.043.038 1.57.07a2.04 2.04 0 011.92 1.918c.02.344.037.686.05 1.027M3.345 4.286c1.576 0 2.594 1.239 2.594 2.872H.75c0-1.633 1.018-2.872 2.595-2.872zM10.656 10.378c1.576 0 2.594 1.239 2.594 2.872H8.061c0-1.633 1.018-2.872 2.595-2.872zM3.345 4.286c1.131 0 1.768-.636 1.768-1.768C5.113 1.387 4.476.75 3.345.75c-1.132 0-1.769.637-1.769 1.768 0 1.132.637 1.768 1.769 1.768zM10.656 10.378c1.131 0 1.768-.636 1.768-1.768 0-1.131-.637-1.768-1.768-1.768-1.132 0-1.769.637-1.769 1.768 0 1.132.637 1.768 1.769 1.768z"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Partner Directory</span>
<p>Looking to hire a developer or agency? These folks are the best.</p>
</div>
|
|
Анализировать url |
| /partners/join |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M6.46.5l.426 1.302M9.693.776l-.434 1.3M12.275 2.89l-1.223.618M5.879 4.423a6.776 6.776 0 00-1.507-.409c-1-.138-1.74.783-1.728 1.793l.043 2.949-.386-.468a1.017 1.017 0 00-1.61 1.24l.824 1.147c.332.453.743.842 1.214 1.147l.34.22c.36.066.717.117 1.072.152M12.486 11.834a4.634 4.634 0 01-1.215 1.148c-.937.608-2.415.58-3.694.42a1.78 1.78 0 01-1.55-1.458c-.278-1.667-.186-3.266.277-4.978a2.066 2.066 0 011.079-1.08c.784-.338 1.474-.606 2.245-.713 1-.138 1.74.783 1.728 1.793l-.042 2.949.385-.467a1.017 1.017 0 011.61 1.24l-.823 1.146z"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Become a Partner</span>
<p>Looking to grow the Statamic side of your business? Let us help!</p>
</div>
|
|
Анализировать url |
| /discord |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M4.615 7c-.32 0-.5-.18-.5-.5s.18-.5.5-.5M4.618 7c.32 0 .5-.18.5-.5s-.18-.5-.5-.5M9.383 7c-.32 0-.5-.18-.5-.5s.18-.5.5-.5M9.386 7c.32 0 .5-.18.5-.5s-.18-.5-.5-.5"></path><path d="M4.58 11.655a.873.873 0 01-1.012.286 6.979 6.979 0 01-2.115-1.253A2.73 2.73 0 01.51 8.376c.173-1.982.704-3.982 1.433-5.453a.94.94 0 01.575-.474c.124-.038.24-.076.353-.112.657-.212 1.156-.373 2.095-.33.282.013.539.16.712.384.449-.03.904-.048 1.364-.048.432 0 .86.017 1.284.043a.962.962 0 01.708-.379c.939-.043 1.438.118 2.095.33l.353.112a.94.94 0 01.575.474c.73 1.47 1.26 3.47 1.433 5.453a2.731 2.731 0 01-.943 2.312 6.98 6.98 0 01-2.115 1.253.873.873 0 01-1.011-.287c-.345-.45-.642-.898-.892-1.35-.49.035-.986.057-1.487.057-.53 0-1.053-.025-1.568-.063-.25.455-.549.905-.895 1.356zM4.105 10.093c.786.337 4.692.379 5.499 0"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Discord Chat</span>
<p>Chat with the community in real time on our Discord server.</p>
</div>
|
|
Анализировать url |
| /events |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M.923 10.552c.166 1.425 1.37 2.557 2.857 2.626 1.029.047 2.08.072 3.22.072 1.14 0 2.19-.025 3.22-.072 1.488-.07 2.691-1.201 2.857-2.626.23-1.98.23-3.666 0-5.645-.166-1.426-1.37-2.557-2.857-2.626A68.837 68.837 0 007 2.208c-1.14 0-2.191.025-3.22.073C2.292 2.35 1.09 3.48.923 4.907c-.23 1.98-.23 3.665 0 5.645zM4.252.75V3.5M9.748.75V3.5"></path><path d="M6.998 6.757c-1.329-1.482-2.731-.429-2.75.706 0 1.69 2.224 3.077 2.75 3.077.526 0 2.75-1.387 2.75-3.077-.018-1.135-1.421-2.188-2.75-.706z"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Community Events</span>
<p>Meetup groups, conferences, and other gatherings.</p>
</div>
|
|
Анализировать url |
| /stories |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M7.215 4.918c-1.449-1.778-2.979-.514-2.999.848 0 2.027 2.426 3.691 3 3.691.573 0 2.999-1.664 2.999-3.691-.02-1.362-1.55-2.626-3-.848z"></path><path d="M3.056.774C4.41.621 5.896.5 7.26.5c1.363 0 2.85.12 4.206.274a2.006 2.006 0 011.767 1.778c.147 1.348.267 2.833.267 4.188 0 1.356-.12 2.843-.267 4.193a2.003 2.003 0 01-1.767 1.777c-1.355.152-2.843.27-4.206.27-1.189 0-2.471-.09-3.679-.214L.5 13.5l.714-3.285A36.73 36.73 0 011.02 6.74c0-1.355.12-2.84.268-4.188A2.007 2.007 0 013.056.774z"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Customer Stories</span>
<p>See how other folks feel about working with Statamic</p>
</div>
|
|
Анализировать url |
| /sign-in |
Sign In
|
|
Анализировать url |
| /sign-up |
Create Account
|
|
Анализировать url |
| /pricing |
Get Pro Now
|
|
Анализировать url |
| /features |
Explore More Features
|
|
Анализировать url |
| /cdn-cgi/l/email-protection |
[email protected]
|
|
Анализировать url |
| /addons |
Explore the Addons →
|
|
Анализировать url |
| /marketplace |
Explore the Starter Kits →
|
|
Анализировать url |
| /starter-kits |
Explore the Starter Kits →
|
|
Анализировать url |
| /partners |
Find a Partner →
|
|
Анализировать url |
| /discord |
Join our Discord →
|
|
Анализировать url |
| /showcase |
Visit the Showcase
|
|
Анализировать url |
| /sign-up |
Get me started
|
|
Анализировать url |
| /features |
Features
|
|
Анализировать url |
| /pricing |
Pricing
|
|
Анализировать url |
| /roadmap |
Roadmap
|
|
Анализировать url |
| /vs/craft |
Statamic vs Craft
|
|
Анализировать url |
| /vs/contentful |
Statamic vs Contentful
|
|
Анализировать url |
| /vs/drupal |
Statamic vs Drupal
|
|
Анализировать url |
| /vs/payload |
Statamic vs Payload
|
|
Анализировать url |
| /vs/squarespace |
Statamic vs Squarespace
|
|
Анализировать url |
| /vs/storyblok |
Statamic vs Storyblok
|
|
Анализировать url |
| /vs/webflow |
Statamic vs Webflow
|
|
Анализировать url |
| /vs/wordpress |
Statamic vs WordPress
|
|
Анализировать url |
| /laravel-cms |
Statamic as a Laravel CMS
|
|
Анализировать url |
| /flat-file-cms |
Statamic as a Flat File CMS
|
|
Анализировать url |
| /marketplace |
What's New
|
|
Анализировать url |
| /addons |
Addons
|
|
Анализировать url |
| /starter-kits |
Starter Kits
|
|
Анализировать url |
| /creator/begin |
Become a Creator
|
|
Анализировать url |
| /blog |
Blog
|
|
Анализировать url |
| /support |
Support Center
|
|
Анализировать url |
| /showcase |
Showcase
|
|
Анализировать url |
| /branding |
Brand Kit
|
|
Анализировать url |
| /release-notes |
Release Notes
|
|
Анализировать url |
| /events |
Events
|
|
Анализировать url |
| /links |
Community Links
|
|
Анализировать url |
| /stories |
Customer Stories
|
|
Анализировать url |
| /partners |
Partners
|
|
Анализировать url |
| /discord |
Discord
|
|
Анализировать url |
| /about |
About Us
|
|
Анализировать url |
| /license |
License Agreement
|
|
Анализировать url |
| /terms |
Terms
|
|
Анализировать url |
| /privacy |
Privacy
|
|
Анализировать url |
Внешние ссылки
Кол-во: 13
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 13 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| statamic.dev |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round"><path d="M1.501 8.348a5.39 5.39 0 01.52-2.448c.193-.398.432-.76.71-1.073.365-.41.986-.207 1.252.274a6.43 6.43 0 001.08 1.438S6.232.5 8.671.5c2.438 0 3.61 6.039 3.61 6.039.482 2.521.249 4.746-1.537 6.171-.599.477-1.362.68-2.123.739-4.589.356-6.985-1.125-7.12-5.101z"></path><path d="M9.246 10.55s-.653-2.822-2.012-2.822-2.067 2.821-2.067 2.821c-.27 1.178-.14 2.059.856 2.62.787.441 1.58.441 2.366 0 .997-.561 1.126-1.442.857-2.62z"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Documentation</span>
<p>Learn how to build, maintain, and deploy Statamic sites.</p>
</div>
|
Анализировать url |
| youtube.com |
<svg class='h-5 w-5 mt-1' xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3.601 1.684a3.524 3.524 0 00-1.935.787c-.52.44-.85 1.017-.935 1.636C.606 5.049.5 6.014.5 7c0 .986.106 1.952.23 2.893.085.62.415 1.196.936 1.636.522.44 1.204.717 1.935.787 1.106.1 2.241.185 3.399.185s2.293-.084 3.4-.185a3.524 3.524 0 001.935-.787c.521-.44.85-1.017.935-1.636.123-.942.23-1.907.23-2.893 0-.986-.106-1.952-.23-2.893-.085-.62-.415-1.196-.936-1.636a3.524 3.524 0 00-1.935-.787c-1.105-.1-2.24-.185-3.399-.185s-2.293.084-3.399.185z"></path><path d="M6.39 9.46C7.677 8.786 9.53 7.694 9.53 7S7.676 5.214 6.39 4.54a.918.918 0 00-1.353.743 22.436 22.436 0 000 3.434.918.918 0 001.353.743z"></path></g></svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">YouTube</span>
<p>Watch tutorials and see new feature demos on our YouTube channel.</p>
</div>
|
Анализировать url |
| learnstatamic.com |
<svg class='h-5 w-5 mt-1' width="71" height="62" viewbox="0 0 71 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5361 25.1503L31.0642 2.84357e-06L39.6977 0L70.9999 54.2169L66.9364 61.255L19.5094 61.2547L27.1208 48.0713L52.2291 48.0723L35.3921 18.9072L31.7697 25.1503L16.5361 25.1503Z" fill="#1E2639"></path>
<path d="M12.258 32.5835L12.2614 32.5835L27.4929 32.5835L10.8776 61.3039L4.34502 61.3038L0 53.778L12.258 32.5835Z" fill="#53B5FF"></path>
</svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Laracasts Video Course</span>
<p>Learn how to build Statamic websites with creator Jack McDade.</p>
</div>
|
Анализировать url |
| twitter.com |
<svg class='h-5 w-5 mt-1' width="1200" height="1227" viewbox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="currentColor"></path>
</svg>
<div class="sub-nav-item-content">
<span class="sub-nav-item-heading">Twitter/X</span>
<p>Connect with <code>#statamic</code> on the Twitterverse.</p>
</div>
|
|
| demo.statamic.com |
Try the Demo
|
Анализировать url |
| statamic.dev |
install locally
|
Анализировать url |
| statamic.dev |
Read the Docs →
|
Анализировать url |
| demo.statamic.com |
Try the Demo
|
Анализировать url |
| statamic.dev |
Documentation
|
Анализировать url |
| github.com |
GitHub
|
Анализировать url |
| x.com |
X/Twitter
|
Анализировать url |
| bsky.app |
Bluesky
|
Анализировать url |
| mastodon.social |
Mastodon
|
Анализировать url |
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Выполнен подробный анализ сайта wilderborn.com: готовность на 48%. Чтобы выполнить все условия и попасть на первую страницу выдачи поисковых систем требуется:
Постарайтесь исправить общие ошибки.
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: