quantummind-ascendancy / resources.html
shivay00001's picture
add lin abs section, pricing section. resources section with product links, about sections and contact section 7479701271 support@visionquantech.com, team@visionquantech.com and shivaysinghrajput@proton.me address chennai , madras tamilanadu india 600036 and social media links
0d2d0a5 verified
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Resources | VisionQuantech</title>
<meta name="description" content="Explore our library of AI resources, documentation, and product guides">
<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="components/navbar.js"></script>
<script src="components/footer.js"></script>
</head>
<body class="bg-gray-50 text-gray-900 font-sans antialiased">
<custom-navbar></custom-navbar>
<!-- Resources Hero -->
<section class="relative bg-gradient-to-br from-primary to-gray-900 text-white py-28">
<div class="container mx-auto px-6">
<div class="max-w-3xl">
<h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
AI Resources <span class="text-accent">Library</span>
</h1>
<p class="text-xl md:text-2xl mb-10">
Documentation, guides, and tools to help you get the most from our AI products.
</p>
</div>
</div>
<div class="absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-gray-50 to-transparent"></div>
</section>
<!-- Resource Categories -->
<section class="py-20 bg-white">
<div class="container mx-auto px-6">
<h2 class="text-3xl font-bold text-center mb-16">Browse Resources</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Documentation -->
<div class="bg-gray-50 rounded-xl p-8 shadow-sm hover:shadow-md transition-shadow duration-300">
<div class="bg-accent/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
<i data-feather="book" class="text-accent"></i>
</div>
<h3 class="text-xl font-bold mb-4">Product Documentation</h3>
<p class="text-gray-600 mb-6">Comprehensive technical documentation for all our AI products and APIs.</p>
<a href="/resources/documentation" class="text-accent font-medium flex items-center">
View Documentation <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
</a>
</div>
<!-- Tutorials -->
<div class="bg-gray-50 rounded-xl p-8 shadow-sm hover:shadow-md transition-shadow duration-300">
<div class="bg-purple-500/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
<i data-feather="code" class="text-purple-500"></i>
</div>
<h3 class="text-xl font-bold mb-4">Tutorials & Guides</h3>
<p class="text-gray-600 mb-6">Step-by-step tutorials to help you implement our AI solutions.</p>
<a href="/resources/tutorials" class="text-accent font-medium flex items-center">
Explore Tutorials <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
</a>
</div>
<!-- API Reference -->
<div class="bg-gray-50 rounded-xl p-8 shadow-sm hover:shadow-md transition-shadow duration-300">
<div class="bg-pink-500/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
<i data-feather="terminal" class="text-pink-500"></i>
</div>
<h3 class="text-xl font-bold mb-4">API Reference</h3>
<p class="text-gray-600 mb-6">Detailed API documentation with code examples in multiple languages.</p>
<a href="/resources/api" class="text-accent font-medium flex items-center">
View API Reference <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
</a>
</div>
<!-- Case Studies -->
<div class="bg-gray-50 rounded-xl p-8 shadow-sm hover:shadow-md transition-shadow duration-300">
<div class="bg-blue-500/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
<i data-feather="layers" class="text-blue-500"></i>
</div>
<h3 class="text-xl font-bold mb-4">Case Studies</h3>
<p class="text-gray-600 mb-6">Real-world examples of how organizations use our AI solutions.</p>
<a href="/resources/case-studies" class="text-accent font-medium flex items-center">
View Case Studies <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
</a>
</div>
<!-- Whitepapers -->
<div class="bg-gray-50 rounded-xl p-8 shadow-sm hover:shadow-md transition-shadow duration-300">
<div class="bg-green-500/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
<i data-feather="file-text" class="text-green-500"></i>
</div>
<h3 class="text-xl font-bold mb-4">Whitepapers</h3>
<p class="text-gray-600 mb-6">In-depth technical papers on our AI research and methodologies.</p>
<a href="/resources/whitepapers" class="text-accent font-medium flex items-center">
Read Whitepapers <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
</a>
</div>
<!-- Webinars -->
<div class="bg-gray-50 rounded-xl p-8 shadow-sm hover:shadow-md transition-shadow duration-300">
<div class="bg-yellow-500/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
<i data-feather="video" class="text-yellow-500"></i>
</div>
<h3 class="text-xl font-bold mb-4">Webinars</h3>
<p class="text-gray-600 mb-6">Recorded and upcoming webinars on AI topics and product features.</p>
<a href="/resources/webinars" class="text-accent font-medium flex items-center">
Watch Webinars <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
</a>
</div>
</div>
</div>
</section>
<!-- Product Resources -->
<section class="py-20 bg-gray-50">
<div class="container mx-auto px-6">
<h2 class="text-3xl font-bold text-center mb-16">Product-Specific Resources</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<!-- ASI Brain System -->
<div class="bg-white rounded-xl p-6 shadow-lg">
<div class="flex items-center mb-6">
<div class="bg-gradient-to-r from-primary to-secondary p-3 rounded-lg mr-4">
<i data-feather="cpu" class="text-white"></i>
</div>
<div>
<h3 class="text-xl font-bold">ASI Brain System</h3>
<p class="text-gray-600">Advanced artificial superintelligence platform</p>
</div>
</div>
<div class="space-y-4">
<a href="/resources/asi/getting-started" class="flex items-center text-accent hover:text-blue-600">
<i data-feather="book-open" class="mr-2 w-4 h-4"></i>
Getting Started Guide
</a>
<a href="/resources/asi/api-reference" class="flex items-center text-accent hover:text-blue-600">
<i data-feather="terminal" class="mr-2 w-4 h-4"></i>
API Reference
</a>
<a href="/resources/asi/tutorials" class="flex items-center text-accent hover:text-blue-600">
<i data-feather="code" class="mr-2 w-4 h-4"></i>
Tutorials
</a>
</div>
</div>
<!-- VisionWire -->
<div class="bg-white rounded-xl p-6 shadow-lg">
<div class="flex items-center mb-6">
<div class="bg-gradient-to-r from-secondary to-purple-600 p-3 rounded-lg mr-4">
<i data-feather="book" class="text-white"></i>
</div>
<div>
<h3 class="text-xl font-bold">VisionWire</h3>
<p class="text-gray-600">Universal education automation platform</p>
</div>
</div>
<div class="space-y-4">
<a href="/resources/visionwire/getting-started" class="flex items-center text-accent hover:text-blue-600">
<i data-feather="book-open" class="mr-2 w-4 h-4"></i>
Getting Started Guide
</a>
<a href="/resources/visionwire/integration-guide" class="flex items-center text-accent hover:text-blue-600">
<i data-feather="settings" class="mr-2 w-4 h-4"></i>
Integration Guide
</a>
<a href="/resources/visionwire/case-studies" class="flex items-center text-accent hover:text-blue-600">
<i data-feather="layers" class="mr-2 w-4 h-4"></i>
Case Studies
</a>
</div>
</div>
</div>
</div>
</section>
<custom-footer></custom-footer>
<script>
feather.replace();
</script>
</body>
</html>