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>About Us | VisionQuantech</title>
<meta name="description" content="Learn about VisionQuantech's mission, vision, and the team behind India's Immortal Intelligence">
<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>
<!-- About 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">
Pioneering India's <span class="text-accent">AI Revolution</span>
</h1>
<p class="text-xl md:text-2xl mb-10">
From deep research to deployable solutions, we're building the foundation for artificial superintelligence.
</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>
<!-- Our Story -->
<section class="py-20 bg-white">
<div class="container mx-auto px-6">
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-12">Our Story</h2>
<div class="space-y-8">
<div class="flex flex-col md:flex-row gap-8 items-center">
<div class="md:w-1/3">
<div class="bg-gradient-to-br from-primary to-secondary rounded-xl p-1">
<div class="bg-white rounded-lg p-6 h-full">
<h3 class="text-xl font-bold mb-2">2018</h3>
<p class="text-gray-600">Founded as a research initiative at IIT Madras</p>
</div>
</div>
</div>
<div class="md:w-2/3">
<p class="text-gray-600">VisionQuantech began as a small research group exploring quantum computing applications for AI at IIT Madras. Our founders recognized the potential for India to lead in advanced AI systems.</p>
</div>
</div>
<div class="flex flex-col md:flex-row gap-8 items-center">
<div class="md:w-1/3">
<div class="bg-gradient-to-br from-primary to-secondary rounded-xl p-1">
<div class="bg-white rounded-lg p-6 h-full">
<h3 class="text-xl font-bold mb-2">2020</h3>
<p class="text-gray-600">Launched first commercial AI products</p>
</div>
</div>
</div>
<div class="md:w-2/3">
<p class="text-gray-600">After two years of intensive research, we developed our first deployable AI systems focusing on education automation and document intelligence.</p>
</div>
</div>
<div class="flex flex-col md:flex-row gap-8 items-center">
<div class="md:w-1/3">
<div class="bg-gradient-to-br from-primary to-secondary rounded-xl p-1">
<div class="bg-white rounded-lg p-6 h-full">
<h3 class="text-xl font-bold mb-2">2023</h3>
<p class="text-gray-600">ASI Brain System V6.0 launch</p>
</div>
</div>
</div>
<div class="md:w-2/3">
<p class="text-gray-600">Our artificial superintelligence platform represents a breakthrough in cognitive architectures, featuring 82 distinct cognitive modules.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our Team -->
<section class="py-20 bg-gray-50">
<div class="container mx-auto px-6">
<h2 class="text-3xl font-bold text-center mb-16">Leadership Team</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Team Member 1 -->
<div class="bg-white rounded-xl shadow-lg overflow-hidden transition-transform duration-300 hover:scale-[1.02]">
<div class="h-64 bg-gradient-to-r from-primary to-secondary relative">
<div class="absolute -bottom-12 left-1/2 transform -translate-x-1/2 w-24 h-24 rounded-full bg-white border-4 border-white overflow-hidden">
<img src="http://static.photos/technology/200x200/1" alt="Dr. Ramesh Kumar" class="w-full h-full object-cover">
</div>
</div>
<div class="pt-16 pb-6 px-6 text-center">
<h3 class="text-xl font-bold">Dr. Ramesh Kumar</h3>
<p class="text-gray-600 mb-4">Co-Founder & Chief Scientist</p>
<p class="text-gray-600 text-sm">Former AI researcher at IIT Madras with 26 published papers on cognitive architectures</p>
</div>
</div>
<!-- Team Member 2 -->
<div class="bg-white rounded-xl shadow-lg overflow-hidden transition-transform duration-300 hover:scale-[1.02]">
<div class="h-64 bg-gradient-to-r from-secondary to-purple-600 relative">
<div class="absolute -bottom-12 left-1/2 transform -translate-x-1/2 w-24 h-24 rounded-full bg-white border-4 border-white overflow-hidden">
<img src="http://static.photos/technology/200x200/2" alt="Dr. Priya Sharma" class="w-full h-full object-cover">
</div>
</div>
<div class="pt-16 pb-6 px-6 text-center">
<h3 class="text-xl font-bold">Dr. Priya Sharma</h3>
<p class="text-gray-600 mb-4">Co-Founder & CEO</p>
<p class="text-gray-600 text-sm">Ex-Google AI lead with expertise in large-scale neural networks and quantum computing</p>
</div>
</div>
<!-- Team Member 3 -->
<div class="bg-white rounded-xl shadow-lg overflow-hidden transition-transform duration-300 hover:scale-[1.02]">
<div class="h-64 bg-gradient-to-r from-purple-600 to-pink-600 relative">
<div class="absolute -bottom-12 left-1/2 transform -translate-x-1/2 w-24 h-24 rounded-full bg-white border-4 border-white overflow-hidden">
<img src="http://static.photos/technology/200x200/3" alt="Ankit Patel" class="w-full h-full object-cover">
</div>
</div>
<div class="pt-16 pb-6 px-6 text-center">
<h3 class="text-xl font-bold">Ankit Patel</h3>
<p class="text-gray-600 mb-4">CTO</p>
<p class="text-gray-600 text-sm">Lead architect of VisionWire and YOU.PDF platforms with 15 years in AI engineering</p>
</div>
</div>
</div>
</div>
</section>
<!-- Core Values -->
<section class="py-20 bg-white">
<div class="container mx-auto px-6">
<h2 class="text-3xl font-bold text-center mb-16">Our Core Values</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Value 1 -->
<div class="bg-gray-50 rounded-xl p-8 text-center">
<div class="bg-accent/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-6">
<i data-feather="zap" class="text-accent"></i>
</div>
<h3 class="text-xl font-bold mb-4">Radical Innovation</h3>
<p class="text-gray-600">We pursue breakthroughs that redefine what's possible in artificial intelligence.</p>
</div>
<!-- Value 2 -->
<div class="bg-gray-50 rounded-xl p-8 text-center">
<div class="bg-purple-500/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-6">
<i data-feather="shield" class="text-purple-500"></i>
</div>
<h3 class="text-xl font-bold mb-4">Ethical Foundation</h3>
<p class="text-gray-600">All our systems are developed with robust ethical frameworks and safety measures.</p>
</div>
<!-- Value 3 -->
<div class="bg-gray-50 rounded-xl p-8 text-center">
<div class="bg-pink-500/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-6">
<i data-feather="globe" class="text-pink-500"></i>
</div>
<h3 class="text-xl font-bold mb-4">Global Impact</h3>
<p class="text-gray-600">We build technologies that solve real-world problems at scale.</p>
</div>
</div>
</div>
</section>
<custom-footer></custom-footer>
<script>
feather.replace();
</script>
</body>
</html>