diff --git a/templates/general/home.html.twig b/templates/general/home.html.twig
index acb0616..94fceb8 100644
--- a/templates/general/home.html.twig
+++ b/templates/general/home.html.twig
@@ -150,6 +150,53 @@
 					</div>
 				</div>
 			</div>
+			<div class="col-12">
+				<div class="p-1 mb-4">
+					<div class="container-fluid">
+						<h3 class="text-primary fs-2 text-center py-4 fw-bold">افزونه‌های حسابیکس</h3>
+						<p class="text-center text-muted mb-4">افزونه‌های قدرتمند حسابیکس برای اتصال به سیستم‌های مختلف و بهبود عملکرد کسب‌و‌کار شما</p>
+						<div class="row g-4">
+							<div class="col-md-6">
+								<div class="card plugin-card h-100 border-0 shadow-lg hover-card">
+									<div class="card-body text-center p-5">
+										<div class="plugin-icon-box mb-4">
+											<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+												<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+												<polyline points="14,2 14,8 20,8"></polyline>
+												<line x1="16" y1="13" x2="8" y2="13"></line>
+												<line x1="16" y1="17" x2="8" y2="17"></line>
+												<polyline points="10,9 9,9 8,9"></polyline>
+											</svg>
+										</div>
+										<h5 class="card-title text-primary mb-3 fw-bold">اتصال به سامانه مودیان</h5>
+										<p class="card-text text-muted mb-4">
+											با استفاده از افزونه اتصال به سامانه مودیان، می‌توانید به صورت خودکار اطلاعات فاکتورهای خود را به سامانه مودیان ارسال کنید. این افزونه امکان ارسال خودکار فاکتورها، دریافت تاییدیه‌ها و مدیریت کامل ارتباط با سازمان امور مالیاتی را فراهم می‌کند.
+										</p>
+									</div>
+								</div>
+							</div>
+							<div class="col-md-6">
+								<div class="card plugin-card h-100 border-0 shadow-lg hover-card">
+									<div class="card-body text-center p-5">
+										<div class="plugin-icon-box mb-4">
+											<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+												<path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path>
+												<line x1="3" y1="6" x2="21" y2="6"></line>
+												<path d="M16 10a4 4 0 0 1-8 0"></path>
+											</svg>
+										</div>
+										<h5 class="card-title text-primary mb-3 fw-bold">اتصال به ووکامرس</h5>
+										<p class="card-text text-muted mb-4">
+											افزونه اتصال به ووکامرس امکان همگام‌سازی کامل فروشگاه شما با حسابیکس را فراهم می‌کند. سفارشات، محصولات و مشتریان به صورت خودکار در حسابیکس ثبت می‌شوند و مدیریت مالی فروشگاه شما را به سادگی انجام دهید.
+										</p>
+										<a href="https://source.hesabix.ir/morrning/hesabixWCPlugin" target="_blank" class="btn btn-outline-primary rounded-pill px-4 py-2">دریافت</a>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
 			<div class="col-12">
 				<div class="p-1 mb-4">
 					<div class="container-fluid">
@@ -454,6 +501,102 @@
 			font-size: 0.95rem;
 			line-height: 1.6;
 		}
+		
+		/* Plugin Cards Styling */
+		.plugin-card {
+			transition: all 0.4s ease;
+			border-radius: 20px;
+			background: linear-gradient(145deg, #ffffff, #f8f9fa);
+			position: relative;
+			overflow: hidden;
+		}
+		
+		.plugin-card::before {
+			content: '';
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			height: 4px;
+			background: linear-gradient(90deg, #0d6efd, #0b5ed7, #0a58ca);
+		}
+		
+		.plugin-card:hover {
+			transform: translateY(-10px);
+			box-shadow: 0 20px 40px rgba(13, 110, 253, 0.15);
+		}
+		
+		.plugin-icon-box {
+			width: 80px;
+			height: 80px;
+			background: linear-gradient(135deg, rgba(13, 110, 253, 0.1), rgba(13, 110, 253, 0.05));
+			border-radius: 50%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin: 0 auto;
+			transition: all 0.3s ease;
+			border: 2px solid rgba(13, 110, 253, 0.1);
+		}
+		
+		.plugin-card:hover .plugin-icon-box {
+			background: linear-gradient(135deg, rgba(13, 110, 253, 0.2), rgba(13, 110, 253, 0.1));
+			transform: scale(1.1);
+			border-color: rgba(13, 110, 253, 0.3);
+		}
+		
+		.plugin-icon-box svg {
+			width: 32px;
+			height: 32px;
+			color: #0d6efd;
+			transition: all 0.3s ease;
+		}
+		
+		.plugin-card:hover .plugin-icon-box svg {
+			color: #0b5ed7;
+			transform: scale(1.1);
+		}
+		
+		.plugin-features {
+			display: flex;
+			justify-content: center;
+			flex-wrap: wrap;
+		}
+		
+		.feature-item .badge {
+			font-size: 0.8rem;
+			padding: 0.5rem 1rem;
+			border-radius: 20px;
+			font-weight: 500;
+			transition: all 0.3s ease;
+		}
+		
+		.feature-item .badge:hover {
+			transform: translateY(-2px);
+			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+		}
+		
+		.plugin-card .btn {
+			transition: all 0.3s ease;
+			font-weight: 500;
+			border-width: 2px;
+		}
+		
+		.plugin-card .btn:hover {
+			transform: translateY(-2px);
+			box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
+		}
+		
+		.plugin-card .card-title {
+			font-size: 1.3rem;
+			margin-bottom: 1rem;
+		}
+		
+		.plugin-card .card-text {
+			font-size: 1rem;
+			line-height: 1.7;
+			color: #6c757d;
+		}
 	</style>
 	<script>
 		document.addEventListener('DOMContentLoaded', function() {