@if(config('demo.enabled'))
                            <div class="w-100 mt-4">
								<div class="small mb-3 fw-bold text-muted text-uppercase">Suitable for</div>
								<div class="row g-3">
									<div class="col-6 col-lg-3">
										<div class="card h-100 border-0 rounded-4 bg-primary-subtle">
											<div class="card-body d-flex align-items-center gap-3 p-3">
												<div class="fs-2 text-primary">🏪</div>
												<div>
													<div class="fw-semibold small text-primary-emphasis">Retail Store</div>
													<div class="small text-muted">Daily POS and inventory</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-3">
										<div class="card h-100 border-0 rounded-4 bg-success-subtle">
											<div class="card-body d-flex align-items-center gap-3 p-3">
												<div class="fs-2 text-success">💊</div>
												<div>
													<div class="fw-semibold small text-success-emphasis">Pharmacy</div>
													<div class="small text-muted">Prescription checkout</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-3">
										<div class="card h-100 border-0 rounded-4 bg-warning-subtle">
											<div class="card-body d-flex align-items-center gap-3 p-3">
												<div class="fs-2 text-warning-emphasis">🌿</div>
												<div>
													<div class="fw-semibold small text-warning-emphasis">Pesticide Shop</div>
													<div class="small text-muted">Stock and safety tracking</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-3">
										<div class="card h-100 border-0 rounded-4 bg-info-subtle">
											<div class="card-body d-flex align-items-center gap-3 p-3">
												<div class="fs-2 text-info-emphasis">👗</div>
												<div>
													<div class="fw-semibold small text-info-emphasis">Clothing Store</div>
													<div class="small text-muted">Fashion retail management</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-3">
										<div class="card h-100 border-0 rounded-4 bg-secondary-subtle">
											<div class="card-body d-flex align-items-center gap-3 p-3">
												<div class="fs-2 text-secondary-emphasis">✏️</div>
												<div>
													<div class="fw-semibold small text-secondary-emphasis">Stationery</div>
													<div class="small text-muted">Office supplies sales</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-3">
										<div class="card h-100 border-0 rounded-4 bg-danger-subtle">
											<div class="card-body d-flex align-items-center gap-3 p-3">
												<div class="fs-2 text-danger-emphasis">👟</div>
												<div>
													<div class="fw-semibold small text-danger-emphasis">Footwear</div>
													<div class="small text-muted">Shoe shop experience</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-3">
										<div class="card h-100 border-0 rounded-4 bg-dark-subtle">
											<div class="card-body d-flex align-items-center gap-3 p-3">
												<div class="fs-2 text-dark-emphasis">🚗</div>
												<div>
													<div class="fw-semibold small text-dark-emphasis">Automobiles</div>
													<div class="small text-muted">Car parts and service</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-6 col-lg-3">
										<div class="card h-100 border border-light-subtle rounded-4 bg-light-subtle position-relative">
								        <span class="position-absolute top-0 end-0 badge bg-transparent text-danger border border-danger rounded-bottom-start-4 m-0 py-2 px-3 fs-6">Module</span>
											<div class="card-body d-flex align-items-center gap-3 p-3">
												<div class="fs-2">🛠️</div>
												<div>
													<div class="fw-semibold small">Service & Repair</div>
													<div class="small text-muted">Repair shop workflow</div>
												</div>
											</div>
										</div>
									</div>
                                    <div class="col-6 col-lg-3">
                                        <div class="card h-100 border border-light-subtle rounded-4 bg-light-subtle position-relative">
                                        <span class="position-absolute top-0 end-0 badge bg-transparent text-danger border border-danger rounded-bottom-start-4 m-0 py-2 px-3 fs-6">Module</span>
                                        <div class="card-body d-flex align-items-center gap-3 p-3">
                                            <div class="fs-2">🤝</div>
                                            <div>
                                                <div class="fw-semibold small">Partnership</div>
                                                <div class="small text-muted">Collaborative business module</div>
                                            </div>
                                        </div>
                                        </div>
									</div>



								</div>
							</div>
                            @endif