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

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=`Добро пожаловать на сайт столярного цеха <span class="text-yellow-500 dark:text-yellow-400">СТУСЛА.РУ!</span>`
        subTitle="Мы рады приветствовать вас у нас. Наша компания специализируется на изготовлении мебели на заказ, в том числе встроенных кухонь, а также строительстве каркасных конструкций и многом другом. Не стесняйтесь задавать нам любые вопросы - мы всегда готовы помочь! "
        primaryBtn="Написать в What's APP"
        primaryBtnURL="https://wa.me/79940180072?text=Здравствуйте,%20интересует%20ваш%20цех."
        src={blogHeroImg}
        alt="Написать в What's APP"
    />

    <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">
                Истории наших работ за последнее время
            </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="Написать в What's APP"
        subTitle="Не стесняйтесь задавать нам любые вопросы - мы всегда готовы помочь!"
        url="https://wa.me/79940180072?text=Здравствуйте,%20интересует%20ваш%20цех."
    />
</BaseLayout>
