<?php
require_once __DIR__ . '/config/site-config.php';
$pageTitle = 'Features | DigiCrux Solutions';
$pageDescription = 'Explore DigiCrux Solutions powerful features — WhatsApp Business API, AI chatbots, multi-channel support, automation builder and more.';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<?php include __DIR__ . '/includes/head.php'; ?>
<link rel="stylesheet" href="<?php echo dc_asset('/assets/css/pages/features.css'); ?>">
</head>
<body>
<?php include __DIR__ . '/includes/header.php'; ?>
<section class="dc-feat-hero">
<div class="dc-feat-inner">
<div class="dc-feat-left">
<div class="dc-feat-badge-wrap">
<div class="dc-feat-badge">
<img class="dc-feat-badge-img" src="/assets/images/meta-badge.png" alt="Meta Business Partner">
<div class="dc-feat-badge-divider"></div>
<div class="dc-feat-badge-text">
<div class="dc-feat-badge-title">Meta Business Partner</div>
<div class="dc-feat-badge-sub">Official WhatsApp API Partner</div>
</div>
</div>
</div>
<h1 class="dc-feat-heading">Powerful Features for <span>Modern Business</span></h1>
<p class="dc-feat-sub">Everything you need to automate and scale your business communication across all channels.</p>
<div class="dc-feat-actions">
<a href="#" class="dc-feat-btn primary">
Schedule a Call
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
<a href="#" class="dc-feat-btn outline">
Get Started Now
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
</div>
</div>
<div class="dc-feat-right">
<div class="dc-feat-card">
<div class="dc-feat-list-item">
<div class="dc-feat-item-icon i-green">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.52 3.48A11.86 11.86 0 0 0 12.06 0C5.5 0 .17 5.32.17 11.88c0 2.1.55 4.14 1.6 5.94L0 24l6.34-1.66a11.86 11.86 0 0 0 5.7 1.45h.01c6.55 0 11.88-5.32 11.88-11.88a11.8 11.8 0 0 0-3.41-8.43ZM12.05 21.7h-.01a9.9 9.9 0 0 1-5.04-1.38l-.36-.21-3.76.99 1-3.67-.24-.38a9.86 9.86 0 0 1-1.5-5.17c0-5.45 4.44-9.89 9.9-9.89 2.64 0 5.13 1.03 6.99 2.9a9.8 9.8 0 0 1 2.9 6.99c0 5.46-4.45 9.9-9.88 9.9Z" fill="#25D366"/>
<path d="M17.47 14.38c-.29-.15-1.7-.84-1.97-.93-.26-.1-.46-.15-.65.14-.2.29-.75.93-.92 1.13-.17.19-.34.22-.63.07-.29-.14-1.22-.45-2.32-1.43-.86-.76-1.44-1.7-1.6-1.99-.17-.29-.02-.44.13-.59.13-.13.29-.34.43-.5.15-.17.2-.29.29-.48.1-.2.05-.36-.02-.5-.07-.15-.65-1.57-.9-2.15-.24-.57-.48-.49-.65-.5h-.56c-.19 0-.5.07-.77.36-.26.29-1 .98-1 2.4 0 1.4 1.03 2.77 1.17 2.96.15.19 2.02 3.08 4.9 4.32.68.3 1.22.47 1.63.6.68.22 1.31.19 1.8.11.55-.08 1.7-.69 1.94-1.36.24-.67.24-1.24.17-1.36-.07-.12-.26-.19-.55-.34Z" fill="#25D366"/>
</svg>
</div>
<div class="dc-feat-item-label">WhatsApp Business API</div>
</div>
<div class="dc-feat-list-item">
<div class="dc-feat-item-icon i-blue">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="9" width="18" height="11" rx="2" stroke="#2E6FF2" stroke-width="1.8"/><path d="M7 9V6a5 5 0 0 1 10 0v3M9 13v2M15 13v2" stroke="#2E6FF2" stroke-width="1.8" stroke-linecap="round"/></svg>
</div>
<div class="dc-feat-item-label">AI-Powered Automation</div>
</div>
<div class="dc-feat-list-item">
<div class="dc-feat-item-icon i-purple">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 2 4 14h6l-1 8 9-12h-6l1-8Z" stroke="#8B5CF6" stroke-width="1.8" stroke-linejoin="round"/></svg>
</div>
<div class="dc-feat-item-label">Instant Setup</div>
</div>
<div class="dc-feat-list-item">
<div class="dc-feat-item-icon i-teal">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2 4 5v6c0 5.2 3.5 9 8 11 4.5-2 8-5.8 8-11V5l-8-3Z" stroke="#0FBF9F" stroke-width="1.8" stroke-linejoin="round"/><path d="m9 12 2 2 4-4" stroke="#0FBF9F" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-feat-item-label">Enterprise Security</div>
</div>
</div>
</div>
</div>
</section>
<section class="dc-pf-section">
<div class="dc-pf-inner">
<div class="dc-pf-head">
<div class="dc-pf-title">Powerful Features</div>
<p class="dc-pf-sub">Everything you need to automate and scale your business communication</p>
</div>
<div class="dc-pf-grid">
<div class="dc-pf-card">
<div class="dc-pf-top">
<div class="dc-pf-icon c-teal">
<svg viewBox="0 0 24 24" fill="none">
<path d="M20.52 3.48A11.86 11.86 0 0 0 12.06 0C5.5 0 .17 5.32.17 11.88c0 2.1.55 4.14 1.6 5.94L0 24l6.34-1.66a11.86 11.86 0 0 0 5.7 1.45h.01c6.55 0 11.88-5.32 11.88-11.88a11.8 11.8 0 0 0-3.41-8.43ZM12.05 21.7h-.01a9.9 9.9 0 0 1-5.04-1.38l-.36-.21-3.76.99 1-3.67-.24-.38a9.86 9.86 0 0 1-1.5-5.17c0-5.45 4.44-9.89 9.9-9.89 2.64 0 5.13 1.03 6.99 2.9a9.8 9.8 0 0 1 2.9 6.99c0 5.46-4.45 9.9-9.88 9.9Z" fill="#fff"/>
<path d="M17.47 14.38c-.29-.15-1.7-.84-1.97-.93-.26-.1-.46-.15-.65.14-.2.29-.75.93-.92 1.13-.17.19-.34.22-.63.07-.29-.14-1.22-.45-2.32-1.43-.86-.76-1.44-1.7-1.6-1.99-.17-.29-.02-.44.13-.59.13-.13.29-.34.43-.5.15-.17.2-.29.29-.48.1-.2.05-.36-.02-.5-.07-.15-.65-1.57-.9-2.15-.24-.57-.48-.49-.65-.5h-.56c-.19 0-.5.07-.77.36-.26.29-1 .98-1 2.4 0 1.4 1.03 2.77 1.17 2.96.15.19 2.02 3.08 4.9 4.32.68.3 1.22.47 1.63.6.68.22 1.31.19 1.8.11.55-.08 1.7-.69 1.94-1.36.24-.67.24-1.24.17-1.36-.07-.12-.26-.19-.55-.34Z" fill="#fff"/>
</svg>
</div>
<svg class="dc-pf-arrow" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-pf-name">WhatsApp API Platform</div>
<div class="dc-pf-desc">Send and receive messages via official WhatsApp APIs and webhooks.</div>
</div>
<div class="dc-pf-card">
<div class="dc-pf-top">
<div class="dc-pf-icon c-blue">
<svg viewBox="0 0 24 24" fill="none"><path d="M2 12c0-5.5 4.2-9.5 10-9.5s10 4 10 9.5-4.2 9.5-10 9.5c-1.1 0-2.2-.15-3.2-.45L4 22l1.3-4.3C3.2 16.1 2 14.1 2 12Z" stroke="#fff" stroke-width="1.8" stroke-linejoin="round"/><path d="m8 11 3 2.5L16 9" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<svg class="dc-pf-arrow" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-pf-name">Facebook Messenger</div>
<div class="dc-pf-desc">Integrate Facebook Messenger for seamless customer communication.</div>
</div>
<div class="dc-pf-card">
<div class="dc-pf-top">
<div class="dc-pf-icon c-purple">
<svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="5" stroke="#fff" stroke-width="1.8"/><circle cx="12" cy="12" r="4" stroke="#fff" stroke-width="1.8"/><circle cx="17.2" cy="6.8" r="1" fill="#fff"/></svg>
</div>
<svg class="dc-pf-arrow" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-pf-name">Instagram Integration</div>
<div class="dc-pf-desc">Manage Instagram messages and interactions efficiently.</div>
</div>
<div class="dc-pf-card">
<div class="dc-pf-top">
<div class="dc-pf-icon c-blue">
<svg viewBox="0 0 24 24" fill="none"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<svg class="dc-pf-arrow" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-pf-name">Intelligent CRM</div>
<div class="dc-pf-desc">Our in-built CRM enables you to add tags and attributes to each customer.</div>
</div>
<div class="dc-pf-card">
<div class="dc-pf-top">
<div class="dc-pf-icon c-teal">
<svg viewBox="0 0 24 24" fill="none"><rect x="3" y="9" width="18" height="11" rx="2" stroke="#fff" stroke-width="1.8"/><path d="M7 9V6a5 5 0 0 1 10 0v3M9 13v2M15 13v2" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></svg>
</div>
<svg class="dc-pf-arrow" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-pf-name">Visual Bot Builder</div>
<div class="dc-pf-desc">Create bots easily using our drag and drop bot builder.</div>
</div>
<div class="dc-pf-card">
<div class="dc-pf-top">
<div class="dc-pf-icon c-blue">
<svg viewBox="0 0 24 24" fill="none"><rect x="3" y="4" width="18" height="17" rx="2" stroke="#fff" stroke-width="1.8"/><path d="M3 9h18M8 2v4M16 2v4" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></svg>
</div>
<svg class="dc-pf-arrow" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-pf-name">Calendar Bot</div>
<div class="dc-pf-desc">Complete appointment booking ecosystem with smart scheduling.</div>
</div>
<div class="dc-pf-card">
<div class="dc-pf-top">
<div class="dc-pf-icon c-purple">
<svg viewBox="0 0 24 24" fill="none"><rect x="2" y="6" width="20" height="12" rx="2" stroke="#fff" stroke-width="1.8"/><path d="M2 10h20M7 15h3" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></svg>
</div>
<svg class="dc-pf-arrow" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-pf-name">Tickets Bot</div>
<div class="dc-pf-desc">Comprehensive event ticketing system with QR code support.</div>
</div>
<div class="dc-pf-card">
<div class="dc-pf-top">
<div class="dc-pf-icon c-teal">
<svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="7" height="7" stroke="#fff" stroke-width="1.8"/><rect x="14" y="3" width="7" height="7" stroke="#fff" stroke-width="1.8"/><rect x="3" y="14" width="7" height="7" stroke="#fff" stroke-width="1.8"/><path d="M14 14h3v3h-3zM19 14h2M14 19h2M19 19h2" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></svg>
</div>
<svg class="dc-pf-arrow" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-pf-name">Dynamic QR Bot</div>
<div class="dc-pf-desc">Create and manage dynamic QR codes for various campaigns.</div>
</div>
<div class="dc-pf-card">
<div class="dc-pf-top">
<div class="dc-pf-icon c-green">
<svg viewBox="0 0 24 24" fill="none"><path d="M20 12v9H4v-9M2 7h20v5H2zM12 22V7M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7ZM12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7Z" stroke="#fff" stroke-width="1.8" stroke-linejoin="round"/></svg>
</div>
<svg class="dc-pf-arrow" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-pf-name">Reward Points</div>
<div class="dc-pf-desc">Run comprehensive loyalty programs with point tracking.</div>
</div>
<div class="dc-pf-card">
<div class="dc-pf-top">
<div class="dc-pf-icon c-purple">
<svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="9" stroke="#fff" stroke-width="1.8"/><circle cx="8.5" cy="10" r="1.3" fill="#fff"/><circle cx="15.5" cy="9" r="1.3" fill="#fff"/><circle cx="16" cy="15" r="1.3" fill="#fff"/><path d="M12 3a9 9 0 0 0 0 18c1.4 0 2-1 2-2s-.6-1.5-.6-2.5.6-1.5 1.6-1.5H17a4 4 0 0 0 4-4c0-4.4-4-8-9-8Z" stroke="#fff" stroke-width="1.8" stroke-linejoin="round"/></svg>
</div>
<svg class="dc-pf-arrow" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-pf-name">Dynamic Experiences</div>
<div class="dc-pf-desc">Create dynamic images and HTML pages for rich interactions.</div>
</div>
<div class="dc-pf-card">
<div class="dc-pf-top">
<div class="dc-pf-icon c-blue">
<svg viewBox="0 0 24 24" fill="none"><path d="M22 12v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-6" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><path d="m2 12 4-8h12l4 8M2 12h6a2 2 0 0 0 4 0h6" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<svg class="dc-pf-arrow" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-pf-name">Unified Team Inbox</div>
<div class="dc-pf-desc">Multi-channel chat panel for your team to manage communication easily.</div>
</div>
<div class="dc-pf-card">
<div class="dc-pf-top">
<div class="dc-pf-icon c-teal">
<svg viewBox="0 0 24 24" fill="none"><circle cx="6" cy="6" r="3" stroke="#fff" stroke-width="1.8"/><circle cx="6" cy="18" r="3" stroke="#fff" stroke-width="1.8"/><circle cx="18" cy="12" r="3" stroke="#fff" stroke-width="1.8"/><path d="M8.5 7.5 15.5 11M8.5 16.5 15.5 13" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/></svg>
</div>
<svg class="dc-pf-arrow" viewBox="0 0 24 24" fill="none"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="dc-pf-name">Automation Builder</div>
<div class="dc-pf-desc">Easily integrate with Shopify, WooCommerce and 1000+ tools.</div>
</div>
</div>
</div>
</section>
<div class="dc-cta-wrap">
<div class="dc-cta-banner">
<div class="dc-orb o1"></div>
<div class="dc-orb o2"></div>
<div class="dc-orb o3"></div>
<div class="dc-orb o4"></div>
<div class="dc-shimmer"></div>
<div class="dc-cta-content">
<h2 class="dc-cta-title">Ready to Transform Your Business?</h2>
<p class="dc-cta-sub">Join 500+ businesses already growing with our platform</p>
<a href="#" class="dc-cta-btn">
Get Started Now
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a>
</div>
</div>
</div>
<?php include __DIR__ . '/includes/footer.php'; ?>
</body>
</html>