---
import { getSiteInfo } from "../lib/wp-api.js";
import { getLatestPosts } from '../lib/api/posts.js';

const site = await getSiteInfo();
const initialPosts = await getLatestPosts(36); // Начальная загрузка 12 постов

// визуальные компоненты
import MainLayout from '../layouts/MainLayout.astro';
import ContentGrid from '../components/ContentGrid.astro';
import EndnewsList from '../components/EndnewsList.astro';

export const prerender = {
  isr: { expiration: 3 } // ISR: обновлять раз в 3 секунды
};
---

<MainLayout 
  title={site.title}
  description="Информационное агентство Деловой журнал Профиль"
>
  <h1>{site.title}</h1>
  {site.description && <p>{site.description}</p>}

  <div class="maimnewsline">
    <EndnewsList />
  </div>
  

  <ContentGrid items={initialPosts.posts} />


</MainLayout>