---
import FeaturesSection from '@components/blocks/FeaturesSection.astro'
import HeroSection from '@components/blocks/HeroSection.astro'
import HeroSectionAlt from '@components/blocks/HeroSectionAlt.astro'
import BlogInsight from '@components/blog/BlogInsight.astro'
import BaseLayout from '@layouts/BaseLayout.astro'
import type { CollectionEntry } from 'astro:content'
import { getCollection } from 'astro:content'

const posts: CollectionEntry<'posts'>[] = (await getCollection('posts')).sort(
    (a: CollectionEntry<'posts'>, b: CollectionEntry<'posts'>) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
).slice(0, 3);
---

<BaseLayout>
    <HeroSection
        title=`Уважаемые господа!`
        subTitle="Настоящим сообщаем, что наша компания готова оказать профессиональные услуги по разработке и внедрению системы ХАССП (Hazard Analysis and Critical Control Points"
        primaryBtn="Explore Posts"
        primaryBtnURL="/posts"
        src={}
        alt=""
    />

    <FeaturesSection />

    <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full">
        <div class="mx-auto mb-10 max-w-2xl text-center lg:mb-14">
            <h2 class="text-3xl font-bold text-neutral-800 dark:text-neutral-200 md:text-4xl md:leading-tight">
                Наши работы
            </h2>
            <p class="mt-1 text-pretty text-neutral-600 dark:text-neutral-400">
                Уже более 1000 реализованных проектов в регионе
            </p>
        </div>
        <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
            {
                posts.map(b => (
                    <BlogInsight blog={b} />
                ))
            }
        </div>
    </section>

    <HeroSectionAlt
        title="Для связи с нами"
        subTitle="Вы можете выбрать любой способ, но проще всегда просто позвонить 8(924)535-65-66"
        url="tel://+79245356566"
    />
</BaseLayout>
