Files
Gyannetra_website/index.html
ectasy663 5361e2f800 Adjust hero section positioning and standardize contact information
- Updated hero section CSS to position content lower on the page
- Changed #hero padding-top from 8rem to 4rem with !important flag
- Modified .hero-container to use align-items: flex-start with 10rem top padding
- Added cache-busting parameter to style.css link for browser refresh
- Standardized contact information across all pages:
  - Location: Pune, Maharashtra, India
  - Phone: +91 89491-35299
  - Email: info@gyannetra.com
- Updated footer contact sections in about.html and all service/industry pages
- Fixed CSS syntax error by removing extra closing brace
- Cleaned up unused CSS and JS files for better project organization
2025-05-28 11:04:38 +05:30

576 lines
26 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>Gyannetra — AI Services & Solutions</title>
<link rel="stylesheet" href="css/style.css?v=202412191300" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Navbar scroll effect styles -->
<style>
.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: transparent !important;
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border-bottom: 1px solid transparent;
box-shadow: none;
}
.site-header.scrolled {
background: transparent !important;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.navbar {
padding: 1rem 2rem;
max-width: none !important;
margin: 0 !important;
background: transparent !important;
border-radius: 0 !important;
border: none !important;
box-shadow: none !important;
}
/* Override any existing navbar container styles */
.site-header .navbar,
.site-header .container,
.navbar .container {
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
/* Ensure body has top padding to account for fixed navbar */
body {
padding-top: 80px;
}
</style>
<!-- Enable data nodes after all CSS is loaded -->
<script>
// Wait for all stylesheets to load before enabling nodes
function enableDataNodes() {
// Check if all CSS files are loaded
const cssLoaded = Array.from(document.styleSheets).every(sheet => {
try {
return sheet.cssRules || sheet.rules;
} catch (e) {
return false;
}
});
if (cssLoaded && document.readyState !== 'loading') {
// Remove the aggressive FOUC prevention style
if (window.foucPreventionStyle) {
window.foucPreventionStyle.remove();
}
// Enable nodes with proper CSS variables
document.documentElement.style.setProperty('--data-node-visibility', 'visible');
document.documentElement.style.setProperty('--data-node-opacity', '1');
document.documentElement.style.setProperty('--data-node-position', 'unset');
// Force enable all data nodes and constellations
const dataNodes = document.querySelectorAll('.data-node, .data-constellation');
dataNodes.forEach(node => {
node.style.removeProperty('opacity');
node.style.removeProperty('visibility');
node.style.removeProperty('transform');
});
} else {
// Retry after a short delay
setTimeout(enableDataNodes, 50);
}
}
// Start checking when DOM is interactive
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', enableDataNodes);
} else {
enableDataNodes();
}
// Fallback: ensure nodes are enabled after full page load
window.addEventListener('load', () => {
setTimeout(() => {
// Remove the aggressive FOUC prevention style
if (window.foucPreventionStyle) {
window.foucPreventionStyle.remove();
}
document.documentElement.style.setProperty('--data-node-visibility', 'visible');
document.documentElement.style.setProperty('--data-node-opacity', '1');
document.documentElement.style.setProperty('--data-node-position', 'unset');
// Force enable all data nodes and constellations
const dataNodes = document.querySelectorAll('.data-node, .data-constellation');
dataNodes.forEach(node => {
node.style.removeProperty('opacity');
node.style.removeProperty('visibility');
node.style.removeProperty('transform');
});
}, 150);
});
</script>
</head>
<body>
<div class="atmospheric-bg">
<div class="light-effect-top"></div>
<div class="light-effect-bottom"></div>
<div class="small-light-top"></div>
<div class="small-light-bottom"></div>
<div class="overlay"></div>
<div class="noise"></div>
</div> <!-- NAVBAR --> <header class="site-header">
<nav class="navbar">
<a href="index.html" class="logo">
<img src="assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
<button class="hamburger-menu" aria-label="Toggle menu">
<span class="hamburger-line"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line"></span>
</button>
<ul class="nav-links">
<li class="dropdown"><a href="#" class="nav-link">Services ▾</a>
<ul class="dropdown-menu services-dropdown">
<li><a href="Services/machine-learning.html"><div class="dropdown-item-content"><img src="assets/mlng.png" alt="Machine Learning Icon" class="dropdown-icon"><div class="text-content"><span class="item-title">Machine Learning</span><span class="item-description">We build intelligent systems that learn from data to predict outcomes and automate decisions.</span></div></div></a></li>
<li><a href="Services/data-analysis.html"><div class="dropdown-item-content"><img src="assets/data analytics.png" alt="Data Analysis Icon" class="dropdown-icon"><div class="text-content"><span class="item-title">Data Analytics</span><span class="item-description">We transform raw data into actionable insights, helping you understand trends and optimize performance.</span></div></div></a></li>
<li><a href="Services/generative-ai.html"><div class="dropdown-item-content"><img src="assets/gen ai.png" alt="Generative AI Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Generative AI</span><span class="item-description">We create novel content, from text and images to code, unlocking new possibilities for creativity and efficiency.</span></div></div></a></li>
<li><a href="Services/agentic-ai.html"><div class="dropdown-item-content"><img src="assets/ai agent.png" alt="Agentic AI Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Agentic AI</span><span class="item-description">We develop autonomous AI agents capable of perceiving their environment and taking actions to achieve specific goals.</span></div></div></a></li>
<li><a href="Services/automation-flows.html"><div class="dropdown-item-content"><img src="assets/automation flows.png" alt="Automation Flows Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Automation Flows</span><span class="item-description">We design and implement intelligent automation solutions to streamline your workflows and boost productivity.</span></div></div></a></li>
</ul>
</li>
<li class="dropdown"><a href="#" class="nav-link">Industries ▾</a>
<ul class="dropdown-menu industries-dropdown"> <li><a href="Industries/finance.html"><div class="dropdown-item-content"><img src="assets/Finance Ind.png" alt="Finance Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Finance</span><span class="item-description">Applying AI to enhance fraud detection, risk management, and customer experience.</span></div></div></a></li>
<li><a href="Industries/healthcare.html"><div class="dropdown-item-content"><img src="assets/healthcare ind.png" alt="Healthcare Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Healthcare</span><span class="item-description">Leveraging AI for faster diagnoses, personalized treatments, and improved patient care.</span></div></div></a></li>
<li><a href="Industries/manufacturing.html"><div class="dropdown-item-content"><img src="assets/manufacturing ind.png" alt="Manufacturing Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Manufacturing</span><span class="item-description">Optimizing production processes, predicting maintenance needs, and enhancing quality control with AI.</span></div></div></a></li>
<li><a href="Industries/marketing.html"><div class="dropdown-item-content"><img src="assets/marketing ind.png" alt="Marketing Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Marketing</span><span class="item-description">Personalizing campaigns, predicting consumer behavior, and optimizing marketing spend using AI.</span></div></div></a></li>
<li><a href="Industries/media-entertainment.html"><div class="dropdown-item-content"><img src="assets/media and entertainment ind.png" alt="Media & Entertainment Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Media & Entertainment</span><span class="item-description">Creating engaging content, personalizing recommendations, and optimizing content delivery with AI.</span></div></div></a></li>
<li><a href="Industries/travel.html"><div class="dropdown-item-content"><img src="assets/travel ind.png" alt="Travel Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Travel</span><span class="item-description">Enhancing customer journeys, optimizing pricing, and improving operational efficiency through AI.</span></div></div></a></li> <li><a href="Industries/retail.html"><div class="dropdown-item-content"><img src="assets/retail ind.png" alt="Retail Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Retail</span><span class="item-description">Personalizing shopping experiences, optimizing inventory, and predicting demand with AI.
</span></div></div></a></li>
<li><a href="Industries/case-studies.html"><div class="dropdown-item-content"><img src="assets/case study ind.png" alt="Case Studies Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Case Studies</span><span class="item-description">Real-world examples showcasing how our AI solutions have delivered tangible results for our clients.</span></div></div></a></li>
</ul>
</li> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown">
<li><a href="Education/workshops.html"><div class="dropdown-item-content"><img src="assets/workshops.png" alt="Workshops Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Workshops</span><span class="item-description">Engaging and interactive sessions designed to introduce key AI concepts and practical skills.</span></div></div></a></li>
<li><a href="Education/individual-trainings.html"><div class="dropdown-item-content"><img src="assets/indi training.png" alt="Individual Training Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li>
<li><a href="Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="assets/corpo training.png" alt="Corporate Training Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.
</span></div></div></a></li>
</ul>
</li>
<li><a href="about.html" class="nav-link">About Us</a></li>
<li><a href="contact.html" class="nav-link">Contact Us</a></li>
</ul>
</nav>
</header> <!-- HERO --> <section id="hero">
<div class="hero-overlay"></div>
<div class="hero-container"> <div class="hero-content">
<h1>AI SERVICES<br />AND SOLUTIONS</h1>
<p>Inventing the future, powered by intelligence: We unlock the infinite potential of artificial intelligence to create groundbreaking solutions that anticipate tomorrow's needs.</p>
<a href="contact.html" class="btn-primary">Get Started</a>
</div>
</div>
</section><!-- TECHNOLOGIES -->
<section id="technologies">
<div class="container">
<h2 class="section-heading">TECHNOLOGIES WE USE</h2>
</div>
<!-- Tech Cards Container -->
<div class="tech-cards-container">
<div class="tech-cards-track">
<!-- First row of cards -->
<div class="tech-card" data-tech="ollama">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon ollama"></div>
</div>
<h3>Ollama</h3>
<p>Local LLM deployment</p>
</div>
</div>
<div class="tech-card" data-tech="langchain">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon langchain"></div>
</div>
<h3>LangChain</h3>
<p>LLM application framework</p>
</div>
</div>
<div class="tech-card" data-tech="openai">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon openai"></div>
</div>
<h3>OpenAI</h3>
<p>Advanced AI models</p>
</div>
</div>
<div class="tech-card" data-tech="pytorch">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon pytorch"></div>
</div>
<h3>PyTorch</h3>
<p>Deep learning framework</p>
</div>
</div>
<div class="tech-card" data-tech="tensorflow">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon tensorflow"></div>
</div>
<h3>TensorFlow</h3>
<p>ML platform</p>
</div>
</div>
<div class="tech-card" data-tech="huggingface">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon huggingface"></div>
</div>
<h3>Hugging Face</h3>
<p>ML model hub</p>
</div>
</div>
<div class="tech-card" data-tech="pinecone">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon pinecone"></div>
</div>
<h3>Pinecone</h3>
<p>Vector database</p>
</div>
</div>
<div class="tech-card" data-tech="chroma">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon chroma"></div>
</div>
<h3>Chroma</h3>
<p>Embedding database</p>
</div>
</div>
<div class="tech-card" data-tech="anthropic">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon anthropic"></div>
</div>
<h3>Anthropic</h3>
<p>Claude AI models</p>
</div>
</div>
<div class="tech-card" data-tech="gemini">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon gemini"></div>
</div>
<h3>Gemini</h3>
<p>Google AI models</p>
</div>
</div>
<div class="tech-card" data-tech="llama">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon llama"></div>
</div>
<h3>Llama</h3>
<p>Meta's LLM</p>
</div>
</div>
<div class="tech-card" data-tech="mistral">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon mistral"></div>
</div>
<h3>Mistral AI</h3>
<p>European AI leader</p>
</div>
</div>
<div class="tech-card" data-tech="llamaindex">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon llamaindex"></div>
</div>
<h3>LlamaIndex</h3>
<p>Data framework</p>
</div>
</div>
<div class="tech-card" data-tech="weaviate">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon weaviate"></div>
</div>
<h3>Weaviate</h3>
<p>Vector search engine</p>
</div>
</div>
<div class="tech-card" data-tech="qdrant">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon qdrant"></div>
</div>
<h3>Qdrant</h3>
<p>Vector similarity search</p>
</div>
</div>
<div class="tech-card" data-tech="docker">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon docker"></div>
</div>
<h3>Docker</h3>
<p>Containerization</p>
</div>
</div>
<div class="tech-card" data-tech="groq">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon groq"></div>
</div>
<h3>Groq</h3>
<p>Lightning-fast inference</p>
</div>
</div>
<div class="tech-card" data-tech="vllm">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon vllm"></div>
</div>
<h3>vLLM</h3>
<p>High-throughput serving</p>
</div>
</div>
<div class="tech-card" data-tech="rag">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon rag"></div>
</div>
<h3>RAG</h3>
<p>Retrieval augmented generation</p>
</div>
</div>
<div class="tech-card" data-tech="spacy">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon spacy"></div>
</div>
<h3>spaCy</h3>
<p>NLP library</p>
</div>
</div>
<div class="tech-card" data-tech="haystack">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon haystack"></div>
</div>
<h3>Haystack</h3>
<p>NLP framework</p>
</div>
</div>
<div class="tech-card" data-tech="milvus">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon milvus"></div>
</div>
<h3>Milvus</h3>
<p>Vector database</p>
</div>
</div>
<!-- Duplicate cards for seamless loop -->
<div class="tech-card" data-tech="ollama">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon ollama"></div>
</div>
<h3>Ollama</h3>
<p>Local LLM deployment</p>
</div>
</div>
<div class="tech-card" data-tech="langchain">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon langchain"></div>
</div>
<h3>LangChain</h3>
<p>LLM application framework</p>
</div>
</div>
<div class="tech-card" data-tech="openai">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon openai"></div>
</div>
<h3>OpenAI</h3>
<p>Advanced AI models</p>
</div>
</div>
<div class="tech-card" data-tech="pytorch">
<div class="tech-card-inner">
<div class="tech-icon-wrapper">
<div class="tech-icon pytorch"></div>
</div>
<h3>PyTorch</h3>
<p>Deep learning framework</p>
</div>
</div>
</div>
</div>
</section>
<!-- EXPERTISE -->
<section id="expertise" class="container">
<h2 class="section-heading">OUR EXPERTISE</h2>
<div class="exp-grid"> <div class="exp-item">
<img src="assets/predictive.png" alt="Predictive Analytics Icon" />
<p>Predictive Analytics</p>
<p class="exp-description">Using statistical algorithms and machine learning techniques to forecast future outcomes.</p>
</div> <div class="exp-item">
<img src="assets/technology.png" alt="Automation Icon" />
<p>Automation</p>
<p class="exp-description">Designing and implementing intelligent systems to streamline workflows and boost productivity.</p>
</div> <div class="exp-item">
<img src="assets/analytics (1).png" alt="Data Analysis Icon" />
<p>Data Analysis</p>
<p class="exp-description">Transforming raw data into actionable insights to inform strategic decisions.</p>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="site-footer">
<div class="container"> <div class="footer-content">
<div class="footer-col footer-col-logo">
<a href="index.html" class="logo">
<img src="assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="footer-logo-img">
</a>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="Services/machine-learning.html">Machine Learning</a></li>
<li><a href="Services/data-analysis.html">Data Analysis</a></li>
<li><a href="Services/generative-ai.html">Generative AI</a></li>
<li><a href="Services/agentic-ai.html">Agentic AI</a></li>
<li><a href="Services/automation-flows.html">Automation Flows</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div class="footer-col">
<h3>Contact Us</h3>
<ul>
<li><p><i class="fas fa-map-marker-alt"></i> Pune, Maharashtra, India</p></li>
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
</form>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2025 Gyannetra. All rights reserved. | <a href="privacy-policy.html">Privacy Policy</a> | <a href="terms-of-service.html">Terms of Service</a></p>
</div>
</div> </footer>
<script src="js/menu-dropdown.js" defer></script>
<script src="js/main.js" defer></script>
<script src="js/tech-marquee.js" defer></script>
<script src="js/page-specific.js" defer></script>
<script src="js/dynamic-content.js" defer></script>
<script src="js/form-handler.js" defer></script>
<!-- Navbar scroll effect script -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const header = document.querySelector('.site-header');
function handleScroll() {
const currentScrollY = window.scrollY;
if (currentScrollY > 30) {
header.classList.add('scrolled');
} else {
header.classList.remove('scrolled');
}
}
// Throttle scroll events for better performance
let ticking = false;
function onScroll() {
if (!ticking) {
requestAnimationFrame(function() {
handleScroll();
ticking = false;
});
ticking = true;
}
}
window.addEventListener('scroll', onScroll, { passive: true });
// Initial check
handleScroll();
});
</script>
</body>
</html>