feature: intergrated directus for posts

app/(website)/tech-talk/page.tsx

@@ -1,39 +1,8 @@
 import React from "react";
 import BlogPostCard from "@/components/BlogPostCard";
-import { prisma } from "@/lib/prisma"; // Import Prisma client
-import { auth } from "@/auth"; // Import auth to check session
-import Button from "@/components/ui/Button"; // Import Button component
 import type { Metadata } from "next";
-
-interface Post {
-  id: string;
-  slug: string;
-  title: string;
-  content: string;
-  excerpt?: string | null;
-  imageUrl?: string | null;
-  published: boolean;
-  authorId: string;
-  createdAt: Date;
-  updatedAt: Date;
-  tags?: string[];
-}
-
-// --- Fetch Posts ---
-async function getPublishedPosts() {
-  try {
-    const posts = await prisma.post.findMany({
-      where: { published: true },
-      orderBy: { createdAt: "desc" },
-      // select needed fields if not all
-    });
-    return posts;
-  } catch (error) {
-    console.error("Failed to fetch posts:", error);
-    return []; // Return empty array on error
-  }
-}
-
+import { getPosts } from "@/lib/query/post";
+import { Post } from "@/types";
 // --- SEO Metadata ---
 export const metadata: Metadata = {
   title: "OMS TechTalk | Insights & Innovation",
@@ -65,8 +34,7 @@ export const metadata: Metadata = {
 
 // --- Page Component ---
 const TechTalkPage = async () => {
-  const posts = await getPublishedPosts();
-  const session = await auth(); // Get session info
+  const posts: Post[] = await getPosts();
 
   return (
     <div className="bg-background text-foreground">
@@ -80,28 +48,21 @@ const TechTalkPage = async () => {
             Insights, trends, and discussions on the latest in technology,
             innovation, and digital transformation from the experts at OMS.
           </p>
-          {/* Conditionally render Create Post button */}
-          {session?.user && (
-            <div className="mt-8">
-              <Button href="/tech-talk/create" variant="primary">
-                Create New Post
-              </Button>
-            </div>
-          )}
         </div>
         {/* Blog Post Grid */}
         {posts.length > 0 ? (
           <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 md:gap-10">
             {posts.map((post: Post) => (
               <BlogPostCard
-                key={post.id} // Use post ID as key
+                key={post.slug}
                 slug={post.slug}
                 title={post.title}
-                excerpt={post.excerpt ?? post.content.substring(0, 150) + "..."}
-                // Use imageUrl from DB or a default placeholder
-                imageUrl={post.imageUrl ?? "/posts/default-placeholder.jpg"} // Provide a default image
-                author={"OMS Team"} // Replace with actual author logic if available (e.g., post.user.name)
-                date={new Date(post.createdAt).toLocaleDateString("en-US", {
+                excerpt={post.excerpt ?? "No excerpt available"}
+                imageUrl={
+                  post.featured_image ?? "/posts/default-placeholder.jpg"
+                }
+                author={"OMS Team"}
+                date={new Date(post.date_created).toLocaleDateString("en-US", {
                   year: "numeric",
                   month: "long",
                   day: "numeric",