core-maugli 1.2.2 → 1.2.4

package/src/pages/authors/[id].astro

@@ -1,175 +0,0 @@
----
-import { type CollectionEntry, render } from 'astro:content';
-import Breadcrumbs from '../../components/Breadcrumbs.astro';
-import PostPreview from '../../components/PostPreview.astro';
-import Subscribe from '../../components/Subscribe.astro';
-import TagsSection from '../../components/TagsSection.astro';
-import { maugliConfig } from '../../config/maugli.config';
-import BlueskyIcon from '../../icons/socials/BlueskyIcon.astro';
-import EmailIcon from '../../icons/socials/EmailIcon.astro';
-import LinkedinIcon from '../../icons/socials/LinkedinIcon.astro';
-import MastodonIcon from '../../icons/socials/MastodonIcon.astro';
-import MediumIcon from '../../icons/socials/MediumIcon.astro';
-import RedditIcon from '../../icons/socials/RedditIcon.astro';
-import TelegramIcon from '../../icons/socials/TelegramIcon.astro';
-import TwitterIcon from '../../icons/socials/TwitterIcon.astro';
-import BaseLayout from '../../layouts/BaseLayout.astro';
-import { getFilteredCollection } from '../../utils/content-loader';
-import { getAllTags, getPostsByTag, sortItemsWithFeaturedFirst } from '../../utils/data-utils';
-
-export async function getStaticPaths() {
-    const authors = await getFilteredCollection('authors');
-    return authors.map((author) => ({
-        params: { id: author.id },
-        props: { author }
-    }));
-}
-
-type Props = { author: CollectionEntry<'authors'> };
-
-const { author } = Astro.props;
-const { name, position, description, avatar: rawAvatar, socials, seo } = author.data;
-// Приводим путь к аватару к public/img/authors/...
-const avatar = rawAvatar ? rawAvatar.replace('/img/examples/authors/', '/img/authors/') : undefined;
-const { Content } = await render(author);
-
-// Получаем все статьи блога
-let allPosts = await getFilteredCollection('blog');
-
-// Фильтруем статьи этого автора (с учетом дефолтного автора)
-const authorPosts = allPosts
-  .filter(post => (post.data.author || maugliConfig.defaultAuthorId) === author.id)
-  .sort(sortItemsWithFeaturedFirst);
-
-// Получаем теги статей автора
-const authorTags = getAllTags(authorPosts).map((tag) => ({
-    id: tag.id,
-    name: tag.name,
-    count: getPostsByTag(authorPosts, tag.id).length
-}));
-
-// Получаем доступные соцсети
-const availableSocials = socials ? Object.entries(socials).filter(([_, url]) => url) : [];
-
-// Функция для получения компонента иконки
-const getIconComponent = (platform: string) => {
-    switch (platform) {
-        case 'email':
-            return EmailIcon;
-        case 'telegram':
-            return TelegramIcon;
-        case 'mastodon':
-            return MastodonIcon;
-        case 'medium':
-            return MediumIcon;
-        case 'bluesky':
-            return BlueskyIcon;
-        case 'reddit':
-            return RedditIcon;
-        case 'linkedin':
-            return LinkedinIcon;
-        case 'twitter':
-            return TwitterIcon;
-        default:
-            return EmailIcon; // fallback
-    }
-};
-
-// SEO данные
-const pageTitle = seo?.title || `${name} - ${position} | Maugli Content Farm`;
-const pageDescription = seo?.description || description;
----
-
-<BaseLayout title={pageTitle} description={pageDescription} image={{ src: avatar || '/img/default/autor_default.webp', alt: `Фото ${name}` }} showHeader={false} fullWidth={true}>
-    <div class="max-w-[1280px] mx-auto">
-        <!-- Хлебные крошки -->
-        <Breadcrumbs />
-        
-        <!-- Информация об авторе на плашке -->
-        <div class="mb-16 sm:mb-24">
-            <div class="bg-[var(--bg-muted)] rounded-custom p-8 md:p-12">
-                <div class="flex flex-col sm:flex-row gap-6 sm:gap-8 items-start">
-                    <!-- Аватар -->
-                    <div class="w-32 h-32 sm:w-40 sm:h-40 bg-[var(--bg-main)] rounded-full overflow-hidden flex-shrink-0">
-                        <img src={avatar || '/img/default/autor_default.webp'} alt={`Фото ${name}`} class="w-full h-full object-cover" />
-                    </div>
-
-                    <!-- Информация -->
-                    <div class="flex-grow">
-                        <h1 class="mb-2 text-[4rem] leading-tight font-serif font-[800] sm:text-4xl" style="color: var(--text-heading)">
-                            {name}
-                        </h1>
-                        <p class="text-[1rem] text-[var(--text-muted)] font-medium mb-4">
-                            {position}
-                        </p>
-                        <p class="text-lg text-[var(--text-main)] leading-[1.35] mb-6">
-                            <span style="opacity:0.7;">
-                                {description}
-                            </span>
-                        </p>
-                        <!-- Основной текст автора (после фронтматтера) -->
-                        {Content && (
-                            <div class="prose prose-lg max-w-none mb-6 text-[var(--text-main)]">
-                                <Content />
-                            </div>
-                        )}
-
-                        <!-- Соцсети -->
-                        {
-                            availableSocials.length > 0 && (
-                                <div class="flex flex-wrap gap-3">
-                                    {availableSocials.map(([platform, url]) => {
-                                        const IconComponent = getIconComponent(platform);
-                                        return (
-                                            <a
-                                                href={platform === 'email' ? `mailto:${url}` : url as string}
-                                                target={platform === 'email' ? '_self' : '_blank'}
-                                                rel={platform === 'email' ? undefined : 'noopener noreferrer'}
-                                                class="inline-flex opacity-60 hover:opacity-100 items-center gap-2 px-4 py-2 border border-[var(--border-main)] rounded-custom hover:bg-[var(--bg-main)]  transition-colors duration-200"
-                                                title={platform === 'email' ? `Написать ${name}` : `${name} в ${platform}`}
-                                            >
-                                                <IconComponent class="w-4 h-4 text-[var(--text-heading)] " />
-                                                <span class="text-sm font-medium text-[var(--text-heading)]  capitalize">{platform}</span>
-                                            </a>
-                                        );
-                                    })}
-                                </div>
-                            )
-                        }
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Статьи автора -->
-        {
-            authorPosts.length > 0 && (
-                <div class="mb-16 sm:mb-24">
-                    <h2 class="mb-12 text-2xl leading-tight font-serif font-[800] sm:mb-16 sm:text-3xl" style="color: var(--text-heading)">
-                        Статьи автора
-                    </h2>
-                    
-                    <!-- Теги -->
-                    {authorTags.length > 0 && (
-                        <TagsSection 
-                            tags={authorTags} 
-                            totalCount={authorPosts.length}
-                            basePath={`/authors/${author.id}`}
-                            class="mb-8"
-                        />
-                    )}
-                    
-                    <!-- Сетка статей -->
-                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8">
-                        {authorPosts.map((post) => (
-                            <PostPreview post={post} headingLevel="h3" />
-                        ))}
-                    </div>
-                </div>
-            )
-        }
-
-        <!-- Подписка -->
-        <Subscribe class="my-16 sm:my-24" />
-    </div>
-</BaseLayout>

package/src/pages/blog/[...page].astro

@@ -1,59 +0,0 @@
----
-import type { GetStaticPathsOptions, Page } from 'astro';
-import { type CollectionEntry } from 'astro:content';
-import { getFilteredCollection } from '../../utils/content-loader';
-import Pagination from '../../components/Pagination.astro';
-import PostPreview from '../../components/PostPreview.astro';
-import Subscribe from '../../components/Subscribe.astro';
-import TagsSection from '../../components/TagsSection.astro';
-import { maugliConfig } from '../../config/maugli.config';
-import siteConfig from '../../data/site-config';
-import BaseLayout from '../../layouts/BaseLayout.astro';
-import { getAllTags, getPostsByTag, sortItemsWithFeaturedFirst } from '../../utils/data-utils';
-
-export async function getStaticPaths({ paginate }: GetStaticPathsOptions) {
-    let posts = (await getFilteredCollection('blog')).sort(sortItemsWithFeaturedFirst);
-    return paginate(posts, { pageSize: siteConfig.postsPerPage || 4 });
-}
-
-type Props = { page: Page<CollectionEntry<'blog'>> };
-
-const { page } = Astro.props;
-const blog = page.data;
-
-// Получаем все теги с количеством постов и выделяем рубрики
-let allPosts = await getFilteredCollection('blog');
-let allRubrics = await getFilteredCollection('tags');
-const rubricSlugs = allRubrics.map((r) => r.data.slug);
-let tagsWithCount = getAllTags(allPosts).map((tag) => ({
-    id: tag.id,
-    name: tag.name,
-    count: getPostsByTag(allPosts, tag.id).length,
-    isRubric: rubricSlugs.includes(tag.id)
-}));
-if (maugliConfig.showOnlyRubricsTags) {
-    tagsWithCount = tagsWithCount.filter((tag) => tag.isRubric);
-} else {
-    tagsWithCount = [...tagsWithCount.filter((tag) => tag.isRubric), ...tagsWithCount.filter((tag) => !tag.isRubric)];
-}
----
-
-<BaseLayout
-    title="<Блог>"
-    description="Блог об автоматизации глазами ИИ"
-    image={{ src: '/tr-prewiew.png', alt: 'The preview of the site' }}
-    showHeader={false}
-    fullWidth={true}
->
-    <div class="max-w-[1280px] mx-auto">
-        <h1 class="mb-12 text-3xl leading-tight font-serif font-[800] sm:mb-16 sm:text-5xl" style="color: var(--text-heading)">Статьи</h1>
-        <TagsSection tags={tagsWithCount} totalCount={allPosts.length} />
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8 mb-16">
-            {blog.map((post) => <PostPreview post={post} />)}
-        </div>
-
-        <!-- Пагинация (показывается только если больше одной страницы) -->
-        {page.lastPage > 1 && <Pagination page={page} class="my-16 sm:my-24" />}
-    </div>
-    <Subscribe class="my-16 sm:my-24" />
-</BaseLayout>

package/src/pages/blog/[id].astro

@@ -1,175 +0,0 @@
----
-import { type CollectionEntry, render } from 'astro:content';
-import { getFilteredCollection } from '../../utils/content-loader';
-import ArticleMeta from '../../components/ArticleMeta.astro';
-import ContentFooter from '../../components/ContentFooter.astro';
-import HeroImage from '../../components/HeroImage.astro';
-import PostPreview from '../../components/PostPreview.astro';
-import ProductBannerCard from '../../components/ProductBannerCard.astro';
-import Subscribe from '../../components/Subscribe.astro';
-import SummaryFAQCard from '../../components/SummaryFAQCard.astro';
-import TableOfContents from '../../components/TableOfContents.astro';
-import TagsAndShare from '../../components/TagsAndShare.astro';
-import { maugliConfig } from '../../config/maugli.config';
-import BaseLayout from '../../layouts/BaseLayout.astro';
-import { sortItemsByDateDesc } from '../../utils/data-utils';
-import { calculateReadingTime } from '../../utils/reading-time';
-
-import { LANGUAGES } from '../../i18n/languages';
-const dicts: Record<string, any> = Object.fromEntries(LANGUAGES.map((l) => [l.code, l.dict]));
-const lang: string = typeof maugliConfig.defaultLang === 'string' && dicts[maugliConfig.defaultLang] ? maugliConfig.defaultLang : 'en';
-const dict = dicts[lang] || dicts['en'];
-const morePostsTitle = dict.buttons?.morePosts || dicts['en'].buttons.morePosts;
-
-export async function getStaticPaths() {
-    const posts = (await getFilteredCollection('blog')).sort(sortItemsByDateDesc);
-    const postCount = posts.length;
-    return posts.map((post, index) => ({
-        params: { id: post.id },
-        props: {
-            post,
-            prevPost: index + 1 !== postCount ? posts[index + 1] : null,
-            nextPost: index !== 0 ? posts[index - 1] : null
-        }
-    }));
-}
-
-type Props = { post: CollectionEntry<'blog'>; prevPost: CollectionEntry<'blog'>; nextPost: CollectionEntry<'blog'> };
-
-const { href } = Astro.url;
-const { post, prevPost, nextPost } = Astro.props;
-const { title, publishDate, updatedDate, excerpt, tags = [], seo } = post.data;
-const { Content, headings } = await render(post);
-
-// Вычисляем время чтения на основе контента
-const readingTime = calculateReadingTime(post.body || '');
-
-// Преобразуем встроенные заголовки Astro в нужный формат
-const tocItems = headings
-    .filter((heading) => heading.depth === 2 || heading.depth === 3) // Только H2 и H3
-    .map((heading) => ({
-        title: heading.text,
-        id: heading.slug
-    }));
-
-// Получаем картинку для баннера по productID (если есть)
-let bannerImage = { src: '/default.webp', alt: title };
-if (post.data.productID) {
-    const allProducts = await getFilteredCollection('products');
-    const product = allProducts.find((p) => p.id === post.data.productID);
-    if (product && product.data.image) {
-        bannerImage = {
-            ...product.data.image,
-            alt: product.data.image.alt || product.data.title || 'Product'
-        };
-    } else if (product) {
-        bannerImage = { src: '/default.webp', alt: product.data.title || 'Product' };
-    }
-}
----
-
-<BaseLayout
-    title={seo?.title ?? title}
-    description={seo?.description ?? excerpt}
-    image={seo?.image || post.data.image || { src: '/default.webp', alt: title }}
-    pageType="article"
-    showHeader={false}
-    fullWidth={true}
->
-    <!-- Расширяем контейнер для двухколоночной структуры -->
-    <div class="w-full max-w-none lg:max-w-[1280px] mx-auto lg:px-8 -mt-0">
-        <!-- Метаинформация над картинкой -->
-
-        <article class="mb-16 sm:mb-24 max-w-3xl mx-auto lg:max-w-none">
-            <header class="mb-8">
-                {
-                    (post.data.seo?.image?.src || post.data.image?.src) && (
-                        <HeroImage
-                            src={post.data.seo?.image?.src || post.data.image?.src || ''}
-                            alt={post.data.seo?.image?.alt || post.data.image?.alt || title}
-                            caption={post.data.seo?.image?.caption || post.data.image?.caption}
-                            width={post.data.seo?.image?.width || post.data.image?.width || 1200}
-                            height={post.data.seo?.image?.height || post.data.image?.height || 630}
-                        />
-                    )
-                }
-                <div class="px-4 mt-2 md:px-0">
-                    <ArticleMeta publishDate={publishDate} readingTime={readingTime} post={post} />
-                </div>
-                <h1 class="mt-25 text-3xl px-4 md:px-0 font-serif font-[800] sm:text-5xl tracking-tight !leading-[1.05]" style="color: var(--text-heading)">
-                    {title}
-                </h1>
-            </header>
-        </article>
-
-        <!-- 16-колоночная сетка -->
-        <div class="md:grid md:grid-cols-16 md:gap-9">
-            <!-- Боковая панель с Table of Contents -->
-            <aside class="hidden sm:block md:col-span-5 lg:col-span-5 min-h-screen">
-                <div class="sticky top-8">
-                    {tocItems.length > 0 && <TableOfContents headings={tocItems} />}
-                    <TagsAndShare tags={tags} shareUrl={href} title={title} basePath="/blog" />
-                    {/* Баннер продукта, если есть productLink в посте */}
-                    {
-                        post.data.productLink && (
-                            <div class="mt-8">
-                                <ProductBannerCard
-                                    product={{
-                                        data: {
-                                            productLink: post.data.productLink,
-                                            image: bannerImage,
-                                            title: post.data.title || 'Продукт'
-                                        }
-                                    }}
-                                />
-                            </div>
-                        )
-                    }
-                </div>
-            </aside>
-
-            <!-- Основной контент -->
-            <div class="md:col-span-11 px-4 md:px-0 h-auto lg:col-span-11">
-                <!-- Summary/FAQ в начале контента -->
-                {
-                    post.data.generativeEngineOptimization?.generated &&
-                        (post.data.generativeEngineOptimization.generated.summary ||
-                            post.data.generativeEngineOptimization.generated.highlights?.length > 0 ||
-                            post.data.generativeEngineOptimization.generated.faq?.length > 0) && (
-                            <div class="not-prose mb-8">
-                                <SummaryFAQCard
-                                    summary={post.data.generativeEngineOptimization.generated.summary}
-                                    highlights={post.data.generativeEngineOptimization.generated.highlights}
-                                    faq={post.data.generativeEngineOptimization.generated.faq}
-                                />
-                            </div>
-                        )
-                }
-
-                <!-- Контент с prose стилями -->
-                <div class="prose sm:prose-lg lg:prose-xl max-w-none">
-                    <Content />
-                </div>
-
-                <!-- Блок тегов и кнопки поделиться под контентом (только на мобилке) -->
-                <ContentFooter tags={tags} shareUrl={href} title={title} basePath="/blog" productLink={post.data.productLink} />
-
-                {
-                    (prevPost || nextPost) && (
-                        <div class="my-16 sm:my-24">
-                            <h2 class="mb-12 text-xl font-serif sm:mb-16 sm:text-2xl text-heading">{morePostsTitle}</h2>
-                            <div class="max-w-[1280px] mx-auto">
-                                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8">
-                                    {nextPost && <PostPreview post={nextPost} headingLevel="h3" />}
-                                    {prevPost && <PostPreview post={prevPost} headingLevel="h3" />}
-                                </div>
-                            </div>
-                        </div>
-                    )
-                }
-
-                {maugliConfig.subscribe?.enabled && <Subscribe class="my-16 sm:my-24" />}
-            </div>
-        </div>
-    </div>
-</BaseLayout>

package/src/pages/index.astro

@@ -1,90 +0,0 @@
----
-import { getEntry } from 'astro:content';
-import { getFilteredCollection } from '../utils/content-loader';
-import Button from '../components/Button.astro';
-import InfoCard from '../components/InfoCard.astro';
-import PostPreview from '../components/PostPreview.astro';
-import Subscribe from '../components/Subscribe.astro';
-import TagsSection from '../components/TagsSection.astro';
-import { maugliConfig } from '../config/maugli.config';
-import siteConfig from '../data/site-config';
-import BaseLayout from '../layouts/BaseLayout.astro';
-import { getAllTags, getPostsByTag, sortItemsWithFeaturedFirst } from '../utils/data-utils';
-
-import { LANGUAGES } from '../i18n/languages';
-
-const lang = typeof maugliConfig.defaultLang === 'string' ? maugliConfig.defaultLang : 'en';
-const languageObj = LANGUAGES.find((l) => l.code === lang) || LANGUAGES.find((l) => l.code === 'en');
-const fallbackDict = LANGUAGES.find((l) => l.code === 'en')?.dict || {};
-const dict = languageObj?.dict && Object.keys(languageObj.dict).length > 0 ? languageObj.dict : fallbackDict;
-const pages = (dict as any).pages || (fallbackDict as any).pages || {};
-const buttons = (dict as any).buttons || (fallbackDict as any).buttons || {};
-
-// Получаем все посты и показываем первые N постов
-let allPosts = (await getFilteredCollection('blog')).sort(sortItemsWithFeaturedFirst);
-const displayPosts = allPosts.slice(0, siteConfig.postsPerPage || 4);
-
-// Получаем все рубрики
-let allRubrics = await getFilteredCollection('tags');
-const rubricSlugs = allRubrics.map((r) => r.data.slug);
-
-// Получаем все теги с количеством постов и флагом рубрики
-let tagsWithCount = getAllTags(allPosts).map((tag) => ({
-    id: tag.id,
-    name: tag.name,
-    count: getPostsByTag(allPosts, tag.id).length,
-    isRubric: rubricSlugs.includes(tag.id)
-}));
-if (maugliConfig.showOnlyRubricsTags) {
-    tagsWithCount = tagsWithCount.filter((tag) => tag.isRubric);
-} else {
-    tagsWithCount = [...tagsWithCount.filter((tag) => tag.isRubric), ...tagsWithCount.filter((tag) => !tag.isRubric)];
-}
-
-// Проверяем, есть ли еще посты для пагинации
-const hasMorePosts = allPosts.length > (siteConfig.postsPerPage || 4);
-
-// Получаем данные для секции блога
-const blogSection = await getEntry('pages', 'blog');
----
-
-<BaseLayout
-    title={maugliConfig.indexTitle || pages.index?.title || ''}
-    description={pages.index?.description || ''}
-    image={{ src: '/tr-prewiew.png', alt: 'The preview of the site' }}
-    showHeader={false}
-    fullWidth={true}
->
-    <div class="max-w-[1280px] mx-auto">
-        <h1 class="mb-12 text-3xl leading-tight font-serif font-[800] sm:mb-16 sm:text-5xl" style="color: var(--text-heading)">
-            {pages.index?.articles || ''}
-        </h1>
-        <TagsSection tags={tagsWithCount} totalCount={allPosts.length} />
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8 mb-16">
-            {displayPosts.map((post) => <PostPreview post={post} />)}
-        </div>
-
-        {/* Кнопка "Ещё статьи" если есть еще посты */}
-        {
-            hasMorePosts && (
-                <div class="text-center mb-8">
-                    <Button href="/blog/2" style="color: var(--text-heading)">
-                        {buttons.morePosts || ''}
-                    </Button>
-                </div>
-            )
-        }
-        {
-            blogSection && (
-                <InfoCard
-                    title={blogSection.data.title}
-                    description={blogSection.body}
-                    image={blogSection.data.image}
-                    jsonld={blogSection.data.jsonld}
-                    class="mb-16"
-                />
-            )
-        }
-    </div>
-    {maugliConfig.subscribe?.enabled && <Subscribe class="my-16 sm:my-24" />}
-</BaseLayout>

package/src/pages/products/[...page].astro

@@ -1,50 +0,0 @@
----
-import type { GetStaticPathsOptions, Page } from 'astro';
-import { getEntry, type CollectionEntry } from 'astro:content';
-import { getFilteredCollection } from '../../utils/content-loader';
-import Breadcrumbs from '../../components/Breadcrumbs.astro';
-import InfoCard from '../../components/InfoCard.astro';
-import Pagination from '../../components/Pagination.astro';
-import ProductPreview from '../../components/ProductPreview.astro';
-import { maugliConfig } from '../../config/maugli.config';
-import siteConfig from '../../data/site-config';
-import { LANGUAGES } from '../../i18n/languages';
-import BaseLayout from '../../layouts/BaseLayout.astro';
-
-const dicts: Record<string, any> = Object.fromEntries(LANGUAGES.map((l) => [l.code, l.dict]));
-const lang: string = typeof maugliConfig.defaultLang === 'string' && dicts[maugliConfig.defaultLang] ? maugliConfig.defaultLang : 'en';
-const dict = dicts[lang] || dicts['en'];
-
-const productsTitle = maugliConfig.pageTitles?.products?.trim() || dict.pages?.products?.title || dicts['en'].pages.products.title;
-const productsDescription = maugliConfig.productsDescription?.trim() || dict.pages?.products?.description || dicts['en'].pages.products.description;
-
-export async function getStaticPaths({ paginate }: GetStaticPathsOptions) {
-    const products = (await getFilteredCollection('products')).sort((a, b) => {
-        if (b.data.isFeatured !== a.data.isFeatured) return b.data.isFeatured - a.data.isFeatured;
-        return (b.data.publishDate?.getTime?.() || 0) - (a.data.publishDate?.getTime?.() || 0);
-    });
-    return paginate(products, { pageSize: siteConfig.productsPerPage || 6 });
-}
-
-type Props = { page: Page<CollectionEntry<'products'>> };
-
-const { page } = Astro.props;
-let productList = page.data;
-const productsSection = await getEntry('pages', 'products');
----
-
-<BaseLayout title={productsTitle} description={productsDescription} showHeader={false} fullWidth={true}>
-    <div class="max-w-[1280px] mx-auto">
-        <Breadcrumbs />
-        <h1 class="mb-12 text-3xl leading-tight font-serif font-[800] sm:mb-16 sm:text-5xl" style="color: var(--text-heading)">{productsTitle}</h1>
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8 mb-16">
-            {productList.map((product) => <ProductPreview product={product} headingLevel="h2" />)}
-        </div>
-        {page.lastPage > 1 && <Pagination page={page} class="my-16 sm:my-24" />}
-        {
-            productsSection && (
-                <InfoCard title={productsSection.data.title} description={productsSection.body} jsonld={productsSection.data.jsonld} class="mt-16" />
-            )
-        }
-    </div>
-</BaseLayout>