|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Sysmotix - AI Automation for Quebec SMEs</title> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script> |
|
|
<style> |
|
|
.vanta-background { |
|
|
position: fixed; |
|
|
top: 0; |
|
|
left: 0; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
z-index: -1; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="text-white"> |
|
|
<div id="vanta-background" class="vanta-background"></div> |
|
|
|
|
|
<custom-navbar></custom-navbar> |
|
|
|
|
|
<main class="container mx-auto px-4 py-12 max-w-6xl bg-opacity-90 bg-slate-900 rounded-xl shadow-2xl"> |
|
|
|
|
|
<section class="text-center py-20"> |
|
|
<h1 class="text-5xl font-bold mb-6">Transform Your Business with <span class="text-teal-400">AI Automation</span></h1> |
|
|
<p class="text-xl mb-8 max-w-2xl mx-auto">Quebec's trusted partner for intelligent workflow automation. Prove the ROI before you commit.</p> |
|
|
<button class="bg-teal-400 hover:bg-teal-300 text-slate-900 font-bold py-3 px-8 rounded-full text-lg transition-all duration-300 transform hover:scale-105 shadow-lg"> |
|
|
Get Your Free Pilot |
|
|
</button> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 border-t border-slate-700"> |
|
|
<h2 class="text-3xl font-bold mb-12 text-center">The Hidden Costs of Manual Operations</h2> |
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
<div class="bg-slate-800 p-6 rounded-xl hover:bg-slate-700 transition-all"> |
|
|
<div class="text-teal-400 mb-4"> |
|
|
<i data-feather="dollar-sign" width="40" height="40"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Revenue Leaks</h3> |
|
|
<p>Inefficient processes drain 20-30% of revenue through errors, delays, and missed opportunities.</p> |
|
|
</div> |
|
|
<div class="bg-slate-800 p-6 rounded-xl hover:bg-slate-700 transition-all"> |
|
|
<div class="text-teal-400 mb-4"> |
|
|
<i data-feather="clock" width="40" height="40"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Time Waste</h3> |
|
|
<p>Employees spend 40% of their time on repetitive tasks that could be automated.</p> |
|
|
</div> |
|
|
<div class="bg-slate-800 p-6 rounded-xl hover:bg-slate-700 transition-all"> |
|
|
<div class="text-teal-400 mb-4"> |
|
|
<i data-feather="trending-down" width="40" height="40"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Competitive Lag</h3> |
|
|
<p>Businesses without automation fall behind as competitors leverage AI to scale efficiently.</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 border-t border-slate-700"> |
|
|
<h2 class="text-3xl font-bold mb-12 text-center">Our <span class="text-teal-400">3-Step</span> Automation Process</h2> |
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
<div class="text-center"> |
|
|
<div class="bg-slate-800 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 text-teal-400"> |
|
|
<i data-feather="search" width="30" height="30"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">1. Analyze</h3> |
|
|
<p>We identify your most costly operational bottlenecks through deep workflow analysis.</p> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<div class="bg-slate-800 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 text-teal-400"> |
|
|
<i data-feather="cpu" width="30" height="30"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">2. Automate</h3> |
|
|
<p>We implement custom AI solutions that work with your existing systems.</p> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<div class="bg-slate-800 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 text-teal-400"> |
|
|
<i data-feather="bar-chart-2" width="30" height="30"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">3. Grow</h3> |
|
|
<p>We measure performance improvements and scale successful automations.</p> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-gradient-to-r from-cyan-500 to-teal-500 rounded-xl px-6 mb-16"> |
|
|
<div class="max-w-4xl mx-auto text-center"> |
|
|
<h2 class="text-3xl font-bold mb-6">The Data Doesn't Lie</h2> |
|
|
<p class="text-lg mb-8">At Sysmotix, we don't rely on vague promises — we rely on data. Studies show that over 53% of organizations are already seeing a measurable ROI from AI adoption, and every $1 invested in AI generates an average of $3.50 in return. Businesses that strategically integrate AI report sales growth between 10% and 20%, while the global AI automation market is projected to surge from $3.7 billion in 2023 to over $100 billion by 2032.</p> |
|
|
<p class="text-xl font-semibold">These numbers aren't just trends — they are proof that automation is transforming how small and medium-sized enterprises grow, compete, and lead.</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 border-t border-slate-700"> |
|
|
<h2 class="text-3xl font-bold mb-12 text-center">Our <span class="text-teal-400">Technology</span> Stack</h2> |
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-8"> |
|
|
<div class="flex flex-col items-center"> |
|
|
<div class="bg-slate-800 w-16 h-16 rounded-full flex items-center justify-center mb-4"> |
|
|
<i data-feather="code" width="24" height="24" class="text-teal-400"></i> |
|
|
</div> |
|
|
<span>Custom AI Models</span> |
|
|
</div> |
|
|
<div class="flex flex-col items-center"> |
|
|
<div class="bg-slate-800 w-16 h-16 rounded-full flex items-center justify-center mb-4"> |
|
|
<i data-feather="zap" width="24" height="24" class="text-teal-400"></i> |
|
|
</div> |
|
|
<span>n8n Automation</span> |
|
|
</div> |
|
|
<div class="flex flex-col items-center"> |
|
|
<div class="bg-slate-800 w-16 h-16 rounded-full flex items-center justify-center mb-4"> |
|
|
<i data-feather="database" width="24" height="24" class="text-teal-400"></i> |
|
|
</div> |
|
|
<span>Data Integration</span> |
|
|
</div> |
|
|
<div class="flex flex-col items-center"> |
|
|
<div class="bg-slate-800 w-16 h-16 rounded-full flex items-center justify-center mb-4"> |
|
|
<i data-feather="cloud" width="24" height="24" class="text-teal-400"></i> |
|
|
</div> |
|
|
<span>Cloud Infrastructure</span> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 border-t border-slate-700"> |
|
|
<h2 class="text-3xl font-bold mb-12 text-center">Trusted By Quebec Businesses</h2> |
|
|
<div class="bg-slate-800 p-8 rounded-xl grid grid-cols-2 md:grid-cols-4 gap-8 items-center justify-items-center"> |
|
|
<div class="text-center p-4"> |
|
|
<div class="text-4xl font-bold text-teal-400 mb-2">20+</div> |
|
|
<div class="text-sm">Successful Pilots</div> |
|
|
</div> |
|
|
<div class="text-center p-4"> |
|
|
<div class="text-4xl font-bold text-teal-400 mb-2">100%</div> |
|
|
<div class="text-sm">Client Retention</div> |
|
|
</div> |
|
|
<div class="text-center p-4"> |
|
|
<div class="text-4xl font-bold text-teal-400 mb-2">3-6x</div> |
|
|
<div class="text-sm">Average ROI</div> |
|
|
</div> |
|
|
<div class="text-center p-4"> |
|
|
<div class="text-4xl font-bold text-teal-400 mb-2">24/7</div> |
|
|
<div class="text-sm">Support</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="text-center py-20"> |
|
|
<h2 class="text-4xl font-bold mb-6">Ready to Transform Your Business?</h2> |
|
|
<p class="text-xl mb-8 max-w-2xl mx-auto">Let's start with a free pilot to prove the value before you commit.</p> |
|
|
<button class="bg-teal-400 hover:bg-teal-300 text-slate-900 font-bold py-3 px-8 rounded-full text-lg transition-all duration-300 transform hover:scale-105 shadow-lg"> |
|
|
Get Your Free Pilot |
|
|
</button> |
|
|
</section> |
|
|
</main> |
|
|
|
|
|
<custom-footer></custom-footer> |
|
|
|
|
|
<script src="components/navbar.js"></script> |
|
|
<script src="components/footer.js"></script> |
|
|
<script src="script.js"></script> |
|
|
<script> |
|
|
feather.replace(); |
|
|
VANTA.NET({ |
|
|
el: "#vanta-background", |
|
|
color: 0x102A43, |
|
|
backgroundColor: 0x010A13, |
|
|
points: 12, |
|
|
maxDistance: 20, |
|
|
spacing: 15 |
|
|
}); |
|
|
</script> |
|
|
<script src="https://deepsite.hf.co/deepsite-badge.js"></script> |
|
|
</body> |
|
|
</html> |
