|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Taqnify | Digital Transformation & Tech Solutions</title> |
|
|
<meta name="description" content="Taqnify provides cutting-edge tech solutions including AI integration, cybersecurity, and custom software development for businesses in Morocco and beyond."> |
|
|
<link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script> |
|
|
tailwind.config = { |
|
|
theme: { |
|
|
extend: { |
|
|
colors: { |
|
|
primary: '#1E3A8A', |
|
|
secondary: '#0E7490', |
|
|
accent: '#7DD3FC', |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</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="components/navbar.js"></script> |
|
|
<script src="components/footer.js"></script> |
|
|
</head> |
|
|
<body class="bg-gray-50"> |
|
|
<custom-navbar></custom-navbar> |
|
|
|
|
|
|
|
|
<section class="relative bg-gradient-to-r from-primary to-secondary text-white py-20 md:py-32"> |
|
|
<div class="absolute inset-0 bg-black opacity-40"></div> |
|
|
<div class="container mx-auto px-6 relative z-10"> |
|
|
<div class="max-w-3xl"> |
|
|
<h1 class="text-4xl md:text-6xl font-bold mb-6">Transform Your Business with <span class="text-accent">Digital Innovation</span></h1> |
|
|
<p class="text-xl md:text-2xl mb-8">We deliver cutting-edge tech solutions from AI integration to cybersecurity, tailored to your business needs.</p> |
|
|
<div class="flex flex-wrap gap-4"> |
|
|
<a href="/services" class="bg-accent hover:bg-blue-300 text-primary font-bold py-3 px-6 rounded-lg transition duration-300">Explore Services</a> |
|
|
<a href="/contact" class="border-2 border-white hover:bg-white hover:text-primary font-bold py-3 px-6 rounded-lg transition duration-300">Get a Demo</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="absolute inset-0 overflow-hidden"> |
|
|
<img src="http://static.photos/technology/1200x630/5" alt="Technology background" class="w-full h-full object-cover"> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">What We Do</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">We specialize in transforming businesses through innovative technology solutions across multiple domains.</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> |
|
|
|
|
|
<div class="bg-gray-50 p-6 rounded-xl hover:shadow-lg transition duration-300"> |
|
|
<div class="bg-primary bg-opacity-10 w-16 h-16 rounded-lg flex items-center justify-center mb-6"> |
|
|
<i data-feather="shield" class="text-primary w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Security & Networking</h3> |
|
|
<p class="text-gray-600">Comprehensive cybersecurity solutions to protect your digital assets.</p> |
|
|
<a href="/services/security" class="mt-4 inline-flex items-center text-primary font-medium hover:underline"> |
|
|
Learn more <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-50 p-6 rounded-xl hover:shadow-lg transition duration-300"> |
|
|
<div class="bg-primary bg-opacity-10 w-16 h-16 rounded-lg flex items-center justify-center mb-6"> |
|
|
<i data-feather="cpu" class="text-primary w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">AI & Automation</h3> |
|
|
<p class="text-gray-600">Integrate cutting-edge AI and automation into your workflows.</p> |
|
|
<a href="/services/ai" class="mt-4 inline-flex items-center text-primary font-medium hover:underline"> |
|
|
Learn more <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-50 p-6 rounded-xl hover:shadow-lg transition duration-300"> |
|
|
<div class="bg-primary bg-opacity-10 w-16 h-16 rounded-lg flex items-center justify-center mb-6"> |
|
|
<i data-feather="code" class="text-primary w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Software Development</h3> |
|
|
<p class="text-gray-600">Custom software solutions tailored to your business requirements.</p> |
|
|
<a href="/services/software" class="mt-4 inline-flex items-center text-primary font-medium hover:underline"> |
|
|
Learn more <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-50 p-6 rounded-xl hover:shadow-lg transition duration-300"> |
|
|
<div class="bg-primary bg-opacity-10 w-16 h-16 rounded-lg flex items-center justify-center mb-6"> |
|
|
<i data-feather="refresh-cw" class="text-primary w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Digital Transformation</h3> |
|
|
<p class="text-gray-600">Modernize your business processes with our digital expertise.</p> |
|
|
<a href="/services/transformation" class="mt-4 inline-flex items-center text-primary font-medium hover:underline"> |
|
|
Learn more <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-12"> |
|
|
<a href="/services" class="inline-flex items-center bg-primary hover:bg-blue-900 text-white font-bold py-3 px-6 rounded-lg transition duration-300"> |
|
|
View All Services <i data-feather="chevron-right" class="ml-2 w-5 h-5"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-gray-50"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Featured Project</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">Discover how we helped a client transform their business with our solutions.</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"> |
|
|
<div class="order-2 lg:order-1"> |
|
|
<h3 class="text-2xl font-bold mb-4">AI-Powered Document Management System</h3> |
|
|
<p class="text-gray-600 mb-6">We developed a custom AI solution for a large financial institution to automate their document processing workflow, reducing manual work by 70% and improving accuracy.</p> |
|
|
<div class="grid grid-cols-2 gap-4 mb-6"> |
|
|
<div> |
|
|
<p class="text-3xl font-bold text-primary">70%</p> |
|
|
<p class="text-gray-600">Time saved</p> |
|
|
</div> |
|
|
<div> |
|
|
<p class="text-3xl font-bold text-primary">99.5%</p> |
|
|
<p class="text-gray-600">Accuracy rate</p> |
|
|
</div> |
|
|
</div> |
|
|
<a href="/projects/ai-document-management" class="inline-flex items-center bg-primary hover:bg-blue-900 text-white font-bold py-3 px-6 rounded-lg transition duration-300"> |
|
|
View Case Study <i data-feather="chevron-right" class="ml-2 w-5 h-5"></i> |
|
|
</a> |
|
|
</div> |
|
|
<div class="order-1 lg:order-2 rounded-xl overflow-hidden shadow-lg"> |
|
|
<img src="http://static.photos/finance/640x360/7" alt="AI Document Management System" class="w-full h-auto"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Latest Insights</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">Stay updated with the latest trends and best practices in technology.</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="bg-gray-50 rounded-xl overflow-hidden hover:shadow-lg transition duration-300"> |
|
|
<img src="http://static.photos/technology/640x360/10" alt="AI Trends" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center text-sm text-gray-500 mb-3"> |
|
|
<span>June 15, 2023</span> |
|
|
<span class="mx-2">•</span> |
|
|
<span>5 min read</span> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Emerging AI Trends for Business in 2023</h3> |
|
|
<p class="text-gray-600 mb-4">Discover how businesses are leveraging the latest AI advancements to gain competitive advantage.</p> |
|
|
<a href="/blog/ai-trends-2023" class="inline-flex items-center text-primary font-medium hover:underline"> |
|
|
Read more <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-50 rounded-xl overflow-hidden hover:shadow-lg transition duration-300"> |
|
|
<img src="http://static.photos/cybersecurity/640x360/12" alt="Cybersecurity" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center text-sm text-gray-500 mb-3"> |
|
|
<span>May 28, 2023</span> |
|
|
<span class="mx-2">•</span> |
|
|
<span>7 min read</span> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Essential Cybersecurity Practices for SMEs</h3> |
|
|
<p class="text-gray-600 mb-4">Protect your business with these fundamental cybersecurity measures that every company should implement.</p> |
|
|
<a href="/blog/cybersecurity-practices" class="inline-flex items-center text-primary font-medium hover:underline"> |
|
|
Read more <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-50 rounded-xl overflow-hidden hover:shadow-lg transition duration-300"> |
|
|
<img src="http://static.photos/workflow/640x360/15" alt="Digital Transformation" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-center text-sm text-gray-500 mb-3"> |
|
|
<span>April 10, 2023</span> |
|
|
<span class="mx-2">•</span> |
|
|
<span>6 min read</span> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Digital Transformation: Avoiding Common Pitfalls</h3> |
|
|
<p class="text-gray-600 mb-4">Learn from others' mistakes and ensure your digital transformation journey is smooth and successful.</p> |
|
|
<a href="/blog/digital-transformation-pitfalls" class="inline-flex items-center text-primary font-medium hover:underline"> |
|
|
Read more <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-12"> |
|
|
<a href="/blog" class="inline-flex items-center bg-primary hover:bg-blue-900 text-white font-bold py-3 px-6 rounded-lg transition duration-300"> |
|
|
View All Articles <i data-feather="chevron-right" class="ml-2 w-5 h-5"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-gradient-to-r from-primary to-secondary text-white"> |
|
|
<div class="container mx-auto px-6 text-center"> |
|
|
<h2 class="text-3xl md: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 discuss how Taqnify can help you leverage technology to achieve your business goals.</p> |
|
|
<div class="flex flex-wrap justify-center gap-4"> |
|
|
<a href="/contact" class="bg-accent hover:bg-blue-300 text-primary font-bold py-3 px-6 rounded-lg transition duration-300">Get in Touch</a> |
|
|
<a href="tel:+212666953472" class="border-2 border-white hover:bg-white hover:text-primary font-bold py-3 px-6 rounded-lg transition duration-300">Call Us Now</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<custom-footer></custom-footer> |
|
|
|
|
|
<script> |
|
|
feather.replace(); |
|
|
</script> |
|
|
<script src="script.js"></script> |
|
|
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
|
|
</body> |
|
|
</html> |
