import ContentSection from "@/components/content-1";
import Features from "@/components/features-12";
import { FeaturedPostsGrid } from "@/components/featured-posts-grid";
import { getPosts } from "@/lib/wp-api";
import HeroSection from "@/components/hero-section";

const FEATURED_CATEGORY_ID = 3;
const FEATURED_POSTS_COUNT = 4;

export default async function Home() {
  let featuredPosts: Awaited<ReturnType<typeof getPosts>>["posts"] = [];
  try {
    const result = await getPosts({
      categoryId: FEATURED_CATEGORY_ID,
      perPage: FEATURED_POSTS_COUNT,
      orderby: "date",
      order: "desc",
    });
    featuredPosts = result?.posts ?? [];
  } catch {
    featuredPosts = [];
  }

  return (
    <>
      <HeroSection />
      <Features />
      <ContentSection />
      <FeaturedPostsGrid posts={featuredPosts} />
    </>
  );
}