Лендинг кофейни «Обжарка №7» — меню с карточками напитков, блок трансформации зерна и форма бронирования

Готовый макет одностраничного сайта для кофейни, обжарочной или кофейного магазина. Подходит для заведений с собственной обжаркой, single origin кофе и акцентом на свежесть продукта. Содержит 8 секций: Header, Hero, Философия, Меню (три карточки напитков), Before/After (трансформация зерна), Отзывы, Форма бронирования и Footer. Верхняя шапка на кремовом фоне (rgb(252, 248, 242)) включает логотип «Обжарка №7» с акцентным цветом rgb(180, 120, 60), навигацию по якорям (#menu, #philosophy, #visit) и телефон +7 (495) 777-66-55. Разделитель — тонкая линия rgb(225, 215, 200). Hero-блок с лейблом «кофейня · обжарочная · Москва», заголовком гарнитурой Georgia «Кофе, который начинается с зерна» (курсив на слове «зерна»). Подзаголовок про обжарку 12 сортов из Эфиопии, Колумбии и Бразилии. Кнопка «Забронировать стол» скруглённая (26px) на акцентном фоне, под ней — режим работы 8:00–22:00 и адрес на Патриарших прудах. Справа — крупное изображение чашки кофе из Unsplash с радиусом 28px. Секция «Философия» на слегка затемнённом фоне (rgb(245, 238, 228)) с декоративным фоном «01» (rgb(238, 230, 218), 200px). Лейбл «наша философия» курсивом, заголовок «От фермы до чашки — без посредников». Текст про выезды на плантации, обжарку на ростере Probat, пиковую свежесть 72 часа и QR-коды до фермера. Акцентная линия (40×2px) и три метрики: 12 сортов, 5 стран, 72ч от обжарки. Раздел «Меню» с лейблом «избранное из меню» и заголовком «Что попробовать первым». Три карточки на белом фоне с тонкой рамкой и радиусом 24px. Каждая карточка содержит изображение напитка (скругление 18px), название (Эфиопия Иргачеффе, Колумбия Уила, Матча-латте), описание и цену (380 ₽, 340 ₽, 420 ₽). Карточки расположены горизонтально в ряд. Блок «Before/After» (трансформация) — сравнение зелёного зерна и обжаренного. Две карточки на кремовом и акцентном фонах. Левая карточка: «зелёное зерно», описание про травянистый аромат и отсутствие вкуса, метрика «0 вкусов». Правая карточка на rgb(180, 120, 60): «после обжарки», описание про 800+ ароматических соединений и пик вкуса 3–14 день, метрика «800+ вкусов» белым цветом. Обе карточки с радиусом 24px. Блок «Отзывы» с лейблом «гости о нас» и заголовком «Каждая чашка — история». Три карточки отзывов на белом фоне с рамкой и радиусом 24px. Отзывы: Ольга и Марк (постоянные гости), Дмитрий К. (home-brewer), Анна Л. (каппинг на 10 гостей). Текст отзывов курсивом гарнитурой Georgia. Форма бронирования на кремовом фоне с заголовком «Забронировать стол» и подзаголовком «Или просто приходите — мы всегда рады». Белая карточка формы с радиусом 24px и тонкой рамкой. Поля: Имя (обязательное), Телефон (обязательное), чекбокс согласия на обработку данных. Кнопка «Забронировать» на акцентном фоне с радиусом 26px, действие submit. Плейсхолдеры на кремовом фоне rgb(252, 248, 242). Подвал на тёмно-коричневом фоне (rgb(45, 30, 15)) с логотипом, телефоном, режимом работы, адресом на Спиридоновке 24 и копирайтом. Разделительная линия rgb(70, 55, 35). Контактная информация выровнена вправо. Все блоки зафиксированы на десктопную ширину 1100 пикселей. Сетка — 4 колонки с gap 20px. Стили прописаны инлайн, анимации и карусели отсутствуют. Шрифты: Georgia для заголовков, логотипа, названий напитков и отзывов (с курсивом для акцентов), Roboto для подзаголовков и основного текста. Цветовая гамма: кремовый rgb(252, 248, 242), тёплый песочный rgb(245, 238, 228), тёмно-коричневый rgb(45, 30, 15), акцентный кофейный rgb(180, 120, 60). Кнопки и карточки с радиусом 24–28px, поля ввода с радиусом 12px.