100 lines
4.5 KiB
TypeScript
100 lines
4.5 KiB
TypeScript
import { BlogCard } from "@/components/blog-card";
|
||
|
||
// Blog posts data - placeholder content
|
||
const blogPosts = [
|
||
{
|
||
slug: "system-integration-guide",
|
||
title: "راهنمای جامع یکپارچه‌سازی سیستم‌ها: از صفر تا صد",
|
||
excerpt:
|
||
"در این مقاله، به بررسی جامع فرآیند یکپارچه‌سازی سیستم‌ها می‌پردازیم. از تعاریف پایه تا روش‌های پیشرفته و بهترین روش‌های پیاده‌سازی را پوشش می‌دهیم.",
|
||
date: "۱۴۰۳/۰۹/۲۰",
|
||
readTime: "۱۲",
|
||
category: "یکپارچه‌سازی",
|
||
image: "/assets/main-pic/4section/Systems Integration.jpg",
|
||
},
|
||
{
|
||
slug: "automation-best-practices",
|
||
title: "بهترین روش‌های اتوماسیون فرآیندهای کسب‌وکار",
|
||
excerpt:
|
||
"اتوماسیون فرآیندها یکی از کلیدی‌ترین راهکارهای بهبود بهره‌وری در کسب‌وکارها است. در این مقاله با اصول، چالش‌ها و راهکارهای عملی آشنا می‌شوید.",
|
||
date: "۱۴۰۳/۰۹/۱۵",
|
||
readTime: "۱۰",
|
||
category: "اتوماسیون",
|
||
image: "/assets/main-pic/4section/Process Automation.jpg",
|
||
},
|
||
{
|
||
slug: "social-media-integration",
|
||
title: "یکپارچه‌سازی شبکه‌های اجتماعی: راهنمای عملی",
|
||
excerpt:
|
||
"یادگیری نحوه اتصال و مدیریت پلتفرم‌های مختلف شبکه‌های اجتماعی می‌تواند به شما کمک کند تا ارتباط مؤثرتری با مشتریان خود برقرار کنید.",
|
||
date: "۱۴۰۳/۰۹/۱۰",
|
||
readTime: "۸",
|
||
category: "شبکه‌های اجتماعی",
|
||
image: "/assets/main-pic/4section/Interaction with Social Networks.jpg",
|
||
},
|
||
{
|
||
slug: "management-dashboards",
|
||
title: "طراحی و پیاده‌سازی پنل‌های مدیریتی پیشرفته",
|
||
excerpt:
|
||
"پنل‌های مدیریتی قدرتمند به شما امکان می‌دهند تا داده‌های خود را به صورت مؤثر مدیریت و تحلیل کنید. در این مقاله ویژگی‌های کلیدی را بررسی می‌کنیم.",
|
||
date: "۱۴۰۳/۰۹/۰۵",
|
||
readTime: "۹",
|
||
category: "مدیریت داده",
|
||
image: "/assets/main-pic/4section/Powerful Management panels.jpg",
|
||
},
|
||
{
|
||
slug: "api-integration-fundamentals",
|
||
title: "مبانی یکپارچه‌سازی API: راهنمای مبتدیان",
|
||
excerpt:
|
||
"APIها پایه و اساس اتصال سیستم‌های مدرن هستند. در این مقاله با مفاهیم پایه، انواع APIها و نحوه استفاده از آن‌ها آشنا می‌شوید.",
|
||
date: "۱۴۰۳/۰۸/۲۸",
|
||
readTime: "۷",
|
||
category: "توسعه",
|
||
image: "/assets/main-pic/4section/Systems Integration.jpg",
|
||
},
|
||
{
|
||
slug: "workflow-automation",
|
||
title: "خودکارسازی Workflow: از ایده تا اجرا",
|
||
excerpt:
|
||
"یادگیری نحوه طراحی و پیاده‌سازی workflowهای خودکار می‌تواند به طور قابل توجهی کارایی کسب‌وکار شما را افزایش دهد.",
|
||
date: "۱۴۰۳/۰۸/۲۰",
|
||
readTime: "۱۱",
|
||
category: "اتوماسیون",
|
||
image: "/assets/main-pic/4section/Process Automation.jpg",
|
||
},
|
||
];
|
||
|
||
export default function BlogPage() {
|
||
return (
|
||
<>
|
||
{/* Hero Section */}
|
||
<section className="bg-background pt-32 pb-20 md:pt-40 md:pb-28">
|
||
<div className="mx-auto max-w-4xl px-6">
|
||
<div className="text-center space-y-6">
|
||
<h1 className="text-4xl font-bold md:text-5xl lg:text-6xl leading-tight tracking-normal">
|
||
وبلاگ
|
||
</h1>
|
||
<p className="text-xl leading-relaxed tracking-normal text-muted-foreground max-w-2xl mx-auto">
|
||
آخرین مقالات، راهنماها و نکات مفید در زمینه یکپارچه‌سازی، اتوماسیون و مدیریت سیستم‌ها
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Blog Posts Grid */}
|
||
<section className="bg-background pb-20 md:pb-28">
|
||
<div className="mx-auto max-w-7xl px-6">
|
||
<div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
|
||
{blogPosts.map((post) => (
|
||
<BlogCard key={post.slug} {...post} />
|
||
))}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</>
|
||
);
|
||
}
|
||
|
||
|
||
|