setup research section and listing page

Author: iamabdullah73524

.astro/content.d.ts

@@ -147,6 +147,14 @@ declare module 'astro:content' {
   rendered?: RenderedContent;
   filePath?: string;
 }>;
+"research": Record<string, {
+  id: string;
+  body?: string;
+  collection: "research";
+  data: InferEntrySchema<"research">;
+  rendered?: RenderedContent;
+  filePath?: string;
+}>;
 
 	};
 
@@ -177,6 +185,6 @@ declare module 'astro:content' {
 		LiveContentConfig['collections'][C]['loader']
 	>;
 
-	export type ContentConfig = typeof import("../src/content.config.js");
+	export type ContentConfig = typeof import("./../src/content.config.js");
 	export type LiveContentConfig = never;
 }

src/content.config.ts

@@ -32,7 +32,25 @@ const blog = defineCollection({
   })
 });
 
+const research = defineCollection({
+  loader: glob({
+    pattern: "**/*.{md,mdx}",
+    base: "./src/content/research"
+  }),
+  schema: z.object({
+    title: z.string(),
+    description: z.string(),
+    author: z.string(),
+    date: z.date(),
+    tags: z.array(z.string()).default([]),
+    category: z.string(),
+    featured: z.boolean().default(false),
+    image: z.string().optional()
+  })
+});
+
 export const collections = {
   articles,
-  blog
+  blog,
+  research
 };

src/content/research/future-trends-report.md

@@ -0,0 +1,23 @@
+---
+title: "Future Trends Report"
+description: "Market growth and AI adoption trends."
+author: "Recursive Zero"
+date: 2025-08-17
+tags:
+  - ai
+  - future
+category: "AI & Technology"
+featured: false
+---
+
+## Introduction
+
+Placeholder content.
+
+## Market Growth
+
+Placeholder content.
+
+## AI Adoption
+
+Placeholder content.

src/content/research/hidden-cost-of-manual-processes.md

@@ -0,0 +1,23 @@
+---
+title: "Hidden Cost of Manual Processes"
+description: "Understanding inefficiencies caused by manual workflows."
+author: "Recursive Zero"
+date: 2025-08-16
+tags:
+  - research
+  - operations
+category: "Case Studies"
+featured: false
+---
+
+## Introduction
+
+Placeholder content.
+
+## Time Loss
+
+Placeholder content.
+
+## Industry Statistics
+
+Placeholder content.

src/content/research/why-we-built-this-product.md

@@ -0,0 +1,27 @@
+---
+title: "Why We Built This Product"
+description: "Research behind our product vision."
+author: "Recursive Zero"
+date: 2025-08-15
+tags:
+  - research
+  - product
+category: "Product Vision"
+featured: true
+---
+
+## Introduction
+
+Placeholder content.
+
+## Industry Problem
+
+Placeholder content.
+
+## Research Findings
+
+Placeholder content.
+
+## Our Vision
+
+Placeholder content.

src/pages/research/index.astro

@@ -0,0 +1,70 @@
+---
+import BlogCard from "@/components/BlogCard.astro";
+import BaseLayout from "@/layouts/BaseLayout";
+
+import { getCollection } from "astro:content";
+
+const posts = await getCollection("research");
+
+/* ALL UNIQUE TAGS */
+const allTags = [...new Set(posts.flatMap((post) => post.data.tags || []))];
+---
+
+<BaseLayout meta={{ title: "Research & White Papers" }}>
+  <main class="bg-background text-foreground">
+    <!-- HERO -->
+    <section class="mx-auto max-w-7xl px-6 py-20 lg:px-10">
+      <div class="text-center">
+        <!-- LABEL -->
+        <p class="mb-4 text-sm font-semibold uppercase tracking-[0.25em] text-blue-600">Research Library</p>
+
+        <!-- HEADING -->
+        <h1 class="text-foreground text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl">Research & White Papers</h1>
+
+        <!-- DESCRIPTION -->
+        <p class="text-foreground/70 mx-auto mt-6 max-w-2xl text-lg leading-8">
+        Explore industry research, market analysis, case studies, AI trends, sustainability insights and product vision papers.
+        </p>
+
+        <!-- TAG PREVIEW -->
+        <div class="mt-10 flex flex-wrap items-center justify-center gap-3">
+          {
+            allTags.slice(0, 3).map((tag) => (
+              <a
+                href={`/blogs/tag/${tag}`}
+                class="rounded-full border border-cyan-500/20 bg-brandBlue/20 px-4 py-2 text-sm font-medium text-blue-700 transition duration-300 hover:bg-brandBlue hover:text-white"
+              >
+                #{tag}
+              </a>
+            ))
+          }
+
+          <!-- MORE TAGS BUTTON -->
+          <a
+            href="/blogs/tag"
+            class="border-foreground/10 text-foreground rounded-full border px-5 py-2 text-sm font-semibold transition duration-300 hover:border-cyan-500 hover:text-blue-600"
+          >
+            More Tags →
+          </a>
+        </div>
+      </div>
+
+      <!-- BLOG GRID -->
+      <div class="mt-16 grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
+        {
+          posts.map((post) => (
+            <BlogCard
+              url={`/research/${post.id}`}
+              title={post.data.title}
+              description={post.data.description}
+              image={post.data.image}
+              author={post.data.author}
+              date={post.data.date.toLocaleDateString()}
+              tags={post.data.tags}
+            />
+          ))
+        }
+      </div>
+    </section>
+  </main>
+</BaseLayout>