Анализ сайта secretsfrommyapron.com
Основное Готовность: 95%
Домен
secretsfrommyapron.com
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Длина домена велика. Но если вы продвигаете запрос, входящий в название домена, то это хорошо.
Домен второго уровня идеален для продвижения.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Цепочка редиректов:
http://secretsfrommyapron.com
301 MovedPermanently
https://recipe.net/
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
Не настроен HSTS (Strict-Transport-Security) — рекомендуется включить.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 04.10.2026 22:45:22.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
UTF-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице UTF-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~1,74сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 1,74сек превышает 1 секунду. Желательно улучшить работу сайта!
Объем документа
151Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 151Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 2
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 2 достаточно.
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=optional | |
| stylesheet | /static/css/tailwind.out.css?v=1787042811 |
Серверные заголовки
Кол-во: 18
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 18шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Date | Sat, 22 Aug 2026 15:26:30 GMT |
| Vary | Accept-Encoding |
| Server | BunnyCDN-SG1-1272 |
| cdn-pullzone | 5932522 |
| cdn-requestcountrycode | RU |
| Cache-Control | public, max-age=120, s-maxage=600 |
| Content-Security-Policy | frame-ancestors 'self' https://recipe.net; |
| x-debug-cache-key | httpsGETrecipe.net/ |
| x-cache-status | STALE |
| cdn-proxyver | 1.62 |
| cdn-requestpullcode | 200 |
| cdn-requestpullsuccess | True |
| cdn-edgestorageid | 1272 |
| cdn-cachedat | 08/22/2026 15:24:19 |
| cdn-status | 200 |
| cdn-requesttime | 0 |
| cdn-requestid | fcd6598866ef3431ac1826878a74600e |
| cdn-cache | HIT |
CMS
Не определена
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер
BunnyCDN-SG1-1272
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
В заголовке Server указано: BunnyCDN-SG1-1272.
Мета-теги Готовность: 23%
Title
Best Recipes & Cooking Guides | Recipe.net
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Дублей словоформ в title не найдено.
Число символов в title 42 оптимально (норма: от 40 до 45).
Description
Discover the best recipes, cooking techniques, and ingredient guides on Recipe.net. Your ultimate source for professional kitchen success at home.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо уменьшить число символов в description (текущее значение: 146, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
https://recipe.net/
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Канонический Url прописан корректно.
Robots
index, follow
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots со значениями index, follow не накладывает ограничений на индексирование и показ контента.
Адаптивность
width=device-width, initial-scale=1.0
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 8
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:site_name | Recipe.net |
| og:title | Best Recipes & Cooking Guides | Recipe.net |
| og:description | Discover the best recipes, cooking techniques, and ingredient guides on Recipe.net. Your ultimate source for professional kitchen success at home. |
| og:type | website |
| og:url | https://recipe.net/ |
| og:image | https://recipe.net/static/images/og-default.png |
| og:image:width | 1200 |
| og:image:height | 630 |
Все мета-теги
Кол-во: 16
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 16шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1.0 |
| name | description | Discover the best recipes, cooking techniques, and ingredient guides on Recipe.net. Your ultimate source for professional kitchen success at home. |
| name | robots | index, follow |
| name | twitter:card | summary_large_image |
| name | twitter:title | Best Recipes & Cooking Guides | Recipe.net |
| name | twitter:description | Discover the best recipes, cooking techniques, and ingredient guides on Recipe.net. Your ultimate source for professional kitchen success at home. |
| name | twitter:image | https://recipe.net/static/images/og-default.png |
| name | theme-color | #00008B |
| property | og:site_name | Recipe.net |
| property | og:title | Best Recipes & Cooking Guides | Recipe.net |
| property | og:description | Discover the best recipes, cooking techniques, and ingredient guides on Recipe.net. Your ultimate source for professional kitchen success at home. |
| property | og:type | website |
| property | og:url | https://recipe.net/ |
| property | og:image | https://recipe.net/static/images/og-default.png |
| property | og:image:width | 1200 |
| property | og:image:height | 630 |
Оптимизация Готовность: 92%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют в одном экземпляре).
Контент
Ошибок нет
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 6 встречаются в тексте достаточно.
Абзацев с текстом 26 достаточно.
Среднее число слов в абзаце 19 достаточно.
Кол-во знаков контента 7476 на странице оптимально.
Кол-во слов 1103 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 1. Это прекрасно.
На странице присутствуют заголовки <h2> 14. Это хорошо.
На странице присутствуют заголовки <h3> 50.
Тошнота
4,80
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 3. Измените текст страницы!
Академич. тошнота
11,51%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота страницы в пределах нормы.
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| recipes | 23 | 2,09% |
| dishes | 19 | 1,72% |
| recipe | 12 | 1,09% |
| everydayfoodilove | 12 | 1,09% |
| cooking | 11 | 1,00% |
| cooker | 11 | 1,00% |
| guides | 10 | 0,91% |
| basics | 10 | 0,91% |
| chicken | 9 | 0,82% |
| breakfast | 8 | 0,73% |
| brunch | 8 | 0,73% |
| ingredient | 7 | 0,63% |
| baking | 7 | 0,63% |
| articles | 6 | 0,54% |
| seafood | 6 | 0,54% |
| latest | 5 | 0,45% |
| vegetarian | 5 | 0,45% |
| techniques | 5 | 0,45% |
| substitutions | 5 | 0,45% |
| equipment | 5 | 0,45% |
Индексация Готовность: 60%
Индексирование
Есть ошибки
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 222 слишком много. Проведите ревизию и оптимизацию ссылок сайта.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 155106 байт. Загружен за: 2сек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://secretsfrommyapron.com/robots.txt
301 MovedPermanently
https://recipe.net/
200 OK
Показать содержимое robots.txt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Best Recipes & Cooking Guides | Recipe.net</title>
<meta name="description" content="Discover the best recipes, cooking techniques, and ingredient guides on Recipe.net. Your ultimate source for professional kitchen success at home.">
<!-- SEO and Social Media -->
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://recipe.net/">
<meta property="og:site_name" content="Recipe.net">
<meta property="og:title" content="Best Recipes & Cooking Guides | Recipe.net">
<meta property="og:description" content="Discover the best recipes, cooking techniques, and ingredient guides on Recipe.net. Your ultimate source for professional kitchen success at home.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://recipe.net/">
<meta property="og:image" content="https://recipe.net/static/images/og-default.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Best Recipes & Cooking Guides | Recipe.net">
<meta name="twitter:description" content="Discover the best recipes, cooking techniques, and ingredient guides on Recipe.net. Your ultimate source for professional kitchen success at home.">
<meta name="twitter:image" content="https://recipe.net/static/images/og-default.png">
<!-- Favicons -->
<link rel="icon" type="image/svg+xml" href="/static/images/favicon.svg">
<link rel="icon" type="image/x-icon" href="/static/images/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/static/images/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="192x192" href="/static/images/favicon-192x192.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/images/apple-touch-icon.png">
<meta name="theme-color" content="#00008B">
<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=Inter:wght@300;400;500;600;700;800&display=optional"
rel="stylesheet">
<link rel="stylesheet" href="/static/css/tailwind.out.css?v=1787042811">
<script type="application/ld+json">
{"@context": "https://schema.org", "@type": "WebSite", "url": "https://recipe.net/", "potentialAction": {"@type": "SearchAction", "target": "https://recipe.net/search?q={search_term_string}", "query-input": "required name=search_term_string"}}
</script>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//tracking.recipe.net/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3519']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body class="bg-[#fcfcff] text-slate-900 leading-normal tracking-tight min-h-screen flex flex-col">
<!-- Mobile Drawer Overlay -->
<div id="drawer-overlay" class="fixed inset-0 bg-black/50 z-[60] hidden opacity-0 transition-opacity duration-300"
onclick="toggleDrawer()"></div>
<!-- Mobile Drawer (slides from right) -->
<div id="mobile-drawer" class="fixed inset-y-0 right-0 w-80 bg-white z-[70] shadow-2xl closed overflow-y-auto flex flex-col">
<div class="flex items-center justify-between p-6 border-b border-gray-100">
<a href="/" title="Recipe.net" class="text-2xl font-black text-[#004a87] tracking-tighter">Recipe<span class="logo-net">.net</span></a>
<button onclick="toggleDrawer()" class="p-2 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-100 transition-colors">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<!-- Mobile Search -->
<div class="p-4 border-b border-gray-100">
<form action="/search" method="get" class="relative">
<input type="text" name="q" placeholder="Search recipes..."
class="w-full pl-4 pr-16 py-3 bg-gray-50 border border-gray-200 rounded-xl text-sm font-medium focus:ring-2 focus:ring-[#004a87] focus:bg-white transition-all">
<button type="submit" class="absolute right-1 top-1 bottom-1 px-4 bg-[#004a87] text-white font-bold rounded-lg text-xs">Go</button>
</form>
</div>
<!-- Mobile Auth -->
<div class="p-4 border-b border-gray-100">
<div class="grid grid-cols-2 gap-2">
<a href="/auth/login" onclick="toggleDrawer()"
title="Log in"
class="text-center py-2.5 border border-[#004a87] text-[#004a87] text-xs font-black rounded-xl hover:bg-blue-50 transition-all">Log in</a>
<a href="/auth/signup" onclick="toggleDrawer()"
title="Sign Up Free"
class="text-center py-2.5 bg-[#004a87] text-white text-xs font-black rounded-xl hover:bg-[#003d6e] transition-all">Sign Up Free</a>
</div>
</div>
<!-- Quick Links -->
<div class="p-4 border-b border-gray-100 flex gap-3">
<a href="/restaurants" onclick="toggleDrawer()"
title="🍽️ Restaurants"
class="flex-1 text-center py-2.5 bg-gray-50 text-[#002e54] text-xs font-black rounded-xl border border-gray-100">🍽️ Restaurants</a>
<a href="/your-page" onclick="toggleDrawer()"
title="✦ Your Page"
class="flex-1 text-center py-2.5 bg-amber-400 text-[#002e54] text-xs font-black rounded-xl">✦ Your Page</a>
</div>
<!-- Latest: stable crawl path to the two newest-first index pages.
Every drip release lands at the top of these, so they're the
freshest entry points on the site. -->
<div class="p-4 border-b border-gray-100 flex gap-3">
<a href="/recipes/" onclick="toggleDrawer()"
title="Latest Recipes"
class="flex-1 text-center py-2.5 bg-gray-50 text-[#002e54] text-xs font-black rounded-xl border border-gray-100">🆕 Latest Recipes</a>
<a href="/articles" onclick="toggleDrawer()"
title="Latest Articles"
class="flex-1 text-center py-2.5 bg-gray-50 text-[#002e54] text-xs font-black rounded-xl border border-gray-100">📖 Latest Articles</a>
</div>
<!-- Categories -->
<div class="flex-1 overflow-y-auto p-4 space-y-6">
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Course</h3>
<div class="space-y-1">
<a href="/category/appetizers-starters" onclick="toggleDrawer()"
title="Appetizers & Starters"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Appetizers & Starters
</a>
<a href="/category/main-dishes" onclick="toggleDrawer()"
title="Main Dishes"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Main Dishes
</a>
<a href="/category/side-dishes" onclick="toggleDrawer()"
title="Side Dishes"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Side Dishes
</a>
<a href="/category/desserts" onclick="toggleDrawer()"
title="Desserts"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Desserts
</a>
<a href="/category/breakfast-brunch" onclick="toggleDrawer()"
title="Breakfast & Brunch"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Breakfast & Brunch
</a>
<a href="/category/beverages" onclick="toggleDrawer()"
title="Beverages"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Beverages
</a>
<a href="/category/soups-stews" onclick="toggleDrawer()"
title="Soups & Stews"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Soups & Stews
</a>
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Dietary Preference</h3>
<div class="space-y-1">
<a href="/category/vegetarian" onclick="toggleDrawer()"
title="Vegetarian"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Vegetarian
</a>
<a href="/category/vegan" onclick="toggleDrawer()"
title="Vegan"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Vegan
</a>
<a href="/category/gluten-free" onclick="toggleDrawer()"
title="Gluten-Free"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Gluten-Free
</a>
<a href="/category/keto-low-carb" onclick="toggleDrawer()"
title="Keto & Low Carb"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Keto & Low Carb
</a>
<a href="/category/dairy-free" onclick="toggleDrawer()"
title="Dairy-Free"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Dairy-Free
</a>
<a href="/category/healthy-low-calorie" onclick="toggleDrawer()"
title="Healthy & Low Calorie"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Healthy & Low Calorie
</a>
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Main Ingredient</h3>
<div class="space-y-1">
<a href="/category/poultry" onclick="toggleDrawer()"
title="Poultry"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Poultry
</a>
<a href="/category/meat" onclick="toggleDrawer()"
title="Meat"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Meat
</a>
<a href="/category/seafood" onclick="toggleDrawer()"
title="Seafood"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Seafood
</a>
<a href="/category/pasta-grains" onclick="toggleDrawer()"
title="Pasta & Grains"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Pasta & Grains
</a>
<a href="/category/vegetables" onclick="toggleDrawer()"
title="Vegetables"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Vegetables
</a>
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Cooking Method</h3>
<div class="space-y-1">
<a href="/category/quick-easy" onclick="toggleDrawer()"
title="Quick & Easy"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Quick & Easy
</a>
<a href="/category/slow-cooker" onclick="toggleDrawer()"
title="Slow Cooker"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Slow Cooker
</a>
<a href="/category/air-fryer" onclick="toggleDrawer()"
title="Air Fryer"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Air Fryer
</a>
<a href="/category/one-pot" onclick="toggleDrawer()"
title="One-Pot"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
One-Pot
</a>
<a href="/category/baking" onclick="toggleDrawer()"
title="Baking"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Baking
</a>
<a href="/category/grilling-bbq" onclick="toggleDrawer()"
title="Grilling & BBQ"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Grilling & BBQ
</a>
<a href="/category/crock-pot" onclick="toggleDrawer()"
title="Crock Pot"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Crock Pot
</a>
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Cuisine</h3>
<div class="space-y-1">
<a href="/category/italian" onclick="toggleDrawer()"
title="Italian"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Italian
</a>
<a href="/category/mexican" onclick="toggleDrawer()"
title="Mexican"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Mexican
</a>
<a href="/category/asian" onclick="toggleDrawer()"
title="Asian"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Asian
</a>
<a href="/category/mediterranean" onclick="toggleDrawer()"
title="Mediterranean"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Mediterranean
</a>
<a href="/category/french" onclick="toggleDrawer()"
title="French"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
French
</a>
<a href="/category/american" onclick="toggleDrawer()"
title="American"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
American
</a>
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Season & Occasions</h3>
<div class="space-y-1">
<a href="/category/holidays" onclick="toggleDrawer()"
title="Holidays"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Holidays
</a>
<a href="/category/seasonal" onclick="toggleDrawer()"
title="Seasonal"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Seasonal
</a>
<a href="/category/special-events" onclick="toggleDrawer()"
title="Special Events"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Special Events
</a>
<a href="/category/back-to-school" onclick="toggleDrawer()"
title="Back to School"
class="block px-3 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-[#004a87] transition-colors">
Back to School
</a>
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Cooking Techniques</h3>
<div class="space-y-1">
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Ingredient Guides</h3>
<div class="space-y-1">
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Substitutions & Swaps</h3>
<div class="space-y-1">
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Equipment & Tools</h3>
<div class="space-y-1">
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Food Science</h3>
<div class="space-y-1">
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Meal Prep & Storage</h3>
<div class="space-y-1">
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Baking Basics</h3>
<div class="space-y-1">
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">Kitchen Basics</h3>
<div class="space-y-1">
</div>
</div>
<div>
<h3 class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3">How-To Guides</h3>
<div class="space-y-1">
<a href="/category/baking-basics" onclick="toggleDrawer()"
title="Baking Basics"
class="block px-3 py-2 rounded-lg text-sm font-medium text-green-700 hover:bg-green-50 hover:text-green-800 transition-colors">
Baking Basics
</a>
<a href="/category/cooking-techniques" onclick="toggleDrawer()"
title="Cooking Techniques"
class="block px-3 py-2 rounded-lg text-sm font-medium text-green-700 hover:bg-green-50 hover:text-green-800 transition-colors">
Cooking Techniques
</a>
<a href="/category/equipment-tools" onclick="toggleDrawer()"
title="Equipment & Tools"
class="block px-3 py-2 rounded-lg text-sm font-medium text-green-700 hover:bg-green-50 hover:text-green-800 transition-colors">
Equipment & Tools
</a>
<a href="/category/food-science" onclick="toggleDrawer()"
title="Food Science"
class="block px-3 py-2 rounded-lg text-sm font-medium text-green-700 hover:bg-green-50 hover:text-green-800 transition-colors">
Food Science
</a>
<a href="/category/ingredient-guides" onclick="toggleDrawer()"
title="Ingredient Guides"
class="block px-3 py-2 rounded-lg text-sm font-medium text-green-700 hover:bg-green-50 hover:text-green-800 transition-colors">
Ingredient Guides
</a>
<a href="/category/kitchen-basics" onclick="toggleDrawer()"
title="Kitchen Basics"
class="block px-3 py-2 rounded-lg text-sm font-medium text-green-700 hover:bg-green-50 hover:text-green-800 transition-colors">
Kitchen Basics
</a>
<a href="/category/meal-prep-storage" onclick="toggleDrawer()"
title="Meal Prep & Storage"
class="block px-3 py-2 rounded-lg text-sm font-medium text-green-700 hover:bg-green-50 hover:text-green-800 transition-colors">
Meal Prep & Storage
</a>
<a href="/category/substitutions-swaps" onclick="toggleDrawer()"
title="Substitutions & Swaps"
class="block px-3 py-2 rounded-lg text-sm font-medium text-green-700 hover:bg-green-50 hover:text-green-800 transition-colors">
Substitutions & Swaps
</a>
</div>
</div>
</div>
</div>
<!-- Header -->
<header class="sticky top-0 z-50 bg-white border-b border-gray-100 shadow-sm w-full">
<div class="w-full px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between py-4 gap-4">
<!-- Logo -->
<a href="/" class="flex-shrink-0" title="Recipe.net">
<span class="text-3xl font-black text-[#004a87] tracking-tighter">Recipe<span class="logo-net">.net</span></span>
</a>
<!-- Search Bar (desktop) -->
<div class="flex-grow max-w-2xl hidden md:block">
<form action="/search" method="get" class="relative group">
<div class="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none">
<svg class="h-5 w-5 text-gray-400 group-focus-within:text-[#004a87]" fill="none"
stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
</svg>
</div>
<input type="text" name="q" placeholder="Find a recipe or category"
class="block w-full pl-11 pr-24 py-3 bg-gray-50 border border-gray-200 rounded-xl focus:ring-2 focus:ring-[#004a87] focus:bg-white transition-all text-sm font-medium">
<button type="submit"
class="absolute right-1 top-1 bottom-1 px-6 bg-[#004a87] text-white font-bold rounded-lg hover:bg-[#003d6e] transition-colors text-sm normal-case">Search</button>
</form>
</div>
<!-- Right: Auth (desktop) + Hamburger (mobile) -->
<div class="flex items-center gap-3">
<!-- Auth — desktop only -->
<div class="hidden md:flex items-center gap-2">
<a href="/auth/login" title="Login"
class="border border-[#004a87] text-[#004a87] font-bold text-sm px-5 py-2.5 rounded-xl hover:bg-blue-50 transition-all">Login</a>
<a href="/auth/signup" title="Sign Up"
class="bg-[#004a87] text-white font-bold text-sm px-5 py-2.5 rounded-xl hover:bg-[#003d6e] transition-all">Sign Up</a>
</div>
<!-- Hamburger button (mobile only) -->
<button id="hamburger-btn" onclick="toggleDrawer()"
class="md:hidden p-2 text-[#004a87] hover:bg-gray-50 rounded-lg transition-colors">
<!-- Hamburger icon -->
<svg id="icon-hamburger" class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
<!-- X icon (hidden by default) -->
<svg id="icon-close" class="w-6 h-6 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div>
<!-- Major Categories Scroller -->
<div class="border-t border-gray-100 w-full bg-white relative z-40">
<div class="flex items-center">
<!-- Scrollable categories (flex-1 so pinned actions stay on the right) -->
<div class="relative flex-1 min-w-0">
<!-- Left fade (hidden until scrolled) -->
<div id="cat-fade-left" class="pointer-events-none absolute left-0 top-0 bottom-0 w-10 z-10 opacity-0 transition-opacity duration-200"
style="background: linear-gradient(to right, white 20%, transparent)"></div>
<!-- Right fade (hidden until there's more to scroll) -->
<div id="cat-fade-right" class="pointer-events-none absolute right-0 top-0 bottom-0 w-10 z-10 opacity-0 transition-opacity duration-200"
style="background: linear-gradient(to left, white 20%, transparent)"></div>
<div id="cat-scroller"
class="flex items-center gap-6 py-3 overflow-x-auto scrollbar-hide px-4 sm:px-6 lg:px-8"
style="overflow-y: hidden; -webkit-overflow-scrolling: touch;">
<a href="/recipes/"
title="Latest Recipes"
class="text-[12px] font-black text-[#004a87] uppercase tracking-wider hover:text-[#002e54] whitespace-nowrap transition-colors flex-shrink-0">
Latest
</a>
<a href="/articles"
title="Latest Articles"
class="text-[12px] font-black text-[#004a87] uppercase tracking-wider hover:text-[#002e54] whitespace-nowrap transition-colors flex-shrink-0">
Articles
</a>
<span class="w-px h-4 bg-gray-200 flex-shrink-0" aria-hidden="true"></span>
<a href="/category/course"
title="Course"
class="text-[12px] font-black text-[#002e54] uppercase tracking-wider hover:text-[#004a87] whitespace-nowrap transition-colors flex-shrink-0">
Course
</a>
<a href="/category/appetizers-starters"
title="Appetizers & Starters"
class="text-[12px] font-black text-[#002e54] uppercase tracking-wider hover:text-[#004a87] whitespace-nowrap transition-colors flex-shrink-0">
Appetizers & Starters
</a>
<a href="/category/main-dishes"
title="Main Dishes"
class="text-[12px] font-black text-[#002e54] uppercase tracking-wider hover:text-[#004a87] whitespace-nowrap transition-colors flex-shrink-0">
Main Dishes
</a>
<a href="/category/side-dishes"
title="Side Dishes"
class="text-[12px] font-black text-[#002e54] uppercase tracking-wider hover:text-[#004a87] whitespace-nowrap transition-colors flex-shrink-0">
Side Dishes
</a>
<a href="/category/desserts"
title="Desserts"
class="text-[12px] font-black text-[#002e54] uppercase tracking-wider hover:text-[#004a87] whitespace-nowrap transition-colors flex-shrink-0">
Desserts
</a>
<a href="/category/breakfast-brunch"
title="Breakfast & Brunch"
class="text-[12px] font-black text-[#002e54] uppercase tracking-wider hover:text-[#004a87] whitespace-nowrap transition-colors flex-shrink-0">
Breakfast & Brunch
</a>
<a href="/category/beverages"
title="Beverages"
class="text-[12px] font-black text-[#002e54] uppercase tracking-wider hover:text-[#004a87] whitespace-nowrap transition-colors flex-shrink-0">
Beverages
</a>
</div>
</div>
<!-- More dropdown — outside scroll container, JS-toggled (CSS group-hover unreliable) -->
<div class="relative flex-shrink-0 border-l border-gray-100 px-3 py-3" id="more-dropdown-wrap">
<button onclick="toggleMoreMenu(event)"
class="flex items-center gap-1 text-[12px] font-black text-[#004a87] uppercase tracking-wider hover:text-[#002e54] transition-colors whitespace-nowrap">
More
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</button>
<div id="more-menu" class="hidden absolute right-0 top-full pt-2 w-56 z-[200]">
<div class="bg-white border border-gray-100 rounded-xl p-2 shadow-xl max-h-[70vh] overflow-y-auto">
<a href="/category/soups-stews"
title="Soups & Stews"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Soups & Stews
</a>
<a href="/category/dietary-preference"
title="Dietary Preference"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Dietary Preference
</a>
<a href="/category/vegetarian"
title="Vegetarian"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Vegetarian
</a>
<a href="/category/vegan"
title="Vegan"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Vegan
</a>
<a href="/category/gluten-free"
title="Gluten-Free"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Gluten-Free
</a>
<a href="/category/keto-low-carb"
title="Keto & Low Carb"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Keto & Low Carb
</a>
<a href="/category/dairy-free"
title="Dairy-Free"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Dairy-Free
</a>
<a href="/category/healthy-low-calorie"
title="Healthy & Low Calorie"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Healthy & Low Calorie
</a>
<a href="/category/main-ingredient"
title="Main Ingredient"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Main Ingredient
</a>
<a href="/category/poultry"
title="Poultry"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Poultry
</a>
<a href="/category/meat"
title="Meat"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Meat
</a>
<a href="/category/seafood"
title="Seafood"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Seafood
</a>
<a href="/category/pasta-grains"
title="Pasta & Grains"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Pasta & Grains
</a>
<a href="/category/vegetables"
title="Vegetables"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Vegetables
</a>
<a href="/category/cooking-method"
title="Cooking Method"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Cooking Method
</a>
<a href="/category/quick-easy"
title="Quick & Easy"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Quick & Easy
</a>
<a href="/category/slow-cooker"
title="Slow Cooker"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Slow Cooker
</a>
<a href="/category/air-fryer"
title="Air Fryer"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Air Fryer
</a>
<a href="/category/one-pot"
title="One-Pot"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
One-Pot
</a>
<a href="/category/baking"
title="Baking"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Baking
</a>
<a href="/category/grilling-bbq"
title="Grilling & BBQ"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Grilling & BBQ
</a>
<a href="/category/cuisine"
title="Cuisine"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Cuisine
</a>
<a href="/category/italian"
title="Italian"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Italian
</a>
<a href="/category/mexican"
title="Mexican"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Mexican
</a>
<a href="/category/asian"
title="Asian"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Asian
</a>
<a href="/category/mediterranean"
title="Mediterranean"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Mediterranean
</a>
<a href="/category/french"
title="French"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
French
</a>
<a href="/category/american"
title="American"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
American
</a>
<a href="/category/season-occasions"
title="Season & Occasions"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Season & Occasions
</a>
<a href="/category/holidays"
title="Holidays"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Holidays
</a>
<a href="/category/seasonal"
title="Seasonal"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Seasonal
</a>
<a href="/category/special-events"
title="Special Events"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Special Events
</a>
<a href="/category/back-to-school"
title="Back to School"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Back to School
</a>
<a href="/category/crock-pot"
title="Crock Pot"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Crock Pot
</a>
<a href="/category/cooking-techniques"
title="Cooking Techniques"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Cooking Techniques
</a>
<a href="/category/ingredient-guides"
title="Ingredient Guides"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Ingredient Guides
</a>
<a href="/category/substitutions-swaps"
title="Substitutions & Swaps"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Substitutions & Swaps
</a>
<a href="/category/equipment-tools"
title="Equipment & Tools"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Equipment & Tools
</a>
<a href="/category/food-science"
title="Food Science"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Food Science
</a>
<a href="/category/meal-prep-storage"
title="Meal Prep & Storage"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Meal Prep & Storage
</a>
<a href="/category/baking-basics"
title="Baking Basics"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Baking Basics
</a>
<a href="/category/kitchen-basics"
title="Kitchen Basics"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-[#004a87]/5 hover:text-[#004a87] rounded-lg transition-colors font-bold">
Kitchen Basics
</a>
<div class="border-t border-gray-100 mt-1 pt-1">
<p class="px-4 py-1 text-[9px] font-black text-slate-400 uppercase tracking-widest">How-To Guides</p>
<a href="/category/baking-basics"
title="Baking Basics"
class="block px-4 py-2 text-sm text-green-700 hover:bg-green-50 hover:text-green-800 rounded-lg transition-colors font-bold">
Baking Basics
</a>
<a href="/category/cooking-techniques"
title="Cooking Techniques"
class="block px-4 py-2 text-sm text-green-700 hover:bg-green-50 hover:text-green-800 rounded-lg transition-colors font-bold">
Cooking Techniques
</a>
<a href="/category/equipment-tools"
title="Equipment & Tools"
class="block px-4 py-2 text-sm text-green-700 hover:bg-green-50 hover:text-green-800 rounded-lg transition-colors font-bold">
Equipment & Tools
</a>
<a href="/category/food-science"
title="Food Science"
class="block px-4 py-2 text-sm text-green-700 hover:bg-green-50 hover:text-green-800 rounded-lg transition-colors font-bold">
Food Science
</a>
<a href="/category/ingredient-guides"
title="Ingredient Guides"
class="block px-4 py-2 text-sm text-green-700 hover:bg-green-50 hover:text-green-800 rounded-lg transition-colors font-bold">
Ingredient Guides
</a>
<a href="/category/kitchen-basics"
title="Kitchen Basics"
class="block px-4 py-2 text-sm text-green-700 hover:bg-green-50 hover:text-green-800 rounded-lg transition-colors font-bold">
Kitchen Basics
</a>
<a href="/category/meal-prep-storage"
title="Meal Prep & Storage"
class="block px-4 py-2 text-sm text-green-700 hover:bg-green-50 hover:text-green-800 rounded-lg transition-colors font-bold">
Meal Prep & Storage
</a>
<a href="/category/substitutions-swaps"
title="Substitutions & Swaps"
class="block px-4 py-2 text-sm text-green-700 hover:bg-green-50 hover:text-green-800 rounded-lg transition-colors font-bold">
Substitutions & Swaps
</a>
</div>
</div>
</div>
</div>
<script>
function toggleMoreMenu(e) {
e.stopPropagation();
var m = document.getElementById('more-menu');
m.classList.toggle('hidden');
}
document.addEventListener('click', function(e) {
var wrap = document.getElementById('more-dropdown-wrap');
if (wrap && !wrap.contains(e.target)) {
var m = document.getElementById('more-menu');
if (m) m.classList.add('hidden');
}
});
</script>
<!-- Pinned right actions — outside the scroll container, never hidden by fade -->
<div class="flex-shrink-0 flex items-center gap-3 pl-3 pr-4 sm:pr-6 lg:pr-8 border-l border-gray-100 py-3">
<a href="/restaurants" title="🍽️ Restaurants"
class="text-[12px] font-black text-[#002e54] uppercase tracking-wider hover:text-[#004a87] whitespace-nowrap transition-colors hidden sm:inline">🍽️ Restaurants</a>
<a href="/your-page" title="✦ Your Page"
class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-amber-400 text-[#002e54] text-[11px] font-black uppercase tracking-widest rounded-lg hover:bg-amber-300 transition-colors whitespace-nowrap">
✦ Your Page
</a>
</div>
</div>
</div>
<script>
(function() {
var scroller = document.getElementById('cat-scroller');
var fadeLeft = document.getElementById('cat-fade-left');
var fadeRight = document.getElementById('cat-fade-right');
if (!scroller) return;
function updateFades() {
var sl = scroller.scrollLeft;
var maxScroll = scroller.scrollWidth - scroller.clientWidth;
fadeLeft.style.opacity = sl > 4 ? '1' : '0';
fadeRight.style.opacity = sl < maxScroll - 4 ? '1' : '0';
}
scroller.addEventListener('scroll', updateFades, { passive: true });
updateFades();
})();
</script>
</header>
<div class="flex-grow flex w-full max-w-[1920px] mx-auto">
<!-- Sidebar -->
<!-- Content -->
<main class="flex-grow min-w-0">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<div class="space-y-20 pb-20">
<!-- Hero Section: Featured + Latest -->
<section class="grid grid-cols-1 lg:grid-cols-12 gap-12 items-start">
<!-- Featured (Large) -->
<div class="lg:col-span-8 group">
<a href="https://recipe.net/creamy-garlic-parmesan-chicken-thighs-with-spinach" title="Creamy Garlic Parmesan Chicken Thighs with Spinach" class="block space-y-6">
<div
class="aspect-[16/10] rounded-[2.5rem] overflow-hidden bg-gray-100 transition-all duration-500 relative">
<img src="/preview-images/creamy-garlic-parmesan-chicken-thighs-with-spinach.jpg" alt="Creamy Garlic Parmesan Chicken Thighs with Spinach"
fetchpriority="high" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<div
class="absolute top-6 left-6 px-4 py-2 bg-white/90 backdrop-blur-md rounded-full text-[11px] font-black text-[#004a87] tracking-widest uppercase">
Poultry
</div>
</div>
<div class="px-2">
<h1
class="text-4xl sm:text-5xl font-black text-[#002e54] leading-tight flex flex-col group-hover:text-[#004a87] transition-colors">
Creamy Garlic Parmesan Chicken Thighs with Spinach
</h1>
<p class="mt-4 text-gray-500 text-lg leading-relaxed line-clamp-2 max-w-2xl font-medium">
Succulent pan-seared chicken thighs nestled in a velvety, indulgent parmesan cream sauce infused with roasted garlic and fresh wilted baby spinach. This effortless one-pan wonder delivers restaurant-quality flavors in under 45 minutes, making it a perfect solution for busy evenings.
</p>
</div>
</a>
</div>
<div class="lg:col-span-4">
<div class="flex items-center gap-3 mb-8">
<h2 class="text-2xl font-black text-[#002e54]">The Latest Recipes</h2>
<div class="h-1 bg-[#004a87] flex-grow rounded-full opacity-10"></div>
<a href="/recipes/" title="All Recipes"
class="inline-flex items-center gap-1 text-xs font-black text-[#004a87] hover:underline whitespace-nowrap flex-shrink-0">
See All
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path></svg>
</a>
</div>
<div class="space-y-6">
<a href="https://recipe.net/lemon-herb-roasted-whole-chicken-with-root-vegetables" title="Lemon Herb Roasted Whole Chicken with Root Vegetables" class="flex gap-4 group">
<div class="w-24 h-24 rounded-2xl overflow-hidden flex-shrink-0 bg-gray-50">
<img src="/thumbs/lemon-herb-roasted-whole-chicken-with-root-vegetables.jpg" alt="Lemon Herb Roasted Whole Chicken with Root Vegetables"
class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500">
</div>
<div class="flex flex-col justify-center min-w-0">
<div class="flex items-center gap-2 mb-1">
<span class="text-[10px] font-black text-[#004a87] uppercase tracking-wider">Poultry</span>
</div>
<h3
class="text-base font-bold text-[#002e54] group-hover:text-[#004a87] transition-colors leading-snug line-clamp-2">
Lemon Herb Roasted Whole Chicken with Root Vegetables
</h3>
</div>
</a>
<a href="https://recipe.net/lemon-herb-grilled-spatchcock-chicken" title="Lemon Herb Grilled Spatchcock Chicken" class="flex gap-4 group">
<div class="w-24 h-24 rounded-2xl overflow-hidden flex-shrink-0 bg-gray-50">
<img src="/thumbs/lemon-herb-grilled-spatchcock-chicken.jpg" alt="Lemon Herb Grilled Spatchcock Chicken"
class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500">
</div>
<div class="flex flex-col justify-center min-w-0">
<div class="flex items-center gap-2 mb-1">
<span class="text-[10px] font-black text-[#004a87] uppercase tracking-wider">Grilling & BBQ</span>
</div>
<h3
class="text-base font-bold text-[#002e54] group-hover:text-[#004a87] transition-colors leading-snug line-clamp-2">
Lemon Herb Grilled Spatchcock Chicken
</h3>
</div>
</a>
<a href="https://recipe.net/sticky-korean-bbq-pork-ribs" title="Sticky Korean BBQ Pork Ribs" class="flex gap-4 group">
<div class="w-24 h-24 rounded-2xl overflow-hidden flex-shrink-0 bg-gray-50">
<img src="/thumbs/sticky-korean-bbq-pork-ribs.jpg" alt="Sticky Korean BBQ Pork Ribs"
class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500">
</div>
<div class="flex flex-col justify-center min-w-0">
<div class="flex items-center gap-2 mb-1">
<span class="text-[10px] font-black text-[#004a87] uppercase tracking-wider">Grilling & BBQ</span>
</div>
<h3
class="text-base font-bold text-[#002e54] group-hover:text-[#004a87] transition-colors leading-snug line-clamp-2">
Sticky Korean BBQ Pork Ribs
</h3>
</div>
</a>
<a href="https://recipe.net/balsamic-marinated-grilled-portobello-mushrooms" title="Balsamic Marinated Grilled Portobello Mushrooms" class="flex gap-4 group">
<div class="w-24 h-24 rounded-2xl overflow-hidden flex-shrink-0 bg-gray-50">
<img src="/thumbs/balsamic-marinated-grilled-portobello-mushrooms.jpg" alt="Balsamic Marinated Grilled Portobello Mushrooms"
class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500">
</div>
<div class="flex flex-col justify-center min-w-0">
<div class="flex items-center gap-2 mb-1">
<span class="text-[10px] font-black text-[#004a87] uppercase tracking-wider">Vegetarian</span>
</div>
<h3
class="text-base font-bold text-[#002e54] group-hover:text-[#004a87] transition-colors leading-snug line-clamp-2">
Balsamic Marinated Grilled Portobello Mushrooms
</h3>
</div>
</a>
<a href="https://recipe.net/yellow-moong-dal-tadka-with-ghee" title="Yellow Moong Dal Tadka with Ghee" class="flex gap-4 group">
<div class="w-24 h-24 rounded-2xl overflow-hidden flex-shrink-0 bg-gray-50">
<img src="/thumbs/yellow-moong-dal-tadka-with-ghee.jpg" alt="Yellow Moong Dal Tadka with Ghee"
class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500">
</div>
<div class="flex flex-col justify-center min-w-0">
<div class="flex items-center gap-2 mb-1">
<span class="text-[10px] font-black text-[#004a87] uppercase tracking-wider">Vegetarian</span>
</div>
<h3
class="text-base font-bold text-[#002e54] group-hover:text-[#004a87] transition-colors leading-snug line-clamp-2">
Yellow Moong Dal Tadka with Ghee
</h3>
</div>
</a>
</div>
<a href="/recipes/" title="Browse All Recipes"
class="mt-8 block w-full py-4 text-center border-2 border-gray-100 rounded-2xl font-black text-[#004a87] text-sm hover:bg-gray-50 transition-all uppercase tracking-widest">
Browse All Recipes
</a>
</div>
</section>
<!-- Start Saving These Recipes -->
<section class="bg-blue-50/30 -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8 py-16 rounded-3xl sm:rounded-[4rem]">
<div class="flex items-center justify-between mb-10">
<div>
<h2 class="text-3xl font-black text-[#002e54]">Start Saving These Recipes</h2>
<p class="text-gray-500 text-sm mt-1 font-medium italic">Keep your favorites in your Recipe.net collection.</p>
</div>
<a href="/auth/signup" title="Create Free Account →"
class="text-sm font-black text-[#004a87] hover:underline hidden sm:block">Create Free Account →</a>
</div>
<!-- 2 cols mobile, 4 cols desktop -->
<div class="grid grid-cols-2 md:grid-cols-4 gap-5">
<div class="group" data-recipe-id="496">
<a href="https://everydayfoodilove.recipe.net/tuaran-mee" title="Tuaran Mee"
class="block aspect-[4/5] rounded-[2rem] bg-white border border-gray-100 overflow-hidden relative mb-3">
<img src="/thumbs/tuaran-mee.jpg" alt="Tuaran Mee" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-transparent"></div>
<div class="absolute top-3 left-3">
<span class="text-[9px] font-black text-white bg-amber-500 px-2 py-1 rounded-full uppercase tracking-widest">
Asian
</span>
</div>
</a>
<h4 class="text-sm font-black text-[#002e54] line-clamp-2 mb-2 leading-tight">Tuaran Mee</h4>
<!-- Save button: AJAX for logged-in, redirect-to-login for guests -->
<a href="/auth/login?save_recipe=496&next=/"
title="Save Recipe"
class="w-full py-2.5 rounded-xl border border-gray-200 text-[11px] font-black text-[#004a87] hover:bg-[#004a87] hover:text-white hover:border-[#004a87] transition-all flex items-center justify-center gap-1.5">
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span>Save Recipe</span>
</a>
</div>
<div class="group" data-recipe-id="498">
<a href="https://everydayfoodilove.recipe.net/seafood-butter-prawns" title="Seafood Butter Prawns"
class="block aspect-[4/5] rounded-[2rem] bg-white border border-gray-100 overflow-hidden relative mb-3">
<img src="/thumbs/seafood-butter-prawns.jpg" alt="Seafood Butter Prawns" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-transparent"></div>
<div class="absolute top-3 left-3">
<span class="text-[9px] font-black text-white bg-amber-500 px-2 py-1 rounded-full uppercase tracking-widest">
Seafood
</span>
</div>
</a>
<h4 class="text-sm font-black text-[#002e54] line-clamp-2 mb-2 leading-tight">Seafood Butter Prawns</h4>
<!-- Save button: AJAX for logged-in, redirect-to-login for guests -->
<a href="/auth/login?save_recipe=498&next=/"
title="Save Recipe"
class="w-full py-2.5 rounded-xl border border-gray-200 text-[11px] font-black text-[#004a87] hover:bg-[#004a87] hover:text-white hover:border-[#004a87] transition-all flex items-center justify-center gap-1.5">
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span>Save Recipe</span>
</a>
</div>
<div class="group" data-recipe-id="493">
<a href="https://everydayfoodilove.recipe.net/satay-with-peanut-sauce" title="Satay with Peanut Sauce"
class="block aspect-[4/5] rounded-[2rem] bg-white border border-gray-100 overflow-hidden relative mb-3">
<img src="/thumbs/satay-with-peanut-sauce.jpg" alt="Satay with Peanut Sauce" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-transparent"></div>
<div class="absolute top-3 left-3">
<span class="text-[9px] font-black text-white bg-amber-500 px-2 py-1 rounded-full uppercase tracking-widest">
Asian
</span>
</div>
</a>
<h4 class="text-sm font-black text-[#002e54] line-clamp-2 mb-2 leading-tight">Satay with Peanut Sauce</h4>
<!-- Save button: AJAX for logged-in, redirect-to-login for guests -->
<a href="/auth/login?save_recipe=493&next=/"
title="Save Recipe"
class="w-full py-2.5 rounded-xl border border-gray-200 text-[11px] font-black text-[#004a87] hover:bg-[#004a87] hover:text-white hover:border-[#004a87] transition-all flex items-center justify-center gap-1.5">
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span>Save Recipe</span>
</a>
</div>
<div class="group" data-recipe-id="491">
<a href="https://everydayfoodilove.recipe.net/sabah-style-sang-nyuk-mian" title="Sabah-Style Sang Nyuk Mian"
class="block aspect-[4/5] rounded-[2rem] bg-white border border-gray-100 overflow-hidden relative mb-3">
<img src="/thumbs/sabah-style-sang-nyuk-mian.jpg" alt="Sabah-Style Sang Nyuk Mian" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-transparent"></div>
<div class="absolute top-3 left-3">
<span class="text-[9px] font-black text-white bg-amber-500 px-2 py-1 rounded-full uppercase tracking-widest">
Asian
</span>
</div>
</a>
<h4 class="text-sm font-black text-[#002e54] line-clamp-2 mb-2 leading-tight">Sabah-Style Sang Nyuk Mian</h4>
<!-- Save button: AJAX for logged-in, redirect-to-login for guests -->
<a href="/auth/login?save_recipe=491&next=/"
title="Save Recipe"
class="w-full py-2.5 rounded-xl border border-gray-200 text-[11px] font-black text-[#004a87] hover:bg-[#004a87] hover:text-white hover:border-[#004a87] transition-all flex items-center justify-center gap-1.5">
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span>Save Recipe</span>
</a>
</div>
</div>
</section>
<script>
function saveRecipe(btn, recipeId) {
fetch('/my-recipes/save/' + recipeId, {
method: 'POST',
headers: {'X-Requested-With': 'fetch', 'X-CSRFToken': ''},
})
.then(r => r.json())
.then(data => {
const saved = data.saved;
btn.dataset.saved = saved;
const icon = btn.querySelector('svg');
const label = btn.querySelector('span');
if (saved) {
btn.className = btn.className.replace('border-gray-200 text-[#004a87] hover:bg-[#004a87] hover:text-white hover:border-[#004a87]', 'bg-[#004a87] border-[#004a87] text-white');
icon.setAttribute('fill', 'currentColor');
label.textContent = 'Saved';
} else {
btn.className = btn.className.replace('bg-[#004a87] border-[#004a87] text-white', 'border-gray-200 text-[#004a87] hover:bg-[#004a87] hover:text-white hover:border-[#004a87]');
icon.setAttribute('fill', 'none');
label.textContent = 'Save Recipe';
}
});
}
</script>
<!-- Trending Now -->
<section>
<div class="flex items-center gap-4 mb-10">
<h2 class="text-3xl font-black text-[#002e54] underline decoration-amber-400 decoration-8 underline-offset-8">
Trending Now</h2>
<span class="text-[10px] font-black text-amber-600 uppercase tracking-widest bg-amber-50 border border-amber-100 px-3 py-1 rounded-full">Most Saved</span>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8">
<a href="https://recipe.net/homemade-fruit-leather" title="Homemade Fruit Leather"
class="flex gap-6 group border-b border-gray-50 pb-8">
<div class="relative w-32 h-32 rounded-3xl overflow-hidden flex-shrink-0 bg-gray-50">
<img src="/thumbs/homemade-fruit-leather.jpg" alt="Homemade Fruit Leather" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:rotate-3 group-hover:scale-110 transition-transform duration-500">
<span class="absolute top-2 left-2 w-6 h-6 rounded-full bg-amber-400 text-white text-[10px] font-black flex items-center justify-center shadow">1</span>
</div>
<div class="flex flex-col justify-center min-w-0">
<div class="text-[10px] font-black text-amber-600 uppercase tracking-widest mb-2">Healthy & Low Calorie</div>
<h3 class="text-xl font-black text-[#002e54] group-hover:text-[#004a87] transition-colors leading-tight line-clamp-2">
Homemade Fruit Leather
</h3>
<p class="text-xs text-slate-400 mt-2 font-medium flex items-center gap-1">
<svg class="w-3.5 h-3.5 text-rose-400" fill="currentColor" viewBox="0 0 20 20"><path d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z"/></svg>
1 saves
</p>
</div>
</a>
</div>
</section>
<!-- Category Grids -->
<section>
<div class="flex items-center justify-between mb-10">
<div class="flex items-center gap-4">
<h2 class="text-3xl font-black text-[#002e54]">Main Dishes Recipes</h2>
<a href="/category/main-dishes" title="Main Dishes recipes"
class="p-2 border border-gray-100 rounded-full hover:bg-gray-50 transition-all">
<svg class="w-5 h-5 text-[#004a87]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="M9 5l7 7-7 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
<a href="https://recipe.net/rajma-masala-with-red-kidney-beans" title="Rajma Masala with Red Kidney Beans" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/rajma-masala-with-red-kidney-beans.jpg" alt="Rajma Masala with Red Kidney Beans" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Main Dishes</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Rajma Masala with Red Kidney Beans
</h3>
</div>
</a>
<a href="https://recipe.net/turkey-and-spinach-stuffed-sweet-potatoes" title="Turkey and Spinach Stuffed Sweet Potatoes" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/turkey-and-spinach-stuffed-sweet-potatoes.jpg" alt="Turkey and Spinach Stuffed Sweet Potatoes" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Main Dishes</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Turkey and Spinach Stuffed Sweet Potatoes
</h3>
</div>
</a>
<a href="https://recipe.net/korean-braised-tofu-dubu-jorim" title="Korean Braised Tofu Dubu Jorim" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/korean-braised-tofu-dubu-jorim.jpg" alt="Korean Braised Tofu Dubu Jorim" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Main Dishes</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Korean Braised Tofu Dubu Jorim
</h3>
</div>
</a>
<a href="https://recipe.net/gungjung-tteokbokki-royal-court-rice-cakes" title="Gungjung Tteokbokki Royal Court Rice Cakes" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/gungjung-tteokbokki-royal-court-rice-cakes.jpg" alt="Gungjung Tteokbokki Royal Court Rice Cakes" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Main Dishes</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Gungjung Tteokbokki Royal Court Rice Cakes
</h3>
</div>
</a>
</div>
</section>
<section>
<div class="flex items-center justify-between mb-10">
<div class="flex items-center gap-4">
<h2 class="text-3xl font-black text-[#002e54]">Side Dishes Recipes</h2>
<a href="/category/side-dishes" title="Side Dishes recipes"
class="p-2 border border-gray-100 rounded-full hover:bg-gray-50 transition-all">
<svg class="w-5 h-5 text-[#004a87]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="M9 5l7 7-7 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
<a href="https://recipe.net/mexican-street-corn-elote-with-cotija-cheese" title="Mexican Street Corn Elote with Cotija Cheese" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/mexican-street-corn-elote-with-cotija-cheese.jpg" alt="Mexican Street Corn Elote with Cotija Cheese" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Side Dishes</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Mexican Street Corn Elote with Cotija Cheese
</h3>
</div>
</a>
<a href="https://recipe.net/gaji-namul-seasoned-aubergine" title="Gaji Namul Seasoned Aubergine" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/gaji-namul-seasoned-aubergine.jpg" alt="Gaji Namul Seasoned Aubergine" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Side Dishes</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Gaji Namul Seasoned Aubergine
</h3>
</div>
</a>
<a href="https://recipe.net/oi-muchim-spicy-cucumber-salad" title="Oi Muchim Spicy Cucumber Salad" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/oi-muchim-spicy-cucumber-salad.jpg" alt="Oi Muchim Spicy Cucumber Salad" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Side Dishes</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Oi Muchim Spicy Cucumber Salad
</h3>
</div>
</a>
<a href="https://recipe.net/myeolchi-bokkeum-stir-fried-anchovies" title="Myeolchi Bokkeum Stir-Fried Anchovies" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/myeolchi-bokkeum-stir-fried-anchovies.jpg" alt="Myeolchi Bokkeum Stir-Fried Anchovies" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Side Dishes</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Myeolchi Bokkeum Stir-Fried Anchovies
</h3>
</div>
</a>
</div>
</section>
<section>
<div class="flex items-center justify-between mb-10">
<div class="flex items-center gap-4">
<h2 class="text-3xl font-black text-[#002e54]">Asian Recipes</h2>
<a href="/category/asian" title="Asian recipes"
class="p-2 border border-gray-100 rounded-full hover:bg-gray-50 transition-all">
<svg class="w-5 h-5 text-[#004a87]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="M9 5l7 7-7 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
<a href="https://recipe.net/dakgalbi-spicy-stir-fried-chicken" title="Dakgalbi Spicy Stir-Fried Chicken" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/dakgalbi-spicy-stir-fried-chicken.jpg" alt="Dakgalbi Spicy Stir-Fried Chicken" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Asian</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Dakgalbi Spicy Stir-Fried Chicken
</h3>
</div>
</a>
<a href="https://recipe.net/hotteok-sweet-korean-filled-pancakes" title="Hotteok Sweet Korean Filled Pancakes" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/hotteok-sweet-korean-filled-pancakes.jpg" alt="Hotteok Sweet Korean Filled Pancakes" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Asian</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Hotteok Sweet Korean Filled Pancakes
</h3>
</div>
</a>
<a href="https://recipe.net/dakbokkeumtang-braised-spicy-chicken" title="Dakbokkeumtang Braised Spicy Chicken" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/dakbokkeumtang-braised-spicy-chicken.jpg" alt="Dakbokkeumtang Braised Spicy Chicken" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Asian</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Dakbokkeumtang Braised Spicy Chicken
</h3>
</div>
</a>
<a href="https://recipe.net/rose-tteokbokki-with-cream-and-gochujang" title="Rose Tteokbokki with Cream and Gochujang" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/rose-tteokbokki-with-cream-and-gochujang.jpg" alt="Rose Tteokbokki with Cream and Gochujang" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Asian</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Rose Tteokbokki with Cream and Gochujang
</h3>
</div>
</a>
</div>
</section>
<section>
<div class="flex items-center justify-between mb-10">
<div class="flex items-center gap-4">
<h2 class="text-3xl font-black text-[#002e54]">Slow Cooker Recipes</h2>
<a href="/category/slow-cooker" title="Slow Cooker recipes"
class="p-2 border border-gray-100 rounded-full hover:bg-gray-50 transition-all">
<svg class="w-5 h-5 text-[#004a87]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="M9 5l7 7-7 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
<a href="https://recipe.net/slow-cooker-beef-chili-with-sweet-potatoes" title="Slow Cooker Beef Chili with Sweet Potatoes" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/slow-cooker-beef-chili-with-sweet-potatoes.jpg" alt="Slow Cooker Beef Chili with Sweet Potatoes" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Slow Cooker</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Slow Cooker Beef Chili with Sweet Potatoes
</h3>
</div>
</a>
<a href="https://recipe.net/slow-cooker-beef-and-root-vegetable-stew" title="Slow Cooker Beef and Root Vegetable Stew" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/slow-cooker-beef-and-root-vegetable-stew.jpg" alt="Slow Cooker Beef and Root Vegetable Stew" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Slow Cooker</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Slow Cooker Beef and Root Vegetable Stew
</h3>
</div>
</a>
<a href="https://recipe.net/slow-cooker-mexican-shredded-beef-tacos" title="Slow Cooker Mexican Shredded Beef Tacos" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/slow-cooker-mexican-shredded-beef-tacos.jpg" alt="Slow Cooker Mexican Shredded Beef Tacos" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Slow Cooker</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Slow Cooker Mexican Shredded Beef Tacos
</h3>
</div>
</a>
<a href="https://recipe.net/slow-cooker-moroccan-lamb-tagine" title="Slow Cooker Moroccan Lamb Tagine" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/slow-cooker-moroccan-lamb-tagine.jpg" alt="Slow Cooker Moroccan Lamb Tagine" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Slow Cooker</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Slow Cooker Moroccan Lamb Tagine
</h3>
</div>
</a>
</div>
</section>
<section>
<div class="flex items-center justify-between mb-10">
<div class="flex items-center gap-4">
<h2 class="text-3xl font-black text-[#002e54]">Soups & Stews Recipes</h2>
<a href="/category/soups-stews" title="Soups & Stews recipes"
class="p-2 border border-gray-100 rounded-full hover:bg-gray-50 transition-all">
<svg class="w-5 h-5 text-[#004a87]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="M9 5l7 7-7 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
<a href="https://recipe.net/samgyetang-ginseng-chicken-soup" title="Samgyetang Ginseng Chicken Soup" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/samgyetang-ginseng-chicken-soup.jpg" alt="Samgyetang Ginseng Chicken Soup" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Soups & Stews</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Samgyetang Ginseng Chicken Soup
</h3>
</div>
</a>
<a href="https://recipe.net/doenjang-jjigae-soybean-paste-stew" title="Doenjang Jjigae Soybean Paste Stew" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/doenjang-jjigae-soybean-paste-stew.jpg" alt="Doenjang Jjigae Soybean Paste Stew" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Soups & Stews</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Doenjang Jjigae Soybean Paste Stew
</h3>
</div>
</a>
<a href="https://recipe.net/sundubu-jjigae-soft-tofu-stew" title="Sundubu Jjigae Soft Tofu Stew" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/sundubu-jjigae-soft-tofu-stew.jpg" alt="Sundubu Jjigae Soft Tofu Stew" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Soups & Stews</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Sundubu Jjigae Soft Tofu Stew
</h3>
</div>
</a>
<a href="https://recipe.net/halaszle-hungarian-fishermans-soup" title="Halaszle Hungarian Fishermans Soup" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/halaszle-hungarian-fishermans-soup.jpg" alt="Halaszle Hungarian Fishermans Soup" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Soups & Stews</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Halaszle Hungarian Fishermans Soup
</h3>
</div>
</a>
</div>
</section>
<section>
<div class="flex items-center justify-between mb-10">
<div class="flex items-center gap-4">
<h2 class="text-3xl font-black text-[#002e54]">Breakfast & Brunch Recipes</h2>
<a href="/category/breakfast-brunch" title="Breakfast & Brunch recipes"
class="p-2 border border-gray-100 rounded-full hover:bg-gray-50 transition-all">
<svg class="w-5 h-5 text-[#004a87]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="M9 5l7 7-7 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
<a href="https://recipe.net/liege-waffles-with-pearl-sugar" title="Liege Waffles with Pearl Sugar" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/liege-waffles-with-pearl-sugar.jpg" alt="Liege Waffles with Pearl Sugar" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Breakfast & Brunch</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Liege Waffles with Pearl Sugar
</h3>
</div>
</a>
<a href="https://recipe.net/crock-pot-apple-cinnamon-steel-cut-oats" title="Crock Pot Apple Cinnamon Steel Cut Oats" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/crock-pot-apple-cinnamon-steel-cut-oats.jpg" alt="Crock Pot Apple Cinnamon Steel Cut Oats" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Breakfast & Brunch</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Crock Pot Apple Cinnamon Steel Cut Oats
</h3>
</div>
</a>
<a href="https://recipe.net/fluffy-blueberry-pancakes-with-maple-syrup" title="Fluffy Blueberry Pancakes with Maple Syrup" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/fluffy-blueberry-pancakes-with-maple-syrup.jpg" alt="Fluffy Blueberry Pancakes with Maple Syrup" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Breakfast & Brunch</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Fluffy Blueberry Pancakes with Maple Syrup
</h3>
</div>
</a>
<a href="https://recipe.net/apple-cinnamon-streusel-muffins" title="Apple Cinnamon Streusel Muffins" class="group space-y-4">
<div
class="aspect-square rounded-[2rem] overflow-hidden bg-gray-50 transition-all duration-500 relative">
<img src="/thumbs/apple-cinnamon-streusel-muffins.jpg" alt="Apple Cinnamon Streusel Muffins" loading="lazy" decoding="async"
class="w-full h-full object-cover">
</div>
<div>
<div class="text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2">Breakfast & Brunch</div>
<h3
class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
Apple Cinnamon Streusel Muffins
</h3>
</div>
</a>
</div>
</section>
<!-- Your Page Promo Section -->
<section class="relative bg-[#002e54] px-6 sm:px-8 lg:px-12 py-16 rounded-3xl sm:rounded-[4rem] overflow-hidden">
<!-- Background decoration -->
<div class="absolute top-0 right-0 w-96 h-96 bg-[#004a87] rounded-full blur-3xl opacity-40 -translate-y-1/2 translate-x-1/3"></div>
<div class="absolute bottom-0 left-0 w-64 h-64 bg-amber-500 rounded-full blur-3xl opacity-10 translate-y-1/2 -translate-x-1/4"></div>
<div class="relative z-10 grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<!-- Left: pitch -->
<div>
<span class="inline-block px-4 py-1.5 rounded-full bg-white/10 text-white text-[10px] font-black uppercase tracking-widest mb-6 border border-white/20">Free Feature</span>
<h2 class="text-4xl md:text-5xl font-black text-white leading-tight mb-5">
Your own<br><span class="text-amber-400">YOURNAME</span><span class="text-white/60">.Recipe.net</span>
</h2>
<p class="text-white/70 text-lg font-medium leading-relaxed mb-8 max-w-md">
Create your personal recipe page. Share your favourite dishes, save recipes you love, and build your own culinary brand — all on a free subdomain.
</p>
<!-- Benefits list -->
<ul class="space-y-3 mb-10">
<li class="flex items-center gap-3 text-white/80 font-medium">
<span class="text-xl">🌐</span>
<span>Your own URL: yourname.Recipe.net</span>
</li>
<li class="flex items-center gap-3 text-white/80 font-medium">
<span class="text-xl">📖</span>
<span>Share your personal recipes & collections</span>
</li>
<li class="flex items-center gap-3 text-white/80 font-medium">
<span class="text-xl">❤️</span>
<span>Showcase recipes you love from our library</span>
</li>
<li class="flex items-center gap-3 text-white/80 font-medium">
<span class="text-xl">🍽️</span>
<span>Perfect for home cooks, chefs & food bloggers</span>
</li>
</ul>
<div class="flex flex-wrap gap-4">
<a href="/auth/signup" title="Claim Your Page — Free"
class="inline-flex items-center gap-2 px-8 py-4 bg-amber-400 text-[#002e54] font-black text-sm rounded-2xl hover:bg-amber-300 transition-all">
Claim Your Page — Free
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
</a>
<a href="/your-page" title="See How It Works"
class="inline-flex items-center gap-2 px-8 py-4 bg-white/10 text-white font-black text-sm rounded-2xl hover:bg-white/20 transition-all border border-white/20">
See How It Works
</a>
</div>
<p class="mt-6 text-white/40 text-xs font-bold uppercase tracking-widest">1016+ members already have their page</p>
</div>
<!-- Right: recipe cards from members (or editorial as placeholder) -->
<div class="grid grid-cols-2 gap-4">
<a href="https://everydayfoodilove.recipe.net/tuaran-mee" title="Tuaran Mee" class="group block bg-white/10 rounded-[1.5rem] overflow-hidden hover:bg-white/20 transition-all border border-white/10">
<div class="aspect-[4/3] overflow-hidden">
<img src="/thumbs/tuaran-mee.jpg" alt="Tuaran Mee" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 opacity-90 group-hover:opacity-100">
</div>
<div class="p-4">
<p class="text-white font-bold text-sm leading-tight line-clamp-2 group-hover:text-amber-300 transition-colors">Tuaran Mee</p>
<p class="text-white/40 text-[10px] font-bold uppercase tracking-wider mt-1">by everydayfoodilove</p>
</div>
</a>
<a href="https://everydayfoodilove.recipe.net/seafood-butter-prawns" title="Seafood Butter Prawns" class="group block bg-white/10 rounded-[1.5rem] overflow-hidden hover:bg-white/20 transition-all border border-white/10">
<div class="aspect-[4/3] overflow-hidden">
<img src="/thumbs/seafood-butter-prawns.jpg" alt="Seafood Butter Prawns" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 opacity-90 group-hover:opacity-100">
</div>
<div class="p-4">
<p class="text-white font-bold text-sm leading-tight line-clamp-2 group-hover:text-amber-300 transition-colors">Seafood Butter Prawns</p>
<p class="text-white/40 text-[10px] font-bold uppercase tracking-wider mt-1">by everydayfoodilove</p>
</div>
</a>
<a href="https://everydayfoodilove.recipe.net/satay-with-peanut-sauce" title="Satay with Peanut Sauce" class="group block bg-white/10 rounded-[1.5rem] overflow-hidden hover:bg-white/20 transition-all border border-white/10">
<div class="aspect-[4/3] overflow-hidden">
<img src="/thumbs/satay-with-peanut-sauce.jpg" alt="Satay with Peanut Sauce" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 opacity-90 group-hover:opacity-100">
</div>
<div class="p-4">
<p class="text-white font-bold text-sm leading-tight line-clamp-2 group-hover:text-amber-300 transition-colors">Satay with Peanut Sauce</p>
<p class="text-white/40 text-[10px] font-bold uppercase tracking-wider mt-1">by everydayfoodilove</p>
</div>
</a>
<a href="https://everydayfoodilove.recipe.net/sabah-style-sang-nyuk-mian" title="Sabah-Style Sang Nyuk Mian" class="group block bg-white/10 rounded-[1.5rem] overflow-hidden hover:bg-white/20 transition-all border border-white/10">
<div class="aspect-[4/3] overflow-hidden">
<img src="/thumbs/sabah-style-sang-nyuk-mian.jpg" alt="Sabah-Style Sang Nyuk Mian" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 opacity-90 group-hover:opacity-100">
</div>
<div class="p-4">
<p class="text-white font-bold text-sm leading-tight line-clamp-2 group-hover:text-amber-300 transition-colors">Sabah-Style Sang Nyuk Mian</p>
<p class="text-white/40 text-[10px] font-bold uppercase tracking-wider mt-1">by everydayfoodilove</p>
</div>
</a>
</div>
</div>
</section>
<!-- Member Recipes Section -->
<section>
<div class="flex items-center justify-between mb-10">
<div>
<h2 class="text-3xl font-black text-[#002e54]">From Our Members</h2>
<p class="text-gray-400 text-sm font-medium mt-1">Recipes crafted and shared by home cooks in our community</p>
</div>
<a href="/your-page" title="Get Your Page"
class="inline-flex items-center gap-2 text-sm font-black text-[#004a87] hover:underline">
Get Your Page
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path></svg>
</a>
</div>
<div class="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-4 gap-4">
<a href="https://everydayfoodilove.recipe.net/tuaran-mee" title="Tuaran Mee" class="group block min-w-0">
<!-- Image with author badge overlaid inside -->
<div class="aspect-square rounded-[2rem] overflow-hidden bg-gray-100 mb-3 relative">
<img src="/thumbs/tuaran-mee.jpg" alt="Tuaran Mee" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<!-- Gradient overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent"></div>
<!-- Username badge inside the picture, bottom-left -->
<div class="absolute bottom-3 left-3 flex items-center gap-1.5">
<span class="w-5 h-5 rounded-full bg-white/90 flex items-center justify-center text-[9px] font-black text-[#004a87] flex-shrink-0 shadow-sm">E</span>
<span class="text-[10px] font-black text-white/90 uppercase tracking-wider drop-shadow">everydayfoodilove</span>
</div>
</div>
<h4 class="font-bold text-[#002e54] text-sm leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">Tuaran Mee</h4>
</a>
<a href="https://everydayfoodilove.recipe.net/seafood-butter-prawns" title="Seafood Butter Prawns" class="group block min-w-0">
<!-- Image with author badge overlaid inside -->
<div class="aspect-square rounded-[2rem] overflow-hidden bg-gray-100 mb-3 relative">
<img src="/thumbs/seafood-butter-prawns.jpg" alt="Seafood Butter Prawns" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<!-- Gradient overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent"></div>
<!-- Username badge inside the picture, bottom-left -->
<div class="absolute bottom-3 left-3 flex items-center gap-1.5">
<span class="w-5 h-5 rounded-full bg-white/90 flex items-center justify-center text-[9px] font-black text-[#004a87] flex-shrink-0 shadow-sm">E</span>
<span class="text-[10px] font-black text-white/90 uppercase tracking-wider drop-shadow">everydayfoodilove</span>
</div>
</div>
<h4 class="font-bold text-[#002e54] text-sm leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">Seafood Butter Prawns</h4>
</a>
<a href="https://everydayfoodilove.recipe.net/satay-with-peanut-sauce" title="Satay with Peanut Sauce" class="group block min-w-0">
<!-- Image with author badge overlaid inside -->
<div class="aspect-square rounded-[2rem] overflow-hidden bg-gray-100 mb-3 relative">
<img src="/thumbs/satay-with-peanut-sauce.jpg" alt="Satay with Peanut Sauce" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<!-- Gradient overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent"></div>
<!-- Username badge inside the picture, bottom-left -->
<div class="absolute bottom-3 left-3 flex items-center gap-1.5">
<span class="w-5 h-5 rounded-full bg-white/90 flex items-center justify-center text-[9px] font-black text-[#004a87] flex-shrink-0 shadow-sm">E</span>
<span class="text-[10px] font-black text-white/90 uppercase tracking-wider drop-shadow">everydayfoodilove</span>
</div>
</div>
<h4 class="font-bold text-[#002e54] text-sm leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">Satay with Peanut Sauce</h4>
</a>
<a href="https://everydayfoodilove.recipe.net/sabah-style-sang-nyuk-mian" title="Sabah-Style Sang Nyuk Mian" class="group block min-w-0">
<!-- Image with author badge overlaid inside -->
<div class="aspect-square rounded-[2rem] overflow-hidden bg-gray-100 mb-3 relative">
<img src="/thumbs/sabah-style-sang-nyuk-mian.jpg" alt="Sabah-Style Sang Nyuk Mian" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<!-- Gradient overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent"></div>
<!-- Username badge inside the picture, bottom-left -->
<div class="absolute bottom-3 left-3 flex items-center gap-1.5">
<span class="w-5 h-5 rounded-full bg-white/90 flex items-center justify-center text-[9px] font-black text-[#004a87] flex-shrink-0 shadow-sm">E</span>
<span class="text-[10px] font-black text-white/90 uppercase tracking-wider drop-shadow">everydayfoodilove</span>
</div>
</div>
<h4 class="font-bold text-[#002e54] text-sm leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">Sabah-Style Sang Nyuk Mian</h4>
</a>
<a href="https://everydayfoodilove.recipe.net/nyonya-laksa" title="Nyonya Laksa" class="group block min-w-0">
<!-- Image with author badge overlaid inside -->
<div class="aspect-square rounded-[2rem] overflow-hidden bg-gray-100 mb-3 relative">
<img src="/thumbs/nyonya-laksa.jpg" alt="Nyonya Laksa" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<!-- Gradient overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent"></div>
<!-- Username badge inside the picture, bottom-left -->
<div class="absolute bottom-3 left-3 flex items-center gap-1.5">
<span class="w-5 h-5 rounded-full bg-white/90 flex items-center justify-center text-[9px] font-black text-[#004a87] flex-shrink-0 shadow-sm">E</span>
<span class="text-[10px] font-black text-white/90 uppercase tracking-wider drop-shadow">everydayfoodilove</span>
</div>
</div>
<h4 class="font-bold text-[#002e54] text-sm leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">Nyonya Laksa</h4>
</a>
<a href="https://everydayfoodilove.recipe.net/nasi-lemak" title="Nasi Lemak" class="group block min-w-0">
<!-- Image with author badge overlaid inside -->
<div class="aspect-square rounded-[2rem] overflow-hidden bg-gray-100 mb-3 relative">
<img src="/thumbs/nasi-lemak.jpg" alt="Nasi Lemak" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<!-- Gradient overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent"></div>
<!-- Username badge inside the picture, bottom-left -->
<div class="absolute bottom-3 left-3 flex items-center gap-1.5">
<span class="w-5 h-5 rounded-full bg-white/90 flex items-center justify-center text-[9px] font-black text-[#004a87] flex-shrink-0 shadow-sm">E</span>
<span class="text-[10px] font-black text-white/90 uppercase tracking-wider drop-shadow">everydayfoodilove</span>
</div>
</div>
<h4 class="font-bold text-[#002e54] text-sm leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">Nasi Lemak</h4>
</a>
<a href="https://everydayfoodilove.recipe.net/melaka-chicken-rice-balls" title="Melaka Chicken Rice Balls" class="group block min-w-0">
<!-- Image with author badge overlaid inside -->
<div class="aspect-square rounded-[2rem] overflow-hidden bg-gray-100 mb-3 relative">
<img src="/thumbs/melaka-chicken-rice-balls.jpg" alt="Melaka Chicken Rice Balls" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<!-- Gradient overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent"></div>
<!-- Username badge inside the picture, bottom-left -->
<div class="absolute bottom-3 left-3 flex items-center gap-1.5">
<span class="w-5 h-5 rounded-full bg-white/90 flex items-center justify-center text-[9px] font-black text-[#004a87] flex-shrink-0 shadow-sm">E</span>
<span class="text-[10px] font-black text-white/90 uppercase tracking-wider drop-shadow">everydayfoodilove</span>
</div>
</div>
<h4 class="font-bold text-[#002e54] text-sm leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">Melaka Chicken Rice Balls</h4>
</a>
<a href="https://everydayfoodilove.recipe.net/claypot-rice" title="Claypot Rice" class="group block min-w-0">
<!-- Image with author badge overlaid inside -->
<div class="aspect-square rounded-[2rem] overflow-hidden bg-gray-100 mb-3 relative">
<img src="/thumbs/claypot-rice.jpg" alt="Claypot Rice" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<!-- Gradient overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent"></div>
<!-- Username badge inside the picture, bottom-left -->
<div class="absolute bottom-3 left-3 flex items-center gap-1.5">
<span class="w-5 h-5 rounded-full bg-white/90 flex items-center justify-center text-[9px] font-black text-[#004a87] flex-shrink-0 shadow-sm">E</span>
<span class="text-[10px] font-black text-white/90 uppercase tracking-wider drop-shadow">everydayfoodilove</span>
</div>
</div>
<h4 class="font-bold text-[#002e54] text-sm leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">Claypot Rice</h4>
</a>
</div>
</section>
<!-- Featured Restaurants Section -->
<section>
<div class="flex items-center justify-between mb-10">
<div>
<h2 class="text-3xl font-black text-[#002e54]">Featured Restaurants</h2>
<p class="text-gray-400 text-sm font-medium mt-1">Exclusive recipes straight from professional kitchens</p>
</div>
<a href="/restaurants" title="All Restaurants"
class="inline-flex items-center gap-2 text-sm font-black text-[#004a87] hover:underline">
All Restaurants
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path></svg>
</a>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<a href="https://recipe.net/r/thegoldenfork" title="View The Golden Fork recipes on Recipe.net"
class="group block bg-white border border-gray-100 rounded-[2rem] overflow-hidden hover:border-[#004a87]/20 transition-all duration-300">
<!-- Hero: single recipe image or cover image -->
<div class="relative aspect-[4/3] overflow-hidden bg-gradient-to-br from-[#002e54] to-[#004a87]">
<img src="/images/golden-fork-seared-duck-breast-with-cherry-gastrique.png" alt="The Golden Fork"
class="w-full h-full object-cover opacity-90 group-hover:scale-105 transition-transform duration-700">
<!-- Dark gradient overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
<!-- Top badges -->
<div class="absolute top-4 left-4 right-4 flex items-start justify-between gap-2">
<span class="bg-amber-400 text-[#002e54] text-[10px] font-black uppercase tracking-widest px-3 py-1 rounded-full">Featured</span>
<span class="bg-white/20 backdrop-blur-sm text-white text-[10px] font-black uppercase tracking-widest px-3 py-1 rounded-full border border-white/20">
French-American
</span>
</div>
<!-- Logo badge bottom-left -->
<div class="absolute bottom-4 left-5">
<div class="w-12 h-12 rounded-2xl bg-amber-400 border-2 border-white/80 flex items-center justify-center text-[#002e54] font-black text-lg">
T
</div>
</div>
</div>
<!-- Info -->
<div class="px-5 py-4">
<p class="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">📍 New York, NY</p>
<p class="text-sm text-gray-500 font-medium line-clamp-2 leading-relaxed">A modern bistro celebrating seasonal ingredients and classic French technique. Our recipes have been refined over 15 years in professional kitchens.</p>
</div>
<!-- Footer CTA -->
<div class="px-5 py-3 bg-gray-50 border-t border-gray-100 flex items-center justify-between">
<span class="text-[11px] font-black text-gray-400 uppercase tracking-widest font-mono">
3 recipes shown
</span>
<span class="text-[11px] font-black text-[#004a87] group-hover:underline whitespace-nowrap">
View The Golden Fork's Recipes →
</span>
</div>
</a>
<a href="https://recipe.net/r/bellacucina" title="View Bella Cucina recipes on Recipe.net"
class="group block bg-white border border-gray-100 rounded-[2rem] overflow-hidden hover:border-[#004a87]/20 transition-all duration-300">
<!-- Hero: single recipe image or cover image -->
<div class="relative aspect-[4/3] overflow-hidden bg-gradient-to-br from-[#002e54] to-[#004a87]">
<img src="/images/homestyle-beef-stew.png" alt="Bella Cucina"
class="w-full h-full object-cover opacity-90 group-hover:scale-105 transition-transform duration-700">
<!-- Dark gradient overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div>
<!-- Top badges -->
<div class="absolute top-4 left-4 right-4 flex items-start justify-between gap-2">
<span class="bg-amber-400 text-[#002e54] text-[10px] font-black uppercase tracking-widest px-3 py-1 rounded-full">Featured</span>
<span class="bg-white/20 backdrop-blur-sm text-white text-[10px] font-black uppercase tracking-widest px-3 py-1 rounded-full border border-white/20">
Italian
</span>
</div>
<!-- Logo badge bottom-left -->
<div class="absolute bottom-4 left-5">
<div class="w-12 h-12 rounded-2xl bg-amber-400 border-2 border-white/80 flex items-center justify-center text-[#002e54] font-black text-lg">
B
</div>
</div>
</div>
<!-- Info -->
<div class="px-5 py-4">
<p class="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-1">📍 Chicago, IL</p>
<p class="text-sm text-gray-500 font-medium line-clamp-2 leading-relaxed">Authentic Italian cooking from a family-owned trattoria in the heart of the city. We share the recipes our Nonna passed down.</p>
</div>
<!-- Footer CTA -->
<div class="px-5 py-3 bg-gray-50 border-t border-gray-100 flex items-center justify-between">
<span class="text-[11px] font-black text-gray-400 uppercase tracking-widest font-mono">
3 recipes shown
</span>
<span class="text-[11px] font-black text-[#004a87] group-hover:underline whitespace-nowrap">
View Bella Cucina's Recipes →
</span>
</div>
</a>
</div>
</section>
<!-- Articles Section -->
<section class="bg-slate-50 -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8 py-16 rounded-3xl sm:rounded-[4rem]">
<div class="flex items-center justify-between mb-10">
<h2 class="text-3xl font-black text-[#002e54]">Latest Articles & Guides</h2>
<a href="/articles" title="All Articles"
class="inline-flex items-center gap-2 text-sm font-black text-[#004a87] hover:underline">
All Articles
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path></svg>
</a>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<a href="/articles/how-to-clean-and-store-fresh-mushrooms-without-making-them-slimy" title="How to Clean and Store Fresh Mushrooms Without Making Them Slimy" class="group block space-y-4">
<div class="aspect-[4/3] rounded-[2rem] overflow-hidden bg-white relative">
<img src="/thumbs/how-to-clean-and-store-fresh-mushrooms-without-making-them-slimy.jpg" alt="How to Clean and Store Fresh Mushrooms Without Making Them Slimy" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<div class="absolute top-4 left-4">
<span class="bg-white/90 backdrop-blur-md px-3 py-1 rounded-full text-[10px] font-black text-[#004a87] uppercase tracking-widest">Article</span>
</div>
</div>
<div>
<h3 class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
How to Clean and Store Fresh Mushrooms Without Making Them Slimy</h3>
<p class="text-xs text-slate-500 font-medium mt-2 line-clamp-2">Mushrooms are unique culinary organisms that act like sponges, absorbing water and deteriorating quickly if handled incorrectly. This guide teaches you how to maintain their texture and flavor from the market to the frying pan.</p>
</div>
</a>
<a href="/articles/a-guide-to-choosing-the-best-cuts-of-beef-for-every-cooking-method" title="A Guide to Choosing the Best Cuts of Beef for Every Cooking Method" class="group block space-y-4">
<div class="aspect-[4/3] rounded-[2rem] overflow-hidden bg-white relative">
<img src="/thumbs/a-guide-to-choosing-the-best-cuts-of-beef-for-every-cooking-method.jpg" alt="A Guide to Choosing the Best Cuts of Beef for Every Cooking Method" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<div class="absolute top-4 left-4">
<span class="bg-white/90 backdrop-blur-md px-3 py-1 rounded-full text-[10px] font-black text-[#004a87] uppercase tracking-widest">Article</span>
</div>
</div>
<div>
<h3 class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
A Guide to Choosing the Best Cuts of Beef for Every Cooking Method</h3>
<p class="text-xs text-slate-500 font-medium mt-2 line-clamp-2">Navigating the butcher counter can be intimidating given the variety of steaks, roasts, and ribs available. This guide decodes the anatomy of beef to ensure you select the right texture and flavor profile for your specific cooking technique, from quick searing to low-and-slow braising.</p>
</div>
</a>
<a href="/articles/how-to-cut-a-pineapple-a-step-by-step-guide" title="How to Cut a Pineapple: A Step-by-Step Guide" class="group block space-y-4">
<div class="aspect-[4/3] rounded-[2rem] overflow-hidden bg-white relative">
<img src="/thumbs/how-to-cut-a-pineapple-a-step-by-step-guide.jpg" alt="How to Cut a Pineapple: A Step-by-Step Guide" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<div class="absolute top-4 left-4">
<span class="bg-white/90 backdrop-blur-md px-3 py-1 rounded-full text-[10px] font-black text-[#004a87] uppercase tracking-widest">Article</span>
</div>
</div>
<div>
<h3 class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
How to Cut a Pineapple: A Step-by-Step Guide</h3>
<p class="text-xs text-slate-500 font-medium mt-2 line-clamp-2">Fresh pineapple offers a vibrant, tropical sweetness that canned varieties simply cannot match. This comprehensive guide will teach you the professional technique for breaking down this prickly fruit into perfect rings, chunks, or spears while minimizing waste.</p>
</div>
</a>
<a href="/articles/taste-of-eger" title="A Taste of Eger: 10 Hungarian Dishes and the Wine They Belong With" class="group block space-y-4">
<div class="aspect-[4/3] rounded-[2rem] overflow-hidden bg-white relative">
<img src="/thumbs/taste-of-eger.jpg" alt="A Taste of Eger: 10 Hungarian Dishes and the Wine They Belong With" loading="lazy" decoding="async"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700">
<div class="absolute top-4 left-4">
<span class="bg-white/90 backdrop-blur-md px-3 py-1 rounded-full text-[10px] font-black text-[#004a87] uppercase tracking-widest">Article</span>
</div>
</div>
<div>
<h3 class="text-lg font-black text-[#002e54] leading-tight group-hover:text-[#004a87] transition-colors line-clamp-2">
A Taste of Eger: 10 Hungarian Dishes and the Wine They Belong With</h3>
<p class="text-xs text-slate-500 font-medium mt-2 line-clamp-2">Eger offers a masterclass in the use of paprika, lard, and sour cream within Hungary's northern wine country. This guide explores ten essential dishes and their perfect local wine pairings for an authentic experience.</p>
</div>
</a>
</div>
</section>
<!-- Bottom Search Section -->
<section class="w-full border-4 border-gray-100 p-12 rounded-[3.5rem] bg-white">
<div class="space-y-8">
<div class="flex items-center gap-3">
<span class="text-3xl">🍳</span>
<h2 class="text-2xl font-black text-[#002e54]">What would you like to cook?</h2>
</div>
<form action="/search" method="get" class="relative group">
<input type="text" name="q" placeholder="Search for recipes, ingredients, or guides..."
class="w-full pl-6 pr-16 py-5 bg-gray-50 border-2 border-gray-100 rounded-2xl focus:ring-4 focus:ring-blue-100 focus:border-[#004a87] focus:bg-white transition-all text-base font-bold text-[#002e54]">
<button type="submit"
class="absolute right-2 top-2 bottom-2 aspect-square bg-[#004a87] text-white rounded-xl flex items-center justify-center hover:bg-[#003d6e] transition-all">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-width="3" stroke-linecap="round"
stroke-linejoin="round"></path>
</svg>
</button>
</form>
<div class="space-y-4">
<h3 class="text-xs font-black text-gray-400 uppercase tracking-widest">Popular Recipes & Searches</h3>
<div class="flex flex-wrap gap-3">
<a href="/search?q=Chicken" title="Chicken"
class="px-5 py-2.5 bg-[#e15c2a] text-white text-xs font-black rounded-lg hover:bg-amber-600 transition-all">
Chicken
</a>
<a href="/search?q=Smoothies" title="Smoothies"
class="px-5 py-2.5 bg-[#e15c2a] text-white text-xs font-black rounded-lg hover:bg-amber-600 transition-all">
Smoothies
</a>
<a href="/search?q=Banana+Bread" title="Banana Bread"
class="px-5 py-2.5 bg-[#e15c2a] text-white text-xs font-black rounded-lg hover:bg-amber-600 transition-all">
Banana Bread
</a>
<a href="/search?q=Lasagna" title="Lasagna"
class="px-5 py-2.5 bg-[#e15c2a] text-white text-xs font-black rounded-lg hover:bg-amber-600 transition-all">
Lasagna
</a>
<a href="/search?q=Pancakes" title="Pancakes"
class="px-5 py-2.5 bg-[#e15c2a] text-white text-xs font-black rounded-lg hover:bg-amber-600 transition-all">
Pancakes
</a>
<a href="/search?q=Meatloaf" title="Meatloaf"
class="px-5 py-2.5 bg-[#e15c2a] text-white text-xs font-black rounded-lg hover:bg-amber-600 transition-all">
Meatloaf
</a>
<a href="/search?q=Cookies" title="Cookies"
class="px-5 py-2.5 bg-[#e15c2a] text-white text-xs font-black rounded-lg hover:bg-amber-600 transition-all">
Cookies
</a>
<a href="/search?q=Chili" title="Chili"
class="px-5 py-2.5 bg-[#e15c2a] text-white text-xs font-black rounded-lg hover:bg-amber-600 transition-all">
Chili
</a>
</div>
</div>
</div>
</section>
</div>
</div>
</main>
</div>
<footer class="bg-slate-50 border-t border-gray-200 mt-12">
<!-- Category Columns -->
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 lg:gap-12">
<!-- Column 1: By Course (children of "Course" top-level) -->
<div class="md:col-span-1">
<h4 class="text-[10px] font-black text-gray-400 uppercase tracking-[0.25em] mb-4">By Course</h4>
<nav class="space-y-2">
<a href="/category/appetizers-starters" title="Appetizers & Starters"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Appetizers & Starters</a>
<a href="/category/main-dishes" title="Main Dishes"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Main Dishes</a>
<a href="/category/side-dishes" title="Side Dishes"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Side Dishes</a>
<a href="/category/desserts" title="Desserts"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Desserts</a>
<a href="/category/breakfast-brunch" title="Breakfast & Brunch"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Breakfast & Brunch</a>
<a href="/category/beverages" title="Beverages"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Beverages</a>
<a href="/category/soups-stews" title="Soups & Stews"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Soups & Stews</a>
<a href="/recipes/" title="Browse All →"
class="block text-xs font-black text-[#004a87] uppercase tracking-wider hover:underline mt-3">Browse All →</a>
</nav>
</div>
<!-- Column 2: By Diet (children of "Dietary Preference") -->
<div class="md:col-span-1">
<h4 class="text-[10px] font-black text-gray-400 uppercase tracking-[0.25em] mb-4">By Diet</h4>
<nav class="space-y-2">
<a href="/category/vegetarian" title="Vegetarian"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Vegetarian</a>
<a href="/category/vegan" title="Vegan"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Vegan</a>
<a href="/category/gluten-free" title="Gluten-Free"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Gluten-Free</a>
<a href="/category/keto-low-carb" title="Keto & Low Carb"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Keto & Low Carb</a>
<a href="/category/dairy-free" title="Dairy-Free"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Dairy-Free</a>
<a href="/category/healthy-low-calorie" title="Healthy & Low Calorie"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Healthy & Low Calorie</a>
</nav>
</div>
<!-- Articles & Guides -->
<div>
<h4 class="text-[10px] font-black text-gray-400 uppercase tracking-[0.25em] mb-4">Articles & Guides</h4>
<nav class="space-y-2">
<a href="/articles/category/kitchen-basics" title="Kitchen Basics"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Kitchen Basics</a>
<a href="/articles/category/cooking-techniques" title="Cooking Techniques"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Cooking Techniques</a>
<a href="/articles/category/ingredient-guides" title="Ingredient Guides"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Ingredient Guides</a>
<a href="/articles/category/baking-basics" title="Baking Basics"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Baking Basics</a>
<a href="/articles/category/equipment-tools" title="Equipment & Tools"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Equipment & Tools</a>
<a href="/articles/category/food-science" title="Food Science"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Food Science</a>
<a href="/articles/category/substitutions-swaps" title="Substitutions & Swaps"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Substitutions & Swaps</a>
<a href="/articles/category/meal-prep-storage" title="Meal Prep & Storage"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Meal Prep & Storage</a>
<a href="/articles" title="All Articles →"
class="block text-xs font-black text-[#004a87] uppercase tracking-wider hover:underline mt-3">All Articles →</a>
</nav>
</div>
<!-- Company Links -->
<div>
<h4 class="text-[10px] font-black text-gray-400 uppercase tracking-[0.25em] mb-4">Company</h4>
<nav class="space-y-2">
<a href="/about" title="About Us"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">About Us</a>
<a href="/contact" title="Contact Us"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Contact Us</a>
<a href="/link-to-us" title="Link to Us"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Link to Us</a>
<a href="/terms" title="Terms & Conditions"
class="block text-sm font-medium text-slate-600 hover:text-[#004a87] transition-colors">Terms & Conditions</a>
<a href="/your-page" title="✦ Your Page"
class="block text-sm font-bold text-amber-500 hover:text-amber-600 transition-colors">✦ Your Page</a>
</nav>
</div>
</div>
</div>
<!-- Bottom Bar: Logo + Copyright -->
<div class="border-t border-gray-200 py-8">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col sm:flex-row items-center justify-between gap-4">
<a href="/" title="Recipe.net"
class="text-2xl font-black text-[#004a87] tracking-tighter">
Recipe<span class="logo-net">.net</span>
</a>
<p class="text-slate-400 text-sm font-medium text-center">The ultimate destination for trusted recipes, guides, and cooking inspiration.</p>
<p class="text-slate-400 text-sm font-medium flex-shrink-0">© 2026 Recipe.net. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<script>
function toggleDrawer() {
const drawer = document.getElementById('mobile-drawer');
const overlay = document.getElementById('drawer-overlay');
const iconHamburger = document.getElementById('icon-hamburger');
const iconClose = document.getElementById('icon-close');
const isOpen = !drawer.classList.contains('closed');
if (!isOpen) {
// Open
drawer.classList.remove('closed');
overlay.classList.remove('hidden');
setTimeout(() => overlay.classList.add('opacity-100'), 10);
if (iconHamburger) iconHamburger.classList.add('hidden');
if (iconClose) iconClose.classList.remove('hidden');
} else {
// Close
drawer.classList.add('closed');
overlay.classList.remove('opacity-100');
setTimeout(() => overlay.classList.add('hidden'), 300);
if (iconHamburger) iconHamburger.classList.remove('hidden');
if (iconClose) iconClose.classList.add('hidden');
}
}
</script>
</body>
</html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 120
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 120 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 4.
Показать первые 100 внутренних ссылок
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| / |
Recipe<span class="logo-net">.net</span>
|
|
Анализировать url |
| / |
<span class="text-3xl font-black text-[#004a87] tracking-tighter">Recipe<span class="logo-net">.net</span></span>
|
|
Анализировать url |
| /auth/login |
Login
|
|
Анализировать url |
| /auth/signup |
Sign Up
|
|
Анализировать url |
| /recipes/ |
Latest
|
|
Анализировать url |
| /articles |
Articles
|
|
Анализировать url |
| /category/course |
Course
|
|
Анализировать url |
| /category/appetizers-starters |
Appetizers & Starters
|
|
Анализировать url |
| /category/main-dishes |
Main Dishes
|
|
Анализировать url |
| /category/side-dishes |
Side Dishes
|
|
Анализировать url |
| /category/desserts |
Desserts
|
|
Анализировать url |
| /category/breakfast-brunch |
Breakfast & Brunch
|
|
Анализировать url |
| /category/beverages |
Beverages
|
|
Анализировать url |
| /category/soups-stews |
Soups & Stews
|
|
Анализировать url |
| /category/dietary-preference |
Dietary Preference
|
|
Анализировать url |
| /category/vegetarian |
Vegetarian
|
|
Анализировать url |
| /category/vegan |
Vegan
|
|
Анализировать url |
| /category/gluten-free |
Gluten-Free
|
|
Анализировать url |
| /category/keto-low-carb |
Keto & Low Carb
|
|
Анализировать url |
| /category/dairy-free |
Dairy-Free
|
|
Анализировать url |
| /category/healthy-low-calorie |
Healthy & Low Calorie
|
|
Анализировать url |
| /category/main-ingredient |
Main Ingredient
|
|
Анализировать url |
| /category/poultry |
Poultry
|
|
Анализировать url |
| /category/meat |
Meat
|
|
Анализировать url |
| /category/seafood |
Seafood
|
|
Анализировать url |
| /category/pasta-grains |
Pasta & Grains
|
|
Анализировать url |
| /category/vegetables |
Vegetables
|
|
Анализировать url |
| /category/cooking-method |
Cooking Method
|
|
Анализировать url |
| /category/quick-easy |
Quick & Easy
|
|
Анализировать url |
| /category/slow-cooker |
Slow Cooker
|
|
Анализировать url |
| /category/air-fryer |
Air Fryer
|
|
Анализировать url |
| /category/one-pot |
One-Pot
|
|
Анализировать url |
| /category/baking |
Baking
|
|
Анализировать url |
| /category/grilling-bbq |
Grilling & BBQ
|
|
Анализировать url |
| /category/cuisine |
Cuisine
|
|
Анализировать url |
| /category/italian |
Italian
|
|
Анализировать url |
| /category/mexican |
Mexican
|
|
Анализировать url |
| /category/asian |
Asian
|
|
Анализировать url |
| /category/mediterranean |
Mediterranean
|
|
Анализировать url |
| /category/french |
French
|
|
Анализировать url |
| /category/american |
American
|
|
Анализировать url |
| /category/season-occasions |
Season & Occasions
|
|
Анализировать url |
| /category/holidays |
Holidays
|
|
Анализировать url |
| /category/seasonal |
Seasonal
|
|
Анализировать url |
| /category/special-events |
Special Events
|
|
Анализировать url |
| /category/back-to-school |
Back to School
|
|
Анализировать url |
| /category/crock-pot |
Crock Pot
|
|
Анализировать url |
| /category/cooking-techniques |
Cooking Techniques
|
|
Анализировать url |
| /category/ingredient-guides |
Ingredient Guides
|
|
Анализировать url |
| /category/substitutions-swaps |
Substitutions & Swaps
|
|
Анализировать url |
| /category/equipment-tools |
Equipment & Tools
|
|
Анализировать url |
| /category/food-science |
Food Science
|
|
Анализировать url |
| /category/meal-prep-storage |
Meal Prep & Storage
|
|
Анализировать url |
| /category/baking-basics |
Baking Basics
|
|
Анализировать url |
| /category/kitchen-basics |
Kitchen Basics
|
|
Анализировать url |
| /category/baking-basics |
Baking Basics
|
|
Анализировать url |
| /category/cooking-techniques |
Cooking Techniques
|
|
Анализировать url |
| /category/equipment-tools |
Equipment & Tools
|
|
Анализировать url |
| /category/food-science |
Food Science
|
|
Анализировать url |
| /category/ingredient-guides |
Ingredient Guides
|
|
Анализировать url |
| /category/kitchen-basics |
Kitchen Basics
|
|
Анализировать url |
| /category/meal-prep-storage |
Meal Prep & Storage
|
|
Анализировать url |
| /category/substitutions-swaps |
Substitutions & Swaps
|
|
Анализировать url |
| /restaurants |
🍽️ Restaurants
|
|
Анализировать url |
| /your-page |
✦ Your Page
|
|
Анализировать url |
| /recipes/ |
See All
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path></svg>
|
|
Анализировать url |
| /recipes/ |
Browse All Recipes
|
|
Анализировать url |
| /auth/signup |
Create Free Account →
|
|
Анализировать url |
| /auth/login?save_recipe=496&next=/ |
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewbox="0 0 24 24">
<path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Save Recipe</span>
|
|
Анализировать url |
| /auth/login?save_recipe=498&next=/ |
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewbox="0 0 24 24">
<path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Save Recipe</span>
|
|
Анализировать url |
| /auth/login?save_recipe=493&next=/ |
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewbox="0 0 24 24">
<path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Save Recipe</span>
|
|
Анализировать url |
| /auth/login?save_recipe=491&next=/ |
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewbox="0 0 24 24">
<path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Save Recipe</span>
|
|
Анализировать url |
| /category/main-dishes |
<svg class="w-5 h-5 text-[#004a87]" fill="none" stroke="currentColor" viewbox="0 0 24 24">
<path d="M9 5l7 7-7 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
|
|
Анализировать url |
| /category/side-dishes |
<svg class="w-5 h-5 text-[#004a87]" fill="none" stroke="currentColor" viewbox="0 0 24 24">
<path d="M9 5l7 7-7 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
|
|
Анализировать url |
| /category/asian |
<svg class="w-5 h-5 text-[#004a87]" fill="none" stroke="currentColor" viewbox="0 0 24 24">
<path d="M9 5l7 7-7 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
|
|
Анализировать url |
| /category/slow-cooker |
<svg class="w-5 h-5 text-[#004a87]" fill="none" stroke="currentColor" viewbox="0 0 24 24">
<path d="M9 5l7 7-7 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
|
|
Анализировать url |
| /category/soups-stews |
<svg class="w-5 h-5 text-[#004a87]" fill="none" stroke="currentColor" viewbox="0 0 24 24">
<path d="M9 5l7 7-7 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
|
|
Анализировать url |
| /category/breakfast-brunch |
<svg class="w-5 h-5 text-[#004a87]" fill="none" stroke="currentColor" viewbox="0 0 24 24">
<path d="M9 5l7 7-7 7" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
|
|
Анализировать url |
| /auth/signup |
Claim Your Page — Free
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
|
|
Анализировать url |
| /your-page |
See How It Works
|
|
Анализировать url |
| /your-page |
Get Your Page
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path></svg>
|
|
Анализировать url |
| /restaurants |
All Restaurants
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path></svg>
|
|
Анализировать url |
| /articles |
All Articles
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path></svg>
|
|
Анализировать url |
| /search?q=Chicken |
Chicken
|
|
Анализировать url |
| /search?q=Smoothies |
Smoothies
|
|
Анализировать url |
| /search?q=Banana+Bread |
Banana Bread
|
|
|
| /search?q=Lasagna |
Lasagna
|
|
Анализировать url |
| /search?q=Pancakes |
Pancakes
|
|
Анализировать url |
| /search?q=Meatloaf |
Meatloaf
|
|
Анализировать url |
| /search?q=Cookies |
Cookies
|
|
Анализировать url |
| /search?q=Chili |
Chili
|
|
Анализировать url |
| /category/appetizers-starters |
Appetizers & Starters
|
|
Анализировать url |
| /category/main-dishes |
Main Dishes
|
|
Анализировать url |
| /category/side-dishes |
Side Dishes
|
|
Анализировать url |
| /category/desserts |
Desserts
|
|
Анализировать url |
| /category/breakfast-brunch |
Breakfast & Brunch
|
|
Анализировать url |
| /category/beverages |
Beverages
|
|
Анализировать url |
| /category/soups-stews |
Soups & Stews
|
|
Анализировать url |
| /recipes/ |
Browse All →
|
|
Анализировать url |
| /category/vegetarian |
Vegetarian
|
|
Анализировать url |
Внешние ссылки
Не найдено
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице не найдено.
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Сайт secretsfrommyapron.com не совсем готов к продвижению (процент готовности лишь 68%). Для попадания в ТОПы поисковых систем нужно:
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: