Fix

src/app/page.tsx

@@ -8,7 +8,7 @@ import { Services } from "@/components/Services";
 import { SiteFooter } from "@/components/SiteFooter";
 import { SiteHeader } from "@/components/SiteHeader";
 import { contact, site } from "@/data/site";
-import { getPortfolios, toDisplayProject } from "@/lib/api";
+import { getBlogs, getPortfolios, toDisplayNewsItem, toDisplayProject } from "@/lib/api";
 
 const organizationJsonLd = {
   "@context": "https://schema.org",
@@ -29,8 +29,9 @@ const organizationJsonLd = {
 };
 
 export default async function HomePage() {
-  const portfolios = await getPortfolios();
+  const [portfolios, newsPosts] = await Promise.all([getPortfolios(), getBlogs("news")]);
   const displayProjects = portfolios.map(toDisplayProject);
+  const displayNews = newsPosts.slice(0, 3).map(toDisplayNewsItem);
 
   return (
     <>
@@ -47,7 +48,7 @@ export default async function HomePage() {
         <Marquee />
         <Projects projects={displayProjects} />
         <Services />
-        <News />
+        <News items={displayNews} />
         <ContactCta />
       </main>