{% extends 'base.html.twig' %}
{% block title %}نرم افزار حسابداری آنلاین،متن‌باز و کاملا رایگان
{% endblock %}

{% block body %}
	<div class="container">
		<div class="row">
			<div class="col-12 my-3">
				<div class="p-1 mb-4">
					<div class="container-fluid pt-md-5 pt-sm-2">
						<div class="row align-items-center">
							<div class="col-sm-12 col-md-7 mb-3 text-center">
								<h1 class="fs-2 fw-bold text-primary mb-4">شروعی ساده و آسان
									<br>
									برای مدیریت کسب‌و‌کار شما
								</h1>
								<p class="fs-5 mb-3 text-secondary">حسابیکس پلتفرم حسابداری ابری،متن‌باز و واقعا رایگان</p>
								<p class="fs-6 text-body-tertiary mb-4">
									میزبان بیش از
									<span class="text-danger fw-bold">55 هزار
									</span>
									کاربر و
									<span class="text-danger fw-bold">43 هزار
									</span>
									کسب و کار فعال
								</p>
								<a class="btn rounded-4 btn-primary px-4 py-2 fs-5 shadow-sm" href="https://app.hesabix.ir" target="_blank">هم‌اکنون عضو شوید</a>
							</div>
							<div class="col-sm-12 col-md-5 mb-3">
								<img src="{{asset('img/viewWindows.png')}}" class="img-fluid rounded-4" alt="نرم افزار حسابداری حسابیکس"/>
							</div>
						</div>
						<div class="row mt-4">
							<div class="col-12">
								<div class="card text-bg-light mb-3 border-0 shadow-sm">
									<div class="card-body text-center p-4">
										<p class="card-text text-center text-body-secondary">
											حسابیکس یک پلتفرم مدیریت کسب‌و‌کار که پاسخگوی تمام اهداف تجاری شما از یک فروشگاه کوچک تا یک مجتمع بازرگانی بزرگ است
											<br>
											کافی است گام اول را بردارید،جهت پیشبرد اهدافتان در کنار شما هستیم.
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-12 mb-3">
				<div class="container bg-body-tertiary rounded-4 p-4">
					<h4 class="text-center mb-3 text-primary fw-bold">حامیان مالی حسابیکس</h4>
					<p class="text-center text-muted mb-3">حسابیکس با مشارکت حامیان مالی و حمایت کاربران عزیز، به صورت مستمر در حال توسعه و بهبود است. هر یک از شما با استفاده از خدمات حسابیکس، در پیشرفت این پلتفرم نقش دارید.</p>
					<div class="row row-cols-2 row-cols-md-4 g-3 justify-content-center">
						<div class="col">
							<div class="card h-100 border-0 shadow-sm hover-card">
								<a href="https://parspack.com" target="_blank" class="text-decoration-none">
									<div class="card-body text-center p-3">
										<img src="{{asset('img/sp/parspack-logo.png')}}" class="img-fluid p-2" alt="پارس پک">
										<p class="text-muted mt-2 mb-0">پارس پک</p>
									</div>
								</a>
							</div>
						</div>
						<div class="col">
							<div class="card h-100 border-0 shadow-sm hover-card">
								<a href="https://melipayamak.com" target="_blank" class="text-decoration-none">
									<div class="card-body text-center p-3">
										<img src="{{asset('img/sp/melipayamak.png')}}" class="img-fluid p-2" alt="ملی پیامک">
										<p class="text-muted mt-2 mb-0">ملی پیامک</p>
									</div>
								</a>
							</div>
						</div>
						<div class="col">
							<div class="card h-100 border-0 shadow-sm hover-card">
								<a href="https://irmotorbargh.com" target="_blank" class="text-decoration-none">
									<div class="card-body text-center p-3">
										<img src="{{asset('img/sp/irmr.png')}}" class="img-fluid p-2" alt="راد دیتا">
										<p class="text-muted mt-2 mb-0">ایران موتوربرق</p>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-12">
				<div class="p-1 mb-4">
					<div class="container-fluid">
						<div class="row align-items-center">
							<div class="col-sm-12 col-md-3 mb-3 text-center">
								<img src="{{asset('img/viewMobile.png')}}" class="img-fluid rounded-4" alt="نرم افزار حسابداری حسابیکس"/>
							</div>
							<div class="col-sm-12 col-md-9 mb-3">
								<h2 class="text-primary mb-4">شروعی سریع و ساده با حسابیکس</h2>
								<div class="row g-4">
									<div class="col-md-4">
										<div class="card h-100 border-0 shadow-sm hover-card">
											<div class="card-body text-center p-4">
												<div class="icon-box mb-3">
													<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
														<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
														<circle cx="8.5" cy="7" r="4"></circle>
														<line x1="20" y1="8" x2="20" y2="14"></line>
														<line x1="23" y1="11" x2="17" y2="11"></line>
													</svg>
												</div>
												<h5 class="card-title text-primary mb-3">ثبت‌نام و ساخت پنل</h5>
												<p class="card-text text-muted">
													در حسابیکس عضو شوید و پنل کسب و کار خود را به سادگی بسازید. هر تعداد کسب‌و‌کار که داشته باشید می‌توانید از طریق یک داشبورد واحد آن‌ها را مدیریت کنید.
												</p>
											</div>
										</div>
									</div>
									<div class="col-md-4">
										<div class="card h-100 border-0 shadow-sm hover-card">
											<div class="card-body text-center p-4">
												<div class="icon-box mb-3">
													<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
														<circle cx="12" cy="12" r="3"></circle>
														<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
													</svg>
												</div>
												<h5 class="card-title text-primary mb-3">تنظیمات و راه‌اندازی</h5>
												<p class="card-text text-muted">
													اطلاعات کسب و کار خود را وارد کنید و تنظیمات اولیه را انجام دهید. حسابیکس آماده و در اختیار شماست. در صورت نیاز به راهنمایی، تیم پشتیبانی پاسخگوی شماست.
												</p>
											</div>
										</div>
									</div>
									<div class="col-md-4">
										<div class="card h-100 border-0 shadow-sm hover-card">
											<div class="card-body text-center p-4">
												<div class="icon-box mb-3">
													<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
														<rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect>
														<line x1="12" y1="18" x2="12.01" y2="18"></line>
													</svg>
												</div>
												<h5 class="card-title text-primary mb-3">دسترسی همه‌جا</h5>
												<p class="card-text text-muted">
													از حسابیکس بر روی موبایل، تبلت و کامپیوتر لذت ببرید. تنها کافی است که یک اتصال اینترنت داشته باشید. حسابیکس در هر نقطه‌ای از جهان در دسترس شما خواهد بود.
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</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">
						<h3 class="text-primary fs-2 text-center py-4 fw-bold">از وبلاگ حسابیکس</h3>
						<div class="row">
							{% for post in posts %}
								<div class="col-sm-12 col-md-4 mb-4">
									<div class="card blog-card h-100 border-0 shadow-sm">
										<div class="position-relative">
											<img src="{{asset('uploaded/' ~ post.mainPic )}}" class="card-img-top blog-image" alt="{{ post.title}}">
											<div class="blog-date position-absolute bottom-0 start-0 bg-primary text-white px-3 py-2 rounded-end">
												{{ Jdate.jdate('Y/n/d',post.dateSubmit) }}
											</div>
										</div>
										<div class="card-body">
											<h3 class="card-title text-primary fs-5 fw-bold mb-3">{{post.title}}</h3>
											<p class="card-text text-muted mb-4">{{ post.intro }}</p>
											<a href="{{path('app_blog_post',{'url':post.url})}}" class="btn btn-outline-primary rounded-4 stretched-link">ادامه مطلب</a>
										</div>
									</div>
								</div>
							{% endfor %}
						</div>
					</div>
				</div>
			</div>
			<div class="col-12 mb-5 d-none d-md-block">
				<div class="container-fluid">
						<h3 class="text-primary fs-2 text-center py-3">نظرات مشتریان</h3>
						<div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
							<div class="carousel-inner">
								<div class="carousel-item active">
									<div class="row justify-content-center">
										<div class="col-md-4">
											<div class="card testimonial-card">
												<div class="card-body text-center">
													<h5 class="card-title">حمیدرضا تینای تهرانی</h5>
													<p class="card-text testimonial-text">"مرداد امسال بود که میخواستم برای چاپخونه برادرم یک فاکتور بزنم. هرکاری کردم نرم افزار حسابداری که باهاش کار میکردم (حسابیت)خروجی نمی داد و از اون بدتر نه کسی تیکت جواب میداد نه تلفن پشتیبانی کار میکرد. در کمال ناباوری شروع به جستجوی اینترنتی کردم برای یک نرم افزار حسابداری آنلاین که بشه از هرجایی کارو درآورد که به #حسابیکس برخورد کردم. واقعا باورش سخته که یک نرم افزار حسابداری آنلاین رایگان باشه که همه کارهات رو راه بندازه و از همه مهمتر یک تیم پشتیبانی پیگیر و خفن داشته باشه که تک تک نظرات رو بخونه و جواب بده و مشکلات رو حل کنه و حتی بر اساس نظرات کاربران بخش های مختلف رو توسعه بده. واقعا ممنون که هستید. خداقوت"</p>
													<button class="btn btn-link read-more-btn">نمایش بیشتر</button>
												</div>
											</div>
										</div>
										<div class="col-md-4">
											<div class="card testimonial-card">
												<div class="card-body text-center">
													<h5 class="card-title">محمد رضایی</h5>
													<p class="card-text testimonial-text">"من یک شرکت خدمات کامپیوتری دارم و همیشه با مشکل مدیریت مالی و حسابداری مواجه بودم. نرم‌افزارهای مختلفی رو امتحان کردم اما یا خیلی پیچیده بودن یا امکاناتشون کم بود. تا اینکه با حسابیکس آشنا شدم. از همون روز اول که ثبت‌نام کردم، تیم پشتیبانی با من تماس گرفتن و راهنمایی‌های لازم رو ارائه دادن. حالا بعد از ۶ ماه استفاده، می‌تونم بگم که حسابیکس تحول بزرگی در مدیریت کسب و کارم ایجاد کرده. نه تنها امور مالی شرکت رو به راحتی مدیریت می‌کنم، بلکه می‌تونم از هرجایی و با هر دستگاهی به اطلاعات دسترسی داشته باشم. پشتیبانی 24 ساعته و پاسخگویی سریع تیم حسابیکس باعث شده که با خیال راحت کسب و کارم رو مدیریت کنم. از همه مهمتر، رایگان بودن این نرم‌افزار با این همه امکانات واقعا قابل تقدیره."</p>
													<button class="btn btn-link read-more-btn">نمایش بیشتر</button>
												</div>
											</div>
										</div>
										<div class="col-md-4">
											<div class="card testimonial-card">
												<div class="card-body text-center">
													<h5 class="card-title">فاطمه محمدی</h5>
													<p class="card-text testimonial-text">"من یک فروشگاه پوشاک دارم و همیشه با مشکل مدیریت موجودی و حساب‌وکتاب مواجه بودم. تا اینکه یکی از دوستانم حسابیکس رو به من معرفی کرد. از همون روز اول که ثبت‌نام کردم، متوجه شدم که این نرم‌افزار چقدر می‌تونه به من کمک کنه. حالا بعد از ۴ ماه استفاده، می‌تونم بگم که حسابیکس تحول چشمگیری در مدیریت فروشگاهم ایجاد کرده. نه تنها موجودی انبارم رو به راحتی مدیریت می‌کنم، بلکه می‌تونم از هرجایی و با هر دستگاهی به اطلاعات دسترسی داشته باشم. حتی در سفر هم می‌تونم کارهام رو انجام بدم. پشتیبانی عالی و پاسخگویی سریع تیم حسابیکس باعث شده که با خیال راحت کسب و کارم رو مدیریت کنم. پیشنهاد می‌کنم حتما امتحان کنید."</p>
													<button class="btn btn-link read-more-btn">نمایش بیشتر</button>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="carousel-item">
									<div class="row justify-content-center">
										<div class="col-md-4">
											<div class="card testimonial-card">
												<div class="card-body text-center">
													<h5 class="card-title">علی احمدی</h5>
													<p class="card-text testimonial-text">"حسابیکس بهترین نرم افزار حسابداری آنلاینی هست که تا حالا استفاده کردم. امکاناتش کامل و پشتیبانی عالی و به‌روزرسانی‌های مداوم باعث شده که همیشه از جدیدترین امکانات بهره‌مند بشم. به همه دوستانم هم معرفی کردم و همه راضی هستن."</p>
													<button class="btn btn-link read-more-btn">نمایش بیشتر</button>
												</div>
											</div>
										</div>
										<div class="col-md-4">
											<div class="card testimonial-card">
												<div class="card-body text-center">
													<h5 class="card-title">سارا کریمی</h5>
													<p class="card-text testimonial-text">"من یک فروشگاه اینترنتی دارم و حسابیکس به من کمک کرده تا تمام امور مالی و انبارداری رو به راحتی مدیریت کنم. رابط کاربری ساده و امکانات کاملش باعث شده که حتی بدون دانش حسابداری هم بتونم کارهام رو انجام بدم. پشتیبانی عالی و پاسخگویی سریع تیم حسابیکس واقعا قابل تقدیره."</p>
													<button class="btn btn-link read-more-btn">نمایش بیشتر</button>
												</div>
											</div>
										</div>
										<div class="col-md-4">
											<div class="card testimonial-card">
												<div class="card-body text-center">
													<h5 class="card-title">رضا حسینی</h5>
													<p class="card-text testimonial-text">"حسابیکس یک نرم افزار حسابداری کامل و حرفه‌ایه که به صورت رایگان در اختیار کاربران قرار گرفته. امکاناتی که داره با بهترین نرم افزارهای حسابداری برابری می‌کنه. پشتیبانی عالی و به‌روزرسانی‌های مداوم باعث شده که همیشه از جدیدترین امکانات بهره‌مند بشم. به همه پیشنهاد می‌کنم."</p>
													<button class="btn btn-link read-more-btn">نمایش بیشتر</button>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="carousel-item">
									<div class="row justify-content-center">
										<div class="col-md-4">
											<div class="card testimonial-card">
												<div class="card-body text-center">
													<h5 class="card-title">مهندس محمدی - مدیر فنی شرکت نرم‌افزاری آریا</h5>
													<p class="card-text testimonial-text">"ما در شرکت نرم‌افزاری آریا، حسابیکس رو به عنوان هسته حسابداری نرم‌افزار مدیریت فروشگاه‌های زنجیره‌ای خودمون استفاده کردیم. API قدرتمند و مستندات کامل حسابیکس به ما کمک کرد تا در کمترین زمان، سیستم حسابداری خودمون رو راه‌اندازی کنیم. پشتیبانی فنی تیم حسابیکس همیشه در دسترس هستن و مشکلات رو سریع حل می‌کنن."</p>
													<button class="btn btn-link read-more-btn">نمایش بیشتر</button>
												</div>
											</div>
										</div>
										<div class="col-md-4">
											<div class="card testimonial-card">
												<div class="card-body text-center">
													<h5 class="card-title">مهندس رضایی - مدیر پروژه شرکت توسعه‌گران</h5>
													<p class="card-text testimonial-text">"برای یکی از مشتریانمون که یک شرکت پخش مواد غذایی داره، با استفاده از حسابیکس یک سیستم سفارشی ساختیم. API حسابیکس به ما این امکان رو داد که سیستم انبارداری و فروش رو به راحتی به هسته حسابداری متصل کنیم. مشتری از نتیجه کار راضی هست و ما هم توانستیم در زمان و هزینه صرفه‌جویی کنیم."</p>
													<button class="btn btn-link read-more-btn">نمایش بیشتر</button>
												</div>
											</div>
										</div>
										<div class="col-md-4">
											<div class="card testimonial-card">
												<div class="card-body text-center">
													<h5 class="card-title">مهندس کریمی - برنامه‌نویس مستقل</h5>
													<p class="card-text testimonial-text">"من به عنوان یک برنامه‌نویس مستقل، چندین پروژه شخصی‌سازی نرم‌افزار حسابداری رو با استفاده از حسابیکس انجام دادم. API قدرتمند و مستندات کامل حسابیکس به من کمک کرد تا سیستم‌های سفارشی برای مشتریان مختلف بسازم. پشتیبانی فنی تیم حسابیکس همیشه در دسترس هستن و مشکلات رو سریع حل می‌کنن."</p>
													<button class="btn btn-link read-more-btn">نمایش بیشتر</button>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev">
								<span class="carousel-control-prev-icon" aria-hidden="true"></span>
								<span class="visually-hidden">قبلی</span>
							</button>
							<button class="carousel-control-next" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next">
								<span class="carousel-control-next-icon" aria-hidden="true"></span>
								<span class="visually-hidden">بعدی</span>
							</button>
						</div>
					</div>
			</div>
			<div class="col-12">
				<div class="card mb-5 bg-body-tertiary">
					<div class="row g-0">
						<div class="col-md-4 text-center align-items-center d-flex justify-content-center">
							<img src="{{asset('/img/memaps.svg')}}" style="max-height: 10rem;" class="img-fluid rounded-start" alt="نقشه‌های آنلاین می مپس">
						</div>
						<div class="col-md-8">
							<div class="card-body">
								<h5 class="card-title">Me Maps</h5>
								<p class="card-text">
									می‌مپس یک نقشه آنلاین برای توسعه دهندگان نرم افزار‌های نقشه محور در وب ، اندروید و آی او اس است که تازگی توسط گروه حسابیکس به صورت کاملا رایگان توسعه داده شده است.این پلتفرم قابلیت ارائه API جهت نمایش نقشه و مسیریابی را برای توسعه دهندگان فراهم می‌کند.
								</p>
								<p class="card-text">
									<a href="https://memaps.ir" target="_blank" class="rul">
										<small class="btn btn-primary">ورود به می‌مپس</small>
									</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<style>
		.testimonial-card {
			transition: all 0.3s ease;
			box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
			margin: 15px;
			border-radius: 15px;
			border: none;
			background: linear-gradient(145deg, #ffffff, #f8f9fa);
		}
		.testimonial-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
		}
		.carousel-control-prev,
		.carousel-control-next {
			width: 5%;
			opacity: 0.8;
		}
		.carousel-control-prev-icon,
		.carousel-control-next-icon {
			background-color: rgba(13, 110, 253, 0.8);
			border-radius: 50%;
			padding: 20px;
		}
		.card-body {
			padding: 2rem;
		}
		.card-title {
			color: #0d6efd;
			margin-bottom: 1.5rem;
			font-weight: normal;
			font-size: 1.2rem;
		}
		.card-text {
			line-height: 1.8;
			text-align: justify;
			color: #495057;
			font-size: 1rem;
		}
		.testimonial-text {
			max-height: 150px;
			overflow: hidden;
			transition: max-height 0.5s ease;
			position: relative;
		}
		.testimonial-text:after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 30px;
			background: linear-gradient(to bottom, transparent, #ffffff);
		}
		.testimonial-text.expanded {
			max-height: none;
		}
		.testimonial-text.expanded:after {
			display: none;
		}
		.read-more-btn {
			display: none;
			margin-top: 15px;
			font-size: 0.9rem;
			color: #0d6efd;
			text-decoration: none;
			font-weight: 500;
			transition: all 0.3s ease;
		}
		.read-more-btn:hover {
			color: #0b5ed7;
			text-decoration: underline;
		}
		.testimonial-text:not(.expanded) + .read-more-btn {
			display: inline-block;
		}
		#testimonialCarousel {
			padding: 20px 0;
		}
		.carousel-inner {
			padding: 20px 0;
		}
		.hover-card {
			transition: all 0.3s ease;
			border-radius: 15px;
			background: #fff;
		}
		.hover-card:hover {
			transform: translateY(-5px);
			box-shadow: 0 10px 20px rgba(0,0,0,0.1);
		}
		.hover-card img {
			transition: all 0.3s ease;
		}
		.hover-card:hover img {
			transform: scale(1.05);
		}
		.blog-card {
			transition: all 0.3s ease;
			border-radius: 15px;
			overflow: hidden;
		}
		.blog-card:hover {
			transform: translateY(-5px);
			box-shadow: 0 10px 20px rgba(0,0,0,0.1);
		}
		.blog-image {
			height: 200px;
			object-fit: cover;
			transition: all 0.3s ease;
		}
		.blog-card:hover .blog-image {
			transform: scale(1.05);
		}
		.blog-date {
			font-size: 0.9rem;
			z-index: 1;
		}
		.icon-box {
			width: 60px;
			height: 60px;
			background: rgba(13, 110, 253, 0.1);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto;
			transition: all 0.3s ease;
		}
		.icon-box svg {
			width: 24px;
			height: 24px;
			color: #0d6efd;
		}
		.hover-card:hover .icon-box {
			background: rgba(13, 110, 253, 0.2);
			transform: scale(1.1);
		}
		
		.card-text {
			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() {
			const readMoreButtons = document.querySelectorAll('.read-more-btn');
			readMoreButtons.forEach(button => {
				button.addEventListener('click', function() {
					const testimonialText = this.previousElementSibling;
					testimonialText.classList.toggle('expanded');
					this.textContent = testimonialText.classList.contains('expanded') ? 'بستن' : 'نمایش بیشتر';
				});
			});
		});
	</script>
{% endblock %}