// MG Ceramic — section components (exported to window) const { useState, useRef, useEffect } = React; const D = window.MGData; // ───────────────────────────────────────────── function Ph({ label, style, className }) { return
; } function Arrow({ size = 14 }) { return ( ); } function Btn({ children, ghost, onClick, disabled, type }) { return ( ); } // ───────────────────────────────────────────── function TopBar() { return (
10 складов · Доставка по РФ Иранский керамогранит · Сертификат ГОСТ Р
{D.brand.phone} {D.brand.email}
); } function Header() { const A = window.__ASSET || 'assets/'; return (
MG Ceramic
{D.brand.phone} { document .getElementById("contact") ?.scrollIntoView({ behavior: "smooth", block: "start", }); }} > Получить расчёт
); } // ───────────────────────────────────────────── function Hero({ variant }) { return (
Иранский керамогранит · с 2022 года

Распродажа склада
по оптовым ценам!

Срочная распродажа керамогранита в Москве. Успейте купить по акции от 630 ₽/м². Цены действуют до 30 июня!

{ document .getElementById("contact") ?.scrollIntoView({ behavior: "smooth", block: "start", }); }} > Отправить запрос
Коллекций 11
Складской запас 500 000 м²
Городов 10
От 630 ₽/м²
MG Ceramic — иранский керамогранит
{variant === "catalog" && ( <>
{D.formats.map((f) => (
Формат {f.name}
))}
{D.hits.slice(0, 6).map((h) => ( ))}
)}
); } // ───────────────────────────────────────────── function Marquee() { const items = [ "Под мрамор", "60×60", "60×120", "Под бетон", "Морозостойкий F 100", "Под дерево", "73,5×73,5", "PEI IV", "Под камень", "Ректифицированный", "20×120", "Доставка по РФ", ]; const loop = [...items, ...items]; return (
{loop.map((t, i) => ( {t} ))}
); } // ───────────────────────────────────────────── function Stats() { return (
500 000+м² складского запаса в постоянном наличии
150+коллекций в неснижаемом остатке
10городов: офисы и склады по России
F 100морозостойкость · 100 циклов заморозки
); } // ───────────────────────────────────────────── /*function Applications() { return (
По применению

Каждая поверхность
под свою задачу

Подбор керамогранита по сценарию — от ванной комнаты до фасада здания. Технические характеристики и подходящие коллекции в каждой категории.

{D.applications.map((a, i) => (
{String(i + 1).padStart(2, "0")} · {a.subtitle}

{a.title}

{a.desc}

Смотреть подборку
))}
); }*/ // ───────────────────────────────────────────── function Designs() { return (
По дизайну

Восемь языков
натуральной поверхности

Имитация природных материалов с микрорельефом и глубиной цвета. Все коллекции выпускаются на иранской белой глине — премиальное сырьё с предсказуемой геометрией.

{D.designs.map((d) => ( {/* Если есть изображение, показываем его, иначе — placeholder */} {d.img ? ( {d.title} { e.target.style.display = "none"; }} /> ) : ( )}
{d.hint}
{d.title}
{/*
{d.count} коллекций / артикулов
*/}
))}
); } // ───────────────────────────────────────────── function Hits() { const [active, setActive] = useState("all"); const cats = [ { id: "all", label: "Все" }, /* { id: "60x60", label: "60×60" },*/ { id: "60x120", label: "60×120" }, { id: "30x90", label: "30x90" }, { id: "73,5×73,5", label: "73,5×73,5" }, /*{ id: "20×120", label: "20×120" }, { id: "59×59", label: "59×59" },*/ ]; const list = D.hits.filter(h => active === "all" || h.category === active); return (
Хиты каталога

Подобрано для тех,
кто берёт сразу

{cats.map(c => ( ))}
{list.map(h => (
{/* Отображение изображения, если оно доступно */} {h.pic && ( {h.name} { // Скрытие изображения при ошибке загрузки e.target.style.display = "none"; }} /> )} {/* Показываем плейсхолдер, если изображение отсутствует или не загрузилось */} {!h.pic && }
{h.collection} {h.category}

{h.name}{" "}
{h.nameEn}

{h.type} {h.color} матовый
{h.price.toLocaleString("ru-RU")} ₽ за м²
))}
{/*
Перейти в каталог
*/}
); } // ───────────────────────────────────────────── function Heritage() { return (
Иран · ООО «Материал Гроуп»
ИРАН · ООО «МАТЕРИАЛ ГРОУП»
О компании

Производство, проверенное
столетиями

Производство керамической плитки в Иране имеет многовековую историю и по праву считается одним из эталонов отрасли. Именно иранская белая глина признана одним из лучших видов сырья в мире — благодаря плотности, чистоте и стабильным физико-механическим характеристикам.

ООО «Материал Гроуп» — собственник бренда MG Ceramic. Компания основана 22 декабря 2022 года и специализируется на оптово-розничной реализации иранской керамики. Мы контролируем полный цикл — от формирования ассортимента и утверждения декоров до логистики и поставок по России и за её пределы.

2022год основания
11фирменных коллекций
ГОСТ Рсертификация
); } // ───────────────────────────────────────────── function Why() { return (
Почему мы

Шесть причин,
почему с нами работают повторно

Полный контроль от формирования декоров до отгрузки. Стратегическое размещение складов, международная логистика и партнёрские условия для проектных клиентов.

{D.why.map((w) => (
{w.num}

{w.title}

{w.text}

))}
); } function Projects() { const projectsTop = [ { img: "https://mg-ceramic.ru/upload/iblock/e1b/7zirrhor3z3r98gdp22uqtamgwq7fvm6.jpg", tag: "Москва · 2026", decoding: "async", title: "Акцентная стена: Даймонд Опал PL 60х120. Стена и пол: Арон PL 60х120", }, { img: "https://mg-ceramic.ru/upload/iblock/14e/vx94z165185632t26zj1ubx6ucc153mx.jpg", tag: "Краснодар · 2026", decoding: "async", title: "Офис строительной компании. Пол: Дунай светло-серый MT 60×120", }, ]; const projectsBottom = [ { img: "https://mg-ceramic.ru/upload/iblock/af1/0r96lu2l6qdzgwbdx6du6fj5uslurq5w.jpg", tag: "МО · 2026", decoding: "async", title: "Готовое решение: акцентная стена и пол — Зоя светлый PL 60×120", }, { img: "https://mg-ceramic.ru/upload/iblock/c51/9m8pqzqgaypnm6t05k206ye0s0o4o14i.jpg", tag: "Сочи · 2026", decoding: "async", title: "Кварц бежевый MT 60×60 и София светло-серый MT 20×120", }, { img: "https://mg-ceramic.ru/upload/iblock/826/qewqm48luvp7y7dn1bhef42u3r96t4op.jpg", tag: "Казань · 2026", decoding: "async", title: "Пол: Делван PL 60×120", }, ]; return (
Проекты

Объекты, в которых
лежит наш керамогранит

Все реализованные проекты
{/* Верхний ряд — 2 блока */}
{projectsTop.map((p, i) => (
{p.title}
{p.tag} {p.title}
))}
{/* Нижний ряд — 3 блока */}
{projectsBottom.map((p, i) => (
{p.title}
{p.tag} {p.title}
))}
); } // ───────────────────────────────────────────── function Calculator() { const [area, setArea] = useState(50); const [price, setPrice] = useState(1440); const [reserve, setReserve] = useState(7); const [name, setName] = useState(""); const [phone, setPhone] = useState(""); const [email, setEmail] = useState(""); const [loading, setLoading] = useState(false); const [success, setSuccess] = useState(false); const [error, setError] = useState(""); // honeypot const [company, setCompany] = useState(""); const phoneRef = useRef(null); usePhoneMask(phoneRef); const safeArea = Number(area) || 0; const safeReserve = Number(reserve) || 0; const safePrice = Number(price) || 0; const reserved = Math.ceil( safeArea * (1 + safeReserve / 100) ); const sum = reserved * safePrice; async function handleSubmit() { setError(""); if (!name || !phone) { setError("Заполните имя и телефон"); return; } // honeypot if (company.length > 0) { return; } try { setLoading(true); const response = await fetch("./api/calc.php", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ name, phone, email, area, reserve, reserved, price, total: sum, company, utm_source: localStorage.getItem("utm_source") || "", utm_medium: localStorage.getItem("utm_medium") || "", utm_campaign: localStorage.getItem("utm_campaign") || "", utm_content: localStorage.getItem("utm_content") || "", utm_term: localStorage.getItem("utm_term") || "", }), }); const data = await response.json(); if (data.success) { setSuccess(true); setTimeout(() => { setSuccess(false); }, 5000); setName(""); setPhone(""); setEmail(""); } else { setError(data.message || "Ошибка отправки"); } } catch (e) { setError("Ошибка соединения"); } finally { setLoading(false); } } return (
Калькулятор

Быстрый расчёт
стоимости м²

Ориентировочный расчёт без учёта подрезки и упаковки. Точная стоимость с логистикой — в коммерческом предложении менеджера.

setArea(+e.target.value || 0)} />
setReserve(+e.target.value || 0)} />
setName(e.target.value)} />
setPhone(e.target.value)} />
setEmail(e.target.value)} />
{/* honeypot */} setCompany(e.target.value)} autoComplete="off" tabIndex="-1" className="hp" />
Предварительный расчёт
Площадь укладки {area} м²
С учётом подрезки {reserve}% {reserved} м²
Цена за м² {price.toLocaleString("ru-RU")} ₽
Итого материал {sum.toLocaleString("ru-RU")} ₽
{error && (
{error}
)} {success && (
Заявка отправлена. Менеджер свяжется с вами.
)}
); } // ───────────────────────────────────────────── function Reviews() { return (
Отзывы

Архитекторы, прорабы,
дизайнеры — о нас

Работаем с проектными командами, девелоперами и частными клиентами. Главное, что нам говорят — «понятно, в срок, без сюрпризов».

{D.reviews.map((r, i) => (

{r.quote}

{r.initials}
{r.name}
{r.role}
))}
); } // ───────────────────────────────────────────── function Faq() { const [open, setOpen] = useState(0); return (
Частые вопросы

Ответы
на главные вопросы

Не нашли ответ? Напишите на {D.brand.email} или позвоните {D.brand.phone} — менеджер ответит в течение рабочего дня.

{D.faq.map((f, i) => (
setOpen(open === i ? -1 : i)}>
{f.q}
{f.a}
))}
); } // ───────────────────────────────────────────── function Blog() { const posts = [ { tag: "о ремонте", date: "12 мая 2026", title: "Микроцемент в евродвушке", link: "https://mg-ceramic.ru/blog/o-remonte/mikrotsement-v-evrodvushke/", img: "https://mg-ceramic.ru/upload/iblock/57c/84geu84uilxyb0wedql1ftzq7umo18ha.jpg" }, { tag: "партнёрам", date: "04 мая 2026", title: "MG Ceramic: о системе, рынке и партнерстве", link: "https://mg-ceramic.ru/blog/partneram/mg-ceramic-o-sisteme-rynke-i-partnerstve/", img: "https://mg-ceramic.ru/upload/iblock/833/gtk6g3u4bm11a7trwvxzymy7lq078rn0.jpg" }, { tag: "о дизайне", date: "21 апр 2026", title: "Разбор интерьера квартиры с Onyx Gold GL", link: "https://mg-ceramic.ru/blog/o-dizayne/razbor-interera-kvartiry-s-onyx-gold-gl/", img: "https://mg-ceramic.ru/upload/iblock/856/l9lifvopeqohmxiqgch5e14i83c2t8at.jpg" } ]; return (
Блог

О материале,
применении и технологиях

Все статьи
{posts.map((p, i) => (
{p.title}
{p.tag} {p.date}

{p.title}

))}
); } // ───────────────────────────────────────────── function Geo() { return (
География

10 складов
в ключевых регионах

Стратегическое размещение позволяет обеспечивать стабильные поставки и оперативную доставку позиций при отсутствии на конкретном складе.

{D.cities.map((c) => (
{c.name}
{c.tag}
))}
); } // ───────────────────────────────────────────── function B2B() { return (
B2B / Проекты

Поставки под объект,
проектные условия

Принимаем заказы на производстве под конкретные проекты. Гарантированная бесперебойность, минимальные сроки согласования, единый ассортимент по всем очередям ЖК.

{ document .getElementById("contact") ?.scrollIntoView({ behavior: "smooth" }); }} > Запросить проектные цены
{D.b2b.map((b) => (
{b.num}
{b.title} {b.desc}
))}
); } // ───────────────────────────────────────────── function Contact() { const phoneRef = useRef(null); usePhoneMask(phoneRef); const [loading, setLoading] = useState(false); const [sent, setSent] = useState(false); async function handleSubmit(e) { e.preventDefault(); const form = new FormData(e.target); // honeypot if (form.get("company")) { return; } setLoading(true); try { const res = await fetch("./api/contact.php", { method: "POST", body: JSON.stringify({ name: form.get("name"), phone: form.get("phone"), email: form.get("email"), type: form.get("type"), area: form.get("area"), comment: form.get("comment"), utm_source: localStorage.getItem("utm_source") || "", utm_medium: localStorage.getItem("utm_medium") || "", utm_campaign: localStorage.getItem("utm_campaign") || "", utm_content: localStorage.getItem("utm_content") || "", utm_term: localStorage.getItem("utm_term") || "", }), headers: { "Content-Type": "application/json", }, }); const data = await res.json(); if (data.success) { console.log(data); window.scrollTo({ top: document.getElementById("contact").offsetTop - 100, behavior: "smooth" }); setSent(true); e.target.reset(); } } catch (err) { console.error(err); } finally { setLoading(false); } } return (
Контакты

Расскажите о проекте
— подберём материал

Оставьте заявку — менеджер свяжется в течение рабочего дня. Подбор по техническим требованиям, расчёт стоимости с логистикой, образцы для альбомов.

Телефон
{D.brand.phone} Пн–Пт 09:00 — 19:00 МСК
Почта
{D.brand.email} Ответим в течение рабочего дня
Юр. лицо
ООО «Материал Гроуп» Собственник бренда MG Ceramic
{sent ? (

Заявка отправлена

Менеджер MG Ceramic свяжется с вами в течение рабочего дня.

) : (
{/* honeypot */}