Add Gyannetra website files

This commit is contained in:
2025-05-23 18:42:24 +05:30
parent 03ff911288
commit 226b03b5d7
28 changed files with 7480 additions and 29696 deletions

3
.vscode/settings.json vendored Normal file
View File

@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}

View File

@@ -1,2 +1,217 @@
<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> <!DOCTYPE html>
<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> <html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Corporate Trainings - Gyannetra</title>
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/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">
<style>
.hero-section {
padding-top: 12rem;
padding-bottom: 6rem;
}
.testimonial-quote {
background: rgba(25, 35, 55, 0.3);
border-radius: 10px;
padding: 2rem;
margin: 3rem auto;
max-width: 800px;
font-size: 1.2rem;
font-style: italic;
text-align: center;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.testimonial-quote footer {
margin-top: 1rem;
font-weight: 600;
font-style: normal;
}
.text-center {
text-align: center;
}
#request-proposal {
margin-bottom: 4rem;
}
</style>
</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>
<header class="site-header">
<nav class="navbar container">
<a href="../index.html" class="logo">GYANNETRA</a>
<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 active">Education ▾</a>
<ul class="dropdown-menu education-dropdown">
<li><a href="./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="./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="./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>
<main>
<section class="hero-section">
<div class="container hero-content-columns">
<div class="hero-text-content">
<h1>CORPORATE TRAINING</h1>
<p>We offer customized AI training programs for businesses, designed to meet your specific needs</p>
<a href="../contact.html" class="btn-primary">Request a Training Proposal</a>
</div>
</div>
</section>
<section id="key-training-areas" class="training-programs-section container">
<h2 class="section-heading">KEY TRAINING AREAS</h2>
<div class="cards-container">
<div class="training-card">
<h3>AI Fundamentals</h3>
<p>Comprehensive introduction to AI concepts, machine learning basics, and practical applications in business contexts.</p>
<a href="../contact.html" class="btn-secondary">Learn More</a>
</div>
<div class="training-card">
<h3>Specific AI Technologies</h3>
<p>Focused training on specific AI tools and technologies relevant to your industry and business needs.</p>
<a href="../contact.html" class="btn-secondary">Learn More</a>
</div>
<div class="training-card">
<h3>AI Ethics for Business</h3>
<p>Understanding ethical considerations, responsible AI implementation, and governance frameworks.</p>
<a href="../contact.html" class="btn-secondary">Learn More</a>
</div>
</div>
</section>
<section id="benefits-corporate-training" class="why-choose-us-section container">
<h2 class="section-heading">BENEFITS OF OUR CORPORATE TRAINING</h2>
<div class="cards-container">
<div class="benefit-card">
<img src="../assets/tailored-content-icon.svg" alt="Tailored Content Icon" class="benefit-icon">
<h3>Tailored Content</h3>
<p>Our training programs are customized to address your organization's specific needs, goals, and skill gaps.</p>
</div>
<div class="benefit-card">
<img src="../assets/expert-instructors-icon.svg" alt="Expert Instructors Icon" class="benefit-icon">
<h3>Expert Instructors</h3>
<p>Learn from industry professionals with hands-on experience implementing AI solutions across various sectors.</p>
</div>
<div class="benefit-card">
<img src="../assets/upskilled-workforce-icon.svg" alt="Upskilled Workforce Icon" class="benefit-icon">
<h3>Upskilled Workforce</h3>
<p>Equip your team with the knowledge and practical skills they need to leverage AI effectively in their roles.</p>
</div>
</div>
</section>
<section id="testimonial" class="container">
<div class="testimonial-container">
<blockquote class="testimonial-quote">
<p>"The training from Gyannetra was extremely valuable. Our team is now well-equipped to apply AI concepts in our projects."</p>
<footer>- Operations Manager at a Fortune 500 Company</footer>
</blockquote>
</div>
</section>
<section id="request-proposal" class="container text-center">
<a href="../contact.html" class="btn-primary">REQUEST A CORPORATE TRAINING PROPOSAL</a>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">GYANNETRA</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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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>
// Add any page-specific JS here if needed
document.addEventListener('DOMContentLoaded', function() {
// Initialize any scripts needed for this page
});
</script>
</body>
</html>

View File

@@ -1,2 +1,181 @@
<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> <!DOCTYPE html>
<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> <html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Individual Training - Gyannetra</title>
<link rel="stylesheet" href="../css/style.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">
</head>
<body>
<div class="atmospheric-bg"></div>
<!-- NAVBAR -->
<header class="site-header">
<nav class="navbar container">
<a href="../index.html" class="logo">GYANNETRA</a>
<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 active-nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown">
<li><a href="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="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="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 -->
<section class="hero-section">
<div class="container hero-content-columns">
<div class="hero-text-content">
<h1>INDIVIDUAL TRAINING</h1>
<p>A Gyannetra's training programs asoffered by AI ancisets transmice career advancenmnet, striciall development, and personal enrichment. Learning goals and outcomes.</p>
<a href="../contact.html" class="btn-primary">Enroll in a Program Today</a>
</div>
</div>
</section>
<!-- TRAINING PROGRAMS -->
<section class="training-programs-section container">
<h2 class="section-heading">TRAINING PROGRAMS</h2>
<div class="cards-container">
<div class="training-card">
<h3>Introduction to Machine Learning</h3>
<p><strong>SkillLevel:</strong> Online:Self-pace</p>
<p><strong>Duration:</strong> 8 weeks.</p>
<p><strong>Skill Learning Outcomes.</strong></p>
<ul>
<li>Understand basic algorithms</li>
<li>Dalis preprocessing</li>
</ul>
<a href="../contact.html" class="btn-secondary">Learn More</a>
</div>
<div class="training-card">
<h3>Deep Learning Fundamentals</h3>
<p><strong>Skill Level:</strong> Intermediate</p>
<p><strong>Duration:</strong> 10 week</p>
<p><strong>Key Learning Outames</strong></p>
<ul>
<li>Build CHNs</li>
<li>Implement RNNs</li>
</ul>
<p><strong>Prequisites</strong></p>
<ul>
<li>Knowledge of machine learnes</li>
</ul>
<a href="../contact.html" class="btn-secondary">Learn More</a>
</div>
<div class="training-card">
<h3>AI Ethics for Individuals</h3>
<p><strong>SkillAvdanced</strong> 4 weeek</p>
<p><strong>Duration:</strong> 4 week</p>
<p><strong>Keyrnyeeds: Outcomes</strong></p>
<ul>
<li>Understand ethical praniciples</li>
<li>Address bias and fairness</li>
</ul>
<a href="../contact.html" class="btn-secondary">Learn More</a>
</div>
</div>
</section>
<!-- WHY CHOOSE US SECTION -->
<section class="why-choose-us-section container">
<h2 class="section-heading">WHY CHOOSE GYANNETRA FOR INDIVIDUAL TRAINING?</h2>
<div class="cards-container">
<div class="benefit-card">
<img src="../assets/personalized_learning_icon.svg" alt="Personalized Learning Icon" class="benefit-icon">
<h3>Personalized Learning Paths</h3>
<p>We tailor the training content and pace to your individual learning style, goals, and prior knowledge, ensuring an effective and engaging experience.</p>
</div>
<div class="benefit-card">
<img src="../assets/expert_mentorship_icon.svg" alt="Expert Mentorship Icon" class="benefit-icon">
<h3>Expert Mentorship</h3>
<p>Learn from industry experts and seasoned AI practitioners who provide one-on-one guidance, support, and real-world insights throughout your training journey.</p>
</div>
<div class="benefit-card">
<img src="../assets/career_advancement_icon.svg" alt="Career Advancement Icon" class="benefit-icon">
<h3>Career Advancement</h3>
<p>Acquire in-demand AI skills and knowledge that can significantly boost your career prospects, open new opportunities, and help you achieve your professional aspirations.</p>
</div>
</div>
<a href="../contact.html" class="btn-primary centered-btn">Enroll in a Program Today</a>
</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">GYANNETRA</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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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>
</body>
</html>

164
Education/workshops.html Normal file
View File

@@ -0,0 +1,164 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Workshops - Gyannetra</title> <link rel="stylesheet" href="../css/style.css">
<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">
</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>
<header class="site-header">
<nav class="navbar container">
<a href="../index.html" class="logo">GYANNETRA</a>
<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 active">Education ▾</a>
<ul class="dropdown-menu education-dropdown">
<li><a href="./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="./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="./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>
<main>
<section id="workshops-hero" class="hero-section">
<div class="container">
<h1>AI Workshops & Training</h1>
<p>Enhance your skills with our hands-on workshops and training programs in artificial intelligence.</p>
</div>
</section>
<section id="featured-workshops" class="container">
<h2 class="section-heading">Featured Workshops</h2>
<div class="workshops-grid">
<!-- Workshop Card 1 -->
<div class="workshop-card card-style">
<img src="../assets/workshop-icons/intro-ai.svg" alt="Intro to AI Icon" class="workshop-icon">
<h3>Introduction to AI</h3>
<p>Learn the fundamentals of Artificial Intelligence, machine learning, and deep learning.</p>
<a href="#" class="btn-primary">Learn More</a>
</div>
<!-- Workshop Card 2 -->
<div class="workshop-card card-style">
<img src="../assets/workshop-icons/gen-ai.svg" alt="Generative AI Icon" class="workshop-icon">
<h3>Generative AI Basics</h3>
<p>Explore the concepts and applications of generative models like GANs and Transformers.</p>
<a href="#" class="btn-primary">Learn More</a>
</div>
<!-- Workshop Card 3 -->
<div class="workshop-card card-style">
<img src="../assets/workshop-icons/data-science.svg" alt="Data Science Icon" class="workshop-icon">
<h3>Data Science Essentials</h3>
<p>Get hands-on experience with data cleaning, analysis, and visualization using Python.</p>
<a href="#" class="btn-primary">Learn More</a>
</div>
</div>
<div class="view-all-workshops">
<a href="#" class="btn-primary">View All Workshops</a>
</div>
</section>
<section id="workshop-benefits" class="container benefits-section">
<h2 class="section-heading">Benefits of Our Workshops</h2>
<ul>
<li>Gain practical, hands-on experience with AI tools and techniques.</li>
<li>Learn from industry experts with real-world knowledge.</li>
<li>Network with peers and professionals in the AI field.</li>
<li>Receive up-to-date insights into the latest AI trends and applications.</li>
<li>Boost your career prospects in the rapidly growing field of AI.</li>
</ul>
</section>
<!-- Add more sections as needed, e.g., testimonials, instructors -->
</main>
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">GYANNETRA</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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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>
</body>
</html>

View File

@@ -3,9 +3,209 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Case Studies - Gyannetra</title> <title>Case Studies - Gyannetra</title> <link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <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">
<style>
/* Case Studies Card Styles */
body {
--primary-color: #9333ea; /* Purple tone for case studies */
--primary-color-hover: #7e22ce;
--primary-color-glow: rgba(147, 51, 234, 0.5);
--card-bg: rgba(25, 35, 55, 0.7);
--text-light: #e0e0e0;
--text-muted: #b0b0b0;
}
.articles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
margin-top: 40px;
}
.article-card {
background-color: var(--card-bg);
border-radius: 12px;
padding: 25px;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
border: 1px solid rgba(147, 51, 234, 0.3);
height: 100%;
}
.article-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(147, 51, 234, 0.4);
}
.article-card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.article-card h3 {
font-size: 1.4rem;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}
.article-card p {
font-size: 1rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
.read-more-link {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease, background-color 0.3s ease;
align-self: flex-start;
padding: 8px 15px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.read-more-link:hover {
background-color: var(--primary-color-hover);
color: #fff;
text-decoration: none;
}
.case-studies-hero h1,
.case-studies-filters h2 {
font-size: 2.2rem;
margin-bottom: 30px;
color: var(--primary-color);
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.case-studies-grid-section {
padding: 40px 0 80px;
}
/* Enhanced filter styles */
.filter-controls {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
background-color: rgba(25, 35, 55, 0.5);
padding: 15px;
border-radius: 10px;
border: 1px solid rgba(147, 51, 234, 0.2);
}
.dropdown-filter button,
.search-filter input {
background: rgba(255, 255, 255, 0.1);
border: 1px solid var(--primary-color);
padding: 10px 15px;
border-radius: 5px;
color: var(--text-light);
transition: all 0.3s ease;
}
.dropdown-filter button:hover,
.search-filter input:focus {
background: rgba(255, 255, 255, 0.15);
border-color: var(--primary-color-hover);
}
.search-filter input {
width: 250px;
}
.search-filter i {
color: var(--primary-color);
margin-right: 8px;
}
/* Added Footer CSS */
.site-footer {
background-color: #0f172a;
color: var(--text-muted);
padding: 50px 0;
font-size: 0.95rem;
}
.footer-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
margin-bottom: 40px;
}
.footer-col {
flex: 1;
min-width: 220px;
}
.footer-col-logo .logo {
font-size: 1.8rem;
color: #fff;
margin-bottom: 15px;
display: inline-block;
}
.footer-col h3 {
font-size: 1.2rem;
color: #fff;
margin-bottom: 20px;
font-weight: 600;
}
.footer-col ul {
list-style: none;
padding: 0;
}
.footer-col ul li {
margin-bottom: 10px;
}
.footer-col ul li a {
color: var(--text-muted);
text-decoration: none;
transition: color 0.3s ease;
}
.footer-col ul li a:hover {
color: var(--primary-color);
}
.footer-col p {
margin-bottom: 10px;
line-height: 1.7;
}
.footer-col .social-links a {
color: var(--text-muted);
margin-right: 15px;
font-size: 1.3rem;
transition: color 0.3s ease;
}
.footer-col .social-links a:hover {
color: var(--primary-color);
}
.footer-bottom {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 0.9rem;
}
.footer-col p a {
color: var(--text-muted);
text-decoration: none;
}
.footer-col p a:hover {
color: var(--primary-color);
text-decoration: underline;
}
/* End of Added Footer CSS */
</style>
</head> </head>
<body> <body>
<div class="atmospheric-bg"> <div class="atmospheric-bg">
@@ -25,9 +225,9 @@
<ul class="dropdown-menu services-dropdown"> <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/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/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="" 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/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/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="" 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> <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> </ul>
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Industries ▾</a> <li class="dropdown"><a href="#" class="nav-link">Industries ▾</a>
@@ -38,15 +238,15 @@
<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/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/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/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="" 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/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="case-studies.html" class="active"><div class="dropdown-item-content"><img src="../assets/case study ind.png" alt="" 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> <li><a href="case-studies.html" class="active"><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> </ul>
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/workshops.html"><div class="dropdown-item-content"><img src="../assets/workshops.png" alt="" 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/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="" 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/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="" 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> <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> </ul>
</li> </li>
<li><a href="../about.html" class="nav-link">About Us</a></li> <li><a href="../about.html" class="nav-link">About Us</a></li>
@@ -76,34 +276,42 @@
</div> </div>
</div> </div>
</div> </div>
</section> </section> <section class="case-studies-grid-section">
<section class="case-studies-grid-section">
<div class="container"> <div class="container">
<div class="case-studies-grid"> <div class="articles-grid">
<div class="case-study-card"> <div class="article-card">
<img src="../assets/amazon-logo-placeholder.svg" alt="Amazon Logo" class="case-study-logo"> <img src="../assets/marketing_icon_personalization.svg" alt="Customer Experience" class="case-study-img">
<h3>Enhancing Customer Experience with AI</h3> <h3>Enhancing Customer Experience with AI</h3>
<p>Developed personalized recommendation systems to increase user engagement</p> <p>Developed personalized recommendation systems to increase user engagement and drive 25% improvement in conversion rates for a leading e-commerce platform</p>
<a href="#" class="btn-read-case-study">Read Case Study</a> <a href="#" class="read-more-link">Read Case Study</a>
</div> </div>
<div class="case-study-card"> <div class="article-card">
<img src="../assets/health-logo-placeholder.svg" alt="Health Logo" class="case-study-logo health-plus-logo"> <img src="../assets/diagnostics_icon.svg" alt="Healthcare AI" class="case-study-img">
<h3>AI-Driven Diagnostics for Improved Patient Outcomes</h3> <h3>AI-Driven Diagnostics for Improved Patient Outcomes</h3>
<p>Implemented advanced diagnostic algorithms to assist in early disease detection</p> <p>Implemented advanced diagnostic algorithms to assist in early disease detection, reducing diagnosis time by 40% for a major healthcare provider</p>
<a href="#" class="btn-read-case-study">Read Case Study</a> <a href="#" class="read-more-link">Read Case Study</a>
</div> </div> <div class="article-card">
<div class="case-study-card"> <img src="../assets/supply_chain_icon.svg" alt="Supply Chain Optimization" class="case-study-img">
<img src="../assets/vison-logo-placeholder.svg" alt="Vison Inc Logo" class="case-study-logo">
<h3>Optimizing Supply Chains with Machine Learning</h3> <h3>Optimizing Supply Chains with Machine Learning</h3>
<p>Utilized ML models to enhance demand forecasting and inventory management</p> <p>Utilized ML models to enhance demand forecasting and inventory management, resulting in 30% reduction in stockouts for a global manufacturer</p>
<a href="#" class="btn-read-case-study">Read Case Study</a> <a href="#" class="read-more-link">Read Case Study</a>
</div> </div>
<div class="case-study-card"> <div class="article-card">
<img src="../assets/creative-logo-placeholder.svg" alt="Creative AI Logo" class="case-study-logo"> <img src="../assets/fraud_detection_icon.svg" alt="Fraud Detection" class="case-study-img">
<h3>Generating Creative Content with AI</h3> <h3>Advanced Fraud Detection for Financial Institutions</h3>
<p>Applied generative adversarial networks (GANs) to produce unique, engaging content</p> <p>Implemented a real-time fraud detection system using machine learning that reduced fraudulent transactions by 82% for a leading bank</p>
<a href="#" class="btn-read-case-study">Read Case Study</a> <a href="#" class="read-more-link">Read Case Study</a>
</div> <div class="article-card">
<img src="../assets/marketing_icon_segmentation.svg" alt="Customer Segmentation" class="case-study-img">
<h3>AI-Powered Customer Segmentation for Retail</h3>
<p>Created sophisticated customer segmentation models that increased targeted marketing conversion rates by 45% for a national retail chain</p>
<a href="#" class="read-more-link">Read Case Study</a>
</div>
<div class="article-card">
<img src="../assets/predictive_maintenance_icon.svg" alt="Predictive Maintenance" class="case-study-img">
<h3>Predictive Maintenance for Manufacturing Equipment</h3>
<p>Developed AI systems to predict equipment failures before they occur, reducing maintenance costs by 35% and downtime by 60%</p>
<a href="#" class="read-more-link">Read Case Study</a>
</div> </div>
</div> </div>
</div> </div>
@@ -118,19 +326,55 @@
</section> </section>
</main> </main>
<!-- FOOTER --> <footer class="site-footer">
<footer class="container footer"> <div class="container">
<div class="footer-col"> <div class="footer-content">
<h3>Ready to get started?</h3> <div class="footer-col footer-col-logo">
<a href="../contact.html" class="btn-primary">Get Started</a> <a href="../index.html" class="logo">GYANNETRA</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>
<div class="footer-col"> <div class="footer-col">
<h3>CONTACT US</h3> <h3>Quick Links</h3>
<p>✉️ info@gyannetra.com</p> <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>
</footer> <div class="footer-col">
<h3>Contact Us</h3>
<script src="../js/menu-dropdown.js"></script> <ul>
<script src="../js/main.js"></script> <li><p><i class="fas fa-map-marker-alt"></i> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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>
</body> </body>
</html> </html>

View File

@@ -5,7 +5,158 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Healthcare - Gyannetra</title> <title>Healthcare - Gyannetra</title>
<link rel="stylesheet" href="../css/style.css" /> <link rel="stylesheet" href="../css/style.css" />
<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"> <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">
<style>
/* Healthcare Card Structure Styles */
body {
--primary-color: #00c6ff; /* Blue tone for healthcare */
--primary-color-hover: #0099cc;
--primary-color-glow: rgba(0, 198, 255, 0.5);
--card-bg: rgba(25, 35, 55, 0.7);
--text-light: #e0e0e0;
--text-muted: #b0b0b0;
}
.solutions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 35px;
justify-items: center;
margin-top: 30px;
}
.solution-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
background-color: var(--card-bg);
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(0, 198, 255, 0.3);
width: 100%;
height: 100%;
}
.solution-item:hover {
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.solution-item img {
width: 70px;
height: 70px;
margin-bottom: 20px;
object-fit: contain;
}
.solution-item h3 {
font-size: 1.25rem;
color: var(--text-light);
margin-bottom: 10px;
font-weight: 600;
}
.solution-item p {
color: var(--text-muted);
font-size: 0.95rem;
}
.articles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
}
.article-card {
background-color: var(--card-bg);
border-radius: 12px;
padding: 25px;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
border: 1px solid rgba(0, 198, 255, 0.3);
height: 100%;
}
.article-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(0, 198, 255, 0.4);
}
.article-card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.article-card h3 {
font-size: 1.4rem;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}
.article-card p {
font-size: 1rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
.read-more-link {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease, background-color 0.3s ease;
align-self: flex-start;
padding: 8px 15px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.read-more-link:hover {
background-color: var(--primary-color-hover);
color: #fff;
text-decoration: none;
}
.section-heading {
font-size: 2.2rem;
margin-bottom: 45px;
color: var(--primary-color);
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.industry-benefits ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
list-style: none;
padding: 0;
}
.industry-benefits li {
font-size: 1.15rem;
color: var(--text-light);
display: flex;
align-items: center;
background-color: rgba(0, 198, 255, 0.1);
padding: 12px 18px;
border-radius: 8px;
border-left: 4px solid var(--primary-color);
}
</style>
</head> </head>
<body> <body>
<div class="atmospheric-bg"> <div class="atmospheric-bg">
@@ -85,7 +236,6 @@
</div> </div>
</div> </div>
</section> </section>
<!-- AI SOLUTIONS FOR HEALTHCARE --> <!-- AI SOLUTIONS FOR HEALTHCARE -->
<section class="industry-solutions container"> <section class="industry-solutions container">
<h2 class="section-heading">AI SOLUTIONS FOR HEALTHCARE</h2> <h2 class="section-heading">AI SOLUTIONS FOR HEALTHCARE</h2>
@@ -93,18 +243,22 @@
<div class="solution-item"> <div class="solution-item">
<img src="../assets/diagnostics_icon.svg" alt="Diagnostics Icon" /> <img src="../assets/diagnostics_icon.svg" alt="Diagnostics Icon" />
<h3>Diagnostics</h3> <h3>Diagnostics</h3>
<p>AI-powered diagnostic tools for faster and more accurate disease detection</p>
</div> </div>
<div class="solution-item"> <div class="solution-item">
<img src="../assets/drug_discovery_icon.svg" alt="Drug Discovery Icon" /> <img src="../assets/drug_discovery_icon.svg" alt="Drug Discovery Icon" />
<h3>Drug Discovery</h3> <h3>Drug Discovery</h3>
<p>Accelerating pharmaceutical research with machine learning algorithms</p>
</div> </div>
<div class="solution-item"> <div class="solution-item">
<img src="../assets/personalized_medicine_icon.svg" alt="Personalized Medicine Icon" /> <img src="../assets/personalized_medicine_icon.svg" alt="Personalized Medicine Icon" />
<h3>Personalized Medicine</h3> <h3>Personalized Medicine</h3>
<p>Tailoring treatments to individual patient profiles using AI insights</p>
</div> </div>
<div class="solution-item"> <div class="solution-item">
<img src="../assets/patient_care_automation_icon.svg" alt="Patient Care Automation Icon" /> <img src="../assets/patient_care_automation_icon.svg" alt="Patient Care Automation Icon" />
<h3>Patient Care Automation</h3> <h3>Patient Care Automation</h3>
<p>Streamlining healthcare workflows with intelligent automation solutions</p>
</div> </div>
</div> </div>
</section> </section>
@@ -119,41 +273,81 @@
<li>Enhanced research</li> <li>Enhanced research</li>
</ul> </ul>
</section> </section>
<!-- BLOGS & CASE STUDIES --> <!-- BLOGS & CASE STUDIES -->
<section class="industry-blogs container"> <section class="industry-blogs container">
<h2 class="section-heading">BLOGS & CASE STUDIES</h2> <div class="blogs-grid"> <h2 class="section-heading">BLOGS & CASE STUDIES</h2>
<div class="blog-item"> <div class="articles-grid">
<div class="article-card">
<img src="../assets/diagnostics_icon.svg" alt="AI Diagnostics" />
<h3>AI-Driven Innovations in Diagnostics</h3> <h3>AI-Driven Innovations in Diagnostics</h3>
<p>How AI is transforming the way we diagnose and treat diseases</p> <p>How AI is transforming the way we diagnose and treat diseases through advanced image recognition and pattern analysis</p>
<a href="case-studies.html" class="read-more">Read More</a> <a href="case-studies.html" class="read-more-link">Read More</a>
</div> </div>
<div class="blog-item"> <div class="article-card">
<img src="../assets/healthcare ind.png" alt="Patient Care" />
<h3>Case Study: Enhancing Patient Care</h3> <h3>Case Study: Enhancing Patient Care</h3>
<p>Our work with hospitals to improve patient outcomes through AI</p> <p>Our work with leading hospitals to improve patient outcomes through AI-powered monitoring systems and predictive analytics</p>
<a href="case-studies.html" class="read-more">Read More</a> <a href="case-studies.html" class="read-more-link">Read More</a>
</div> </div>
<div class="blog-item"> <div class="article-card">
<img src="../assets/personalized_medicine_icon.svg" alt="Ethical Considerations" />
<h3>AI in Healthcare: Ethical Considerations</h3> <h3>AI in Healthcare: Ethical Considerations</h3>
<p>Navigating the ethical challenges of AI applications in healthcare</p> <p>Navigating the complex ethical challenges of AI applications in healthcare while ensuring patient privacy and safety</p>
<a href="case-studies.html" class="read-more">Read More</a> <a href="case-studies.html" class="read-more-link">Read More</a>
</div> </div>
</div> </div>
</section> </section>
<!-- FOOTER --> <!-- FOOTER -->
<footer class="container footer"> <footer class="site-footer">
<div class="footer-col"> <div class="container">
<h3>Ready to get started?</h3> <div class="footer-content">
<a href="../contact.html" class="btn-primary">Get Started</a> <div class="footer-col footer-col-logo">
</div> <a href="../index.html" class="logo">GYANNETRA</a>
<div class="footer-col"> <p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<h3>CONTACT US</h3> <div class="social-links">
<p>✉️ info@gyannetra.com</p> <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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> </div>
</footer> </footer>
<script src="../js/menu-dropdown.js" defer></script>
<script src="../js/menu-dropdown.js"></script> <script src="../js/main.js" defer></script>
<script src="../js/main.js"></script>
</body> </body>
</html> </html>

View File

@@ -5,8 +5,195 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>AI in Manufacturing - Gyannetra</title> <title>AI in Manufacturing - Gyannetra</title>
<link rel="stylesheet" href="../css/style.css" /> <link rel="stylesheet" href="../css/style.css" />
<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"> <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">
<style>
/* Manufacturing Page Specific Styles */
body {
--primary-color: #3498db; /* Blue tone for manufacturing */
--primary-color-hover: #2980b9;
--primary-color-glow: rgba(52, 152, 219, 0.5);
--card-bg: rgba(25, 35, 55, 0.7); /* Darker card background */
--text-light: #e0e0e0;
--text-muted: #b0b0b0;
}
/* Hero section */
.manufacturing-hero {
text-align: center;
padding: 80px 20px 60px;
background: linear-gradient(rgba(10, 20, 40, 0.8), rgba(10, 20, 40, 0.95)), url('../assets/manufacturing_hero_bg.jpg') no-repeat center center;
background-size: cover;
border-bottom: 2px solid var(--primary-color-glow);
}
.manufacturing-hero h1 {
font-size: 3.2rem;
margin-bottom: 15px;
color: #fff;
text-shadow: 0 2px 10px rgba(0,0,0,0.7);
}
.manufacturing-hero p {
font-size: 1.1rem;
max-width: 750px;
margin: 0 auto 30px auto;
line-height: 1.7;
color: var(--text-muted);
}
/* Solutions grid */
.solutions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 35px;
}
.solution-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
background-color: var(--card-bg);
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(var(--primary-color-glow),0.4);
}
.solution-item:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(var(--primary-color-glow), 0.4);
}
.solution-item img {
height: 70px;
margin-bottom: 20px;
}
.solution-item h3 {
font-size: 1.25rem;
color: var(--text-light);
margin-bottom: 10px;
font-weight: 600;
}
.solution-item p {
color: var(--text-muted);
font-size: 0.95rem;
}
/* Benefits section */
.benefits-section {
padding: 4rem 0;
}
.benefits-list {
display: flex;
justify-content: space-around;
gap: 20px;
flex-wrap: wrap;
max-width: 900px;
margin: 0 auto;
}
.benefits-section ul {
list-style: none;
padding: 0;
margin: 0;
flex-basis: calc(50% - 20px);
min-width: 300px;
}
.benefits-section li {
font-size: 1.15rem;
color: var(--text-light);
margin-bottom: 18px;
display: flex;
align-items: center;
background-color: rgba(var(--primary-color-glow), 0.1);
padding: 12px 18px;
border-radius: 8px;
border-left: 4px solid var(--primary-color);
}
.benefits-section li i {
color: var(--primary-color);
margin-right: 12px;
font-size: 1.4rem;
}
/* Articles/case studies section */
.articles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
}
.article-card {
background-color: var(--card-bg);
border-radius: 12px;
padding: 25px;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
border: 1px solid rgba(var(--primary-color-glow),0.4);
}
.article-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(var(--primary-color-glow), 0.4);
}
.article-card img {
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.article-card h3 {
font-size: 1.4rem;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}
.article-card p {
font-size: 1rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
.read-more-link {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
align-self: flex-start;
padding: 8px 15px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.read-more-link:hover {
background-color: var(--primary-color-hover);
color: #fff;
text-decoration: none;
}
.section-heading {
text-align: center;
font-size: 2.3rem;
margin-bottom: 3rem;
margin-top: 2rem;
}
</style>
</head> </head>
<body> <body>
<div class="atmospheric-bg"> <div class="atmospheric-bg">
@@ -56,88 +243,127 @@
</nav> </nav>
</header> </header>
<!-- HERO SECTION --> <main class="container manufacturing-page-container">
<section class="hero-manufacturing"> <section class="hero-section manufacturing-hero">
<h1>AI IN MANUFACTURING</h1> <h1>AI IN MANUFACTURING</h1>
<p>AI is optimizing manufacturing processes, enhancing productivity, and reducing costs. Gyannetra brings deep expertise in developing AI-driven solutions tailored for the manufacturing sector.</p> <p>AI is optimizing manufacturing processes, enhancing productivity, and reducing costs. Gyannetra brings deep expertise in developing AI-driven solutions tailored for the manufacturing sector.</p>
</section> </section>
<!-- FEATURES GRID --> <section class="ai-solutions-manufacturing">
<section class="features-grid"> <h2 class="section-heading">KEY AI APPLICATIONS IN MANUFACTURING</h2>
<div class="feature-items-container"> <div class="solutions-grid">
<div class="feature-item"> <div class="solution-item">
<img src="../assets/predictive_maintenance_icon.svg" alt="Predictive Maintenance" /> <img src="../assets/predictive_maintenance_icon.svg" alt="Predictive Maintenance Icon" class="solution-icon">
<p>Predictive Maintenance</p> <h3>Predictive Maintenance</h3>
<p>Minimize downtime and reduce maintenance costs by predicting equipment failures before they occur.</p>
</div>
<div class="solution-item">
<img src="../assets/quality_control_icon.svg" alt="Quality Control Icon" class="solution-icon">
<h3>Quality Control</h3>
<p>Improve product quality and reduce defects through automated visual inspection and anomaly detection.</p>
</div>
<div class="solution-item">
<img src="../assets/supply_chain_icon.svg" alt="Supply Chain Optimization Icon" class="solution-icon">
<h3>Supply Chain Optimization</h3>
<p>Enhance efficiency and resilience in your supply chain with AI-driven forecasting and logistics.</p>
</div>
<div class="solution-item">
<img src="../assets/robotic_automation_icon.svg" alt="Robotic Automation Icon" class="solution-icon">
<h3>Robotic Automation</h3>
<p>Increase productivity and safety by deploying intelligent robots for complex manufacturing tasks.</p>
</div>
</div> </div>
<div class="feature-item"> </section>
<img src="../assets/quality_control_icon.svg" alt="Quality Control" />
<p>Quality Control</p>
</div>
<div class="feature-item">
<img src="../assets/supply_chain_icon.svg" alt="Supply Chain Optimization" />
<p>Supply Chain Optimization</p>
</div>
<div class="feature-item">
<img src="../assets/robotic_automation_icon.svg" alt="Robotic Automation" />
<p>Robotic Automation</p>
</div>
</div>
</section>
<!-- BENEFITS SECTION --> <section class="benefits-section">
<section class="benefits-section"> <h2 class="section-heading">BENEFITS OF AI FOR MANUFACTURING WITH GYANNETRA</h2>
<h2>Benefits of AI for Manufacturing with Gyannetra</h2> <div class="benefits-list">
<div class="benefits-list"> <ul>
<ul> <li><i class="fas fa-check-circle"></i> Increased operational efficiency and throughput</li>
<li>Increased efficiency</li> <li><i class="fas fa-check-circle"></i> Improved product quality and reduced waste</li>
<li>Improved quality</li> <li><i class="fas fa-check-circle"></i> Lower maintenance costs and reduced downtime</li>
</ul> </ul>
<ul> <ul>
<li>Reduced downtime</li> <li><i class="fas fa-check-circle"></i> Enhanced worker safety through automation</li>
<li>Optimized production</li> <li><i class="fas fa-check-circle"></i> Greater flexibility and adaptability in production</li>
</ul> </ul>
</div>
</section>
<!-- BLOGS & CASE STUDIES SECTION -->
<section class="blogs-section">
<h2>Blogs & Case Studies</h2> <div class="blog-items-container">
<div class="blog-item">
<h3>How AI is Transforming Manufacturing</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit sed.</p>
<a href="case-studies.html">Read More</a>
</div> </div>
<div class="blog-item"> </section>
<h3>Case Study: Predictive Maintenance</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit sed.</p>
<a href="case-studies.html">Read Case Study</a>
</div>
<div class="blog-item">
<h3>Enhancing Quality Control with AI</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit sed.</p>
<a href="case-studies.html">Read More</a>
</div>
</div>
</section>
<!-- EXPLORE SOLUTIONS BUTTON --> <section class="manufacturing-case-studies">
<section class="explore-button-container"> <h2 class="section-heading">CASE STUDIES & INSIGHTS</h2>
<a href="case-studies.html" class="explore-button">EXPLORE OUR MANUFACTURING AI SOLUTIONS</a> <div class="articles-grid">
</section> <div class="article-card">
<img src="../assets/manufacturing_case1.jpg" alt="Predictive Maintenance Success">
<h3>Predictive Maintenance Success</h3>
<p>How a manufacturing plant reduced downtime by 35% with our AI-powered predictive maintenance solution.</p>
<a href="case-studies.html" class="read-more-link">Read more</a>
</div>
<div class="article-card">
<img src="../assets/manufacturing_case2.jpg" alt="Quality Control Revolution">
<h3>Quality Control Revolution</h3>
<p>Learn how computer vision and machine learning transformed quality inspection processes.</p>
<a href="case-studies.html" class="read-more-link">Read more</a>
</div>
<div class="article-card">
<img src="../assets/manufacturing_case3.jpg" alt="Supply Chain Optimization">
<h3>Supply Chain Optimization</h3>
<p>Case study: How AI forecasting models improved inventory management and supplier relationships.</p>
<a href="case-studies.html" class="read-more-link">Read more</a>
</div>
</div>
</section>
</main>
<!-- FOOTER --> <footer class="site-footer">
<footer class="container footer"> <div class="container">
<div class="footer-col"> <div class="footer-content">
<h3>Ready to get started?</h3> <div class="footer-col footer-col-logo">
<a href="../contact.html" class="btn-primary">Get Started</a> <a href="../index.html" class="logo">GYANNETRA</a>
</div> <p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="footer-col"> <div class="social-links">
<h3>CONTACT US</h3> <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<p>✉️ info@gyannetra.com</p> <!-- Corrected email --> <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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> </div>
</footer> </footer>
<script src="../js/menu-dropdown.js" defer></script>
<script src="../js/menu-dropdown.js"></script> <script src="../js/main.js" defer></script>
<script src="../js/main.js"></script>
</body> </body>
</html> </html>

View File

@@ -6,59 +6,17 @@
<title>Marketing - Gyannetra</title> <title>Marketing - Gyannetra</title>
<link rel="stylesheet" href="../css/style.css"> <link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <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"> <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"> <style>
<style> /* Marketing Card Structure Styles */
/* Styles specific to marketing.html that aren't in the main CSS file */ body {
.marketing-hero-image img { --primary-color: #ec4899; /* Pink tone for marketing */
max-width: 400px; --primary-color-hover: #db2777;
} --primary-color-glow: rgba(236, 72, 153, 0.5);
--card-bg: rgba(25, 35, 55, 0.7);
/* Only keep page-specific styles that might not be in the main CSS */ --text-light: #e0e0e0;
.feature-icon img { --text-muted: #b0b0b0;
width: 100%;
height: 100%;
object-fit: contain;
} }
.feature-item {
background: rgba(20, 20, 40, 0.5);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
padding: 2rem;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-item:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}
.feature-icon {
width: 60px;
height: 60px;
margin-bottom: 1.5rem;
/* Add filter for glow if needed */
}
.feature-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* Ensure the blog cards look good */
.insight-card-image {
height: 150px;
background-color: #333;
}
/* Any additional customizations for this page */
.advantage-list li {
border-left: 3px solid #a2b0ff;
}
/* Marketing hero section styling */ /* Marketing hero section styling */
.marketing-hero { .marketing-hero {
padding-top: 7rem; padding-top: 7rem;
@@ -82,6 +40,7 @@
.marketing-hero-content h1 { .marketing-hero-content h1 {
font-size: 3rem; font-size: 3rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
color: var(--primary-color);
} }
.marketing-hero-content p { .marketing-hero-content p {
@@ -96,6 +55,171 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.marketing-hero-image img {
max-width: 400px;
}
.solutions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 35px;
justify-items: center;
margin-top: 30px;
}
.solution-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
background-color: var(--card-bg);
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(236, 72, 153, 0.3);
width: 100%;
height: 100%;
}
.solution-item:hover {
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.solution-icon {
width: 70px;
height: 70px;
margin-bottom: 20px;
object-fit: contain;
}
.solution-item h3 {
font-size: 1.25rem;
color: var(--text-light);
margin-bottom: 10px;
font-weight: 600;
}
.solution-item p {
color: var(--text-muted);
font-size: 0.95rem;
}
.articles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
}
.article-card {
background-color: var(--card-bg);
border-radius: 12px;
padding: 25px;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
border: 1px solid rgba(236, 72, 153, 0.3);
height: 100%;
}
.article-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(236, 72, 153, 0.4);
}
.article-card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.article-card h3 {
font-size: 1.4rem;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}
.article-card p {
font-size: 1rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
.read-more-link {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease, background-color 0.3s ease;
align-self: flex-start;
padding: 8px 15px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.read-more-link:hover {
background-color: var(--primary-color-hover);
color: #fff;
text-decoration: none;
}
.features-section h2,
.advantage-section h2,
.blogs-section h2 {
font-size: 2.2rem;
margin-bottom: 45px;
color: var(--primary-color);
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.advantage-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
list-style: none;
padding: 0;
}
.advantage-list li {
font-size: 1.15rem;
color: var(--text-light);
display: flex;
align-items: center;
background-color: rgba(236, 72, 153, 0.1);
padding: 12px 18px;
border-radius: 8px;
border-left: 4px solid var(--primary-color);
}
.explore-button {
display: inline-block;
background-color: var(--primary-color);
color: white;
padding: 12px 24px;
border-radius: 30px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s ease;
border: none;
cursor: pointer;
margin-top: 30px;
}
.explore-button:hover {
background-color: var(--primary-color-hover);
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
</style> </style>
</head> </head>
<body> <body>
@@ -159,30 +283,28 @@
<!-- Placeholder for the head graphic, will create SVG later --> <!-- Placeholder for the head graphic, will create SVG later -->
</div> </div>
</div> </div>
</section> </section> <!-- FEATURES SECTION -->
<!-- FEATURES SECTION -->
<section class="features-section"> <section class="features-section">
<div class="container"> <div class="container">
<h2>AI SOLUTIONS FOR MARKETING</h2> <h2>AI SOLUTIONS FOR MARKETING</h2>
<div class="features-grid"> <div class="solutions-grid">
<div class="feature-item"> <div class="solution-item">
<div class="feature-icon"><img src="../assets/marketing_icon_personalization.svg" alt="AI Personalization"></div> <img src="../assets/marketing_icon_personalization.svg" alt="AI Personalization" class="solution-icon">
<h3>AI-Powered Personalization</h3> <h3>AI-Powered Personalization</h3>
<p>Deliver tailored content and experiences by leveraging AI to analyze customer data and predict preferences</p> <p>Deliver tailored content and experiences by leveraging AI to analyze customer data and predict preferences</p>
</div> </div>
<div class="feature-item"> <div class="solution-item">
<div class="feature-icon"><img src="../assets/marketing_icon_segmentation.svg" alt="Predictive Segmentation"></div> <img src="../assets/marketing_icon_segmentation.svg" alt="Predictive Segmentation" class="solution-icon">
<h3>Predictive Customer Segmentation</h3> <h3>Predictive Customer Segmentation</h3>
<p>Utilize predictive analytics to segment customers based on behavior, enhancing strategies</p> <p>Utilize predictive analytics to segment customers based on behavior, enhancing strategies</p>
</div> </div>
<div class="feature-item"> <div class="solution-item">
<div class="feature-icon"><img src="../assets/marketing_icon_content_gen.svg" alt="Automated Content Generation"></div> <img src="../assets/marketing_icon_content_gen.svg" alt="Automated Content Generation" class="solution-icon">
<h3>Automated Content Generation</h3> <h3>Automated Content Generation</h3>
<p>Accelerate content creation with AI that generates relevant marketing copy and visuals</p> <p>Accelerate content creation with AI that generates relevant marketing copy and visuals</p>
</div> </div>
<div class="feature-item"> <div class="solution-item">
<div class="feature-icon"><img src="../assets/marketing_icon_campaign_opt.svg" alt="AI Campaign Optimization"></div> <img src="../assets/marketing_icon_campaign_opt.svg" alt="AI Campaign Optimization" class="solution-icon">
<h3>AI-Driven Campaign Optimization</h3> <h3>AI-Driven Campaign Optimization</h3>
<p>Optimize marketing campaigns in real-time using AI insights to maximize performance</p> <p>Optimize marketing campaigns in real-time using AI insights to maximize performance</p>
</div> </div>
@@ -200,51 +322,88 @@
<li>Focus on measurable-campaign ROI</li> <li>Focus on measurable-campaign ROI</li>
<li>Ethical AI implementation in customer communication</li> </ul> <li>Ethical AI implementation in customer communication</li> </ul>
</div> </div>
</section> </section> <!-- BLOGS & CASE STUDIES SECTION -->
<!-- BLOGS & CASE STUDIES SECTION -->
<section class="blogs-section"> <section class="blogs-section">
<div class="container"> <div class="container">
<h2>Blogs & Case Studies</h2> <div class="blog-items-container"> <h2>BLOGS & CASE STUDIES</h2>
<div class="blog-item"> <div class="articles-grid">
<div class="article-card">
<img src="../assets/marketing_insight_harnessing.svg" alt="AI Marketing Success">
<h3>Harnessing AI for Marketing Success</h3> <h3>Harnessing AI for Marketing Success</h3>
<p>Discover how AI is revolutionizing marketing strategies and boosting conversion rates.</p> <p>Discover how AI is revolutionizing marketing strategies and boosting conversion rates through advanced analytics and behavioral prediction</p>
<a href="case-studies.html">Read Marketing Insights</a> <a href="case-studies.html" class="read-more-link">Read More</a>
</div> </div>
<div class="blog-item"> <div class="article-card">
<h3>AI Driven Campaign Optimization</h3> <img src="../assets/marketing_icon_campaign_opt.svg" alt="Campaign Optimization">
<p>Case study on improving marketing ROI with AI-powered solutions and analytics.</p> <h3>AI-Driven Campaign Optimization</h3>
<a href="case-studies.html">View Marketing Case Study</a> <p>Case study: How we helped a global brand improve marketing ROI by 45% through AI-powered optimization and real-time analytics</p>
<a href="case-studies.html" class="read-more-link">Read More</a>
</div> </div>
<div class="blog-item"> <div class="article-card">
<img src="../assets/marketing_icon_personalization.svg" alt="Customer Journey">
<h3>Customer Journey Personalization</h3> <h3>Customer Journey Personalization</h3>
<p>How AI creates tailored experiences for higher conversion rates and customer loyalty.</p> <p>How AI creates tailored experiences that increased conversion rates by 37% and boosted customer loyalty for an e-commerce client</p>
<a href="case-studies.html">Read Case Study</a> <a href="case-studies.html" class="read-more-link">Read More</a>
</div> </div>
</div> </div>
</div> </div>
</section> <!-- EXPLORE SOLUTIONS BUTTON --> </section><!-- EXPLORE SOLUTIONS BUTTON -->
<section class="explore-button-container"> <section class="explore-button-container">
<div class="container"> <div class="container">
<a href="case-studies.html" class="explore-button">EXPLORE OUR MARKETING AI SOLUTIONS</a> <a href="case-studies.html" class="explore-button">EXPLORE OUR MARKETING AI SOLUTIONS</a>
</div> </div>
</section> </section>
</main> </main>
<footer class="container footer">
<div class="footer-col"> <footer class="site-footer">
<h3>Ready to get started?</h3> <div class="container">
<a href="../contact.html" class="btn-primary">Get Started</a> <div class="footer-content">
</div> <div class="footer-col footer-col-logo">
<div class="footer-col"> <a href="../index.html" class="logo">GYANNETRA</a>
<h3>CONTACT US</h3> <p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<p>✉️ info@gyannetra.com</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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> </div>
</footer> </footer>
<script src="../js/menu-dropdown.js" defer></script>
<script src="../js/menu-dropdown.js"></script> <script src="../js/main.js" defer></script>
<script src="../js/main.js"></script>
<script>
document.getElementById("currentYear").textContent = new Date().getFullYear();
</script>
</body> </body>
</html> </html>

View File

@@ -6,270 +6,212 @@
<title>AI in Media & Entertainment - Gyannetra</title> <title>AI in Media & Entertainment - Gyannetra</title>
<link rel="stylesheet" href="../css/style.css"> <link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <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">
<style> <style>
/* Page-specific styles for media-entertainment.html */ /* Media & Entertainment Page Specific Styles */
.media-hero { body {
padding-top: 10rem; --primary-color: #9333ea; /* Purple tone for media & entertainment */
padding-bottom: 4rem; --primary-color-hover: #7e22ce;
text-align: left; --primary-color-glow: rgba(147, 51, 234, 0.5);
/* background: url('../assets/media_hero_bg.jpg') no-repeat center center/cover; */ /* Optional: Add a background image */ --card-bg: rgba(25, 35, 55, 0.7); /* Darker card background */
--text-light: #e0e0e0;
--text-muted: #b0b0b0;
} }
.media-hero .container { /* Hero section */
/* For this page, the hero content is centered and doesn't have a side image based on the provided image */ .media-hero {
text-align: center; text-align: center;
padding: 80px 20px 60px;
background: linear-gradient(rgba(10, 20, 40, 0.8), rgba(10, 20, 40, 0.95)), url('../assets/media_hero_bg.jpg') no-repeat center center;
background-size: cover;
border-bottom: 2px solid var(--primary-color-glow);
} }
.media-hero h1 { .media-hero h1 {
font-size: 3.5rem; font-size: 3.2rem;
margin-bottom: 1rem; margin-bottom: 15px;
color: #fff;
text-shadow: 0 2px 10px rgba(0,0,0,0.7);
}
.media-hero .subtitle {
font-size: 1.4rem;
margin-bottom: 25px;
color: var(--text-light);
font-weight: 500;
} }
.media-hero p { .media-hero p {
font-size: 1.2rem; font-size: 1.1rem;
color: rgba(255, 255, 255, 0.8); max-width: 750px;
margin-bottom: 2rem; margin: 0 auto 30px auto;
max-width: 800px; /* Adjust as needed */ line-height: 1.7;
margin-left: auto; color: var(--text-muted);
margin-right: auto;
}
.solutions-section {
padding: 4rem 0;
}
.solutions-section h2 {
text-align: center; /* Centered as per image */
font-size: 2.5rem; /* Larger heading */
margin-bottom: 3rem;
} }
/* Solutions grid */
.solutions-grid { .solutions-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* 4 columns */ grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 2rem; gap: 35px;
margin-top: 2rem;
} }
.solution-item { .solution-item {
background: rgba(20, 20, 40, 0.5); display: flex;
backdrop-filter: blur(10px); flex-direction: column;
border: 1px solid rgba(255, 255, 255, 0.1); align-items: center;
border-radius: 12px;
padding: 2rem;
text-align: center; text-align: center;
padding: 20px;
background-color: var(--card-bg);
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease; transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(var(--primary-color-glow),0.4);
} }
.solution-item:hover { .solution-item:hover {
transform: translateY(-10px); transform: translateY(-8px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3); box-shadow: 0 12px 25px rgba(var(--primary-color-glow), 0.4);
} }
.solution-icon { .solution-item img, .solution-item svg {
width: 60px; /* Adjust size as needed */ height: 70px;
height: 60px; margin-bottom: 20px;
margin-bottom: 1.5rem;
filter: drop-shadow(0 0 10px #00c6ff); /* Blue glow for icons */
}
.solution-icon img {
width: 100%;
height: 100%;
object-fit: contain;
} }
.solution-item h3 { .solution-item h3 {
font-size: 1.4rem; font-size: 1.25rem;
margin-bottom: 0.8rem; color: var(--text-light);
color: var(--fg); margin-bottom: 10px;
text-shadow: none; font-weight: 600;
background: none;
-webkit-background-clip: initial;
background-clip: initial;
} }
.solution-item p { .solution-item p {
color: var(--text-muted);
font-size: 0.95rem; font-size: 0.95rem;
color: rgba(255, 255, 255, 0.7);
line-height: 1.6;
}
.benefits-section {
padding: 4rem 0;
}
.benefits-section h2 {
text-align: center; /* Centered as per image */
font-size: 2.5rem;
margin-bottom: 2rem;
} }
/* Benefits section */
.benefits-list-container { .benefits-list-container {
display: grid; display: flex;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); justify-content: space-around;
gap: 2rem; /* Gap between columns of lists */ gap: 20px;
margin-top: 2rem; flex-wrap: wrap;
max-width: 900px;
margin: 0 auto;
} }
.benefits-list { .benefits-list {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0;
flex-basis: calc(50% - 20px);
min-width: 300px;
} }
.benefits-list li { .benefits-list li {
font-size: 1.1rem; font-size: 1.15rem;
color: rgba(255, 255, 255, 0.9); color: var(--text-light);
padding: 0.75rem 0; margin-bottom: 18px;
position: relative; display: flex;
padding-left: 25px; /* Space for custom bullet */ align-items: center;
background-color: rgba(var(--primary-color-glow), 0.1);
padding: 12px 18px;
border-radius: 8px;
border-left: 4px solid var(--primary-color);
} }
.benefits-list li::before { .benefits-list li:before {
content: '\2022'; /* Bullet character */ content: "\f00c";
color: #00c6ff; /* Accent color for bullet */ font-family: "Font Awesome 5 Free";
font-weight: bold; font-weight: 900;
display: inline-block; color: var(--primary-color);
width: 1em; margin-right: 12px;
margin-left: -1.5em; /* Position bullet */ font-size: 1.4rem;
position: absolute;
left: 10px;
} }
.blogs-casestudies-section { /* Articles/case studies section */
padding: 4rem 0; .articles-grid {
}
.blogs-casestudies-section h2 {
text-align: center; /* Centered as per image */
font-size: 2.5rem;
margin-bottom: 3rem;
}
.blogs-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* 3 columns */ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 2rem; gap: 30px;
margin-top: 2rem;
} }
.blog-card { .article-card {
background: rgba(20, 20, 40, 0.7); background-color: var(--card-bg);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px; border-radius: 12px;
padding: 1.5rem; padding: 25px;
text-align: left; text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border: 1px solid rgba(var(--primary-color-glow),0.4);
} }
.blog-card-image { .article-card:hover {
width: 100%; transform: translateY(-8px);
height: 180px; /* Adjust as needed */ box-shadow: 0 12px 25px rgba(var(--primary-color-glow), 0.4);
background-color: #333; /* Placeholder */
border-radius: 8px;
margin-bottom: 1.5rem;
overflow: hidden;
} }
.blog-card-image img { .article-card img {
width: 100%; width: 100%;
height: 100%; height: 220px;
object-fit: cover; object-fit: cover;
}
.blog-card h3 {
font-size: 1.3rem;
margin-bottom: 0.5rem;
color: var(--fg);
text-shadow: none;
background: none;
-webkit-background-clip: initial;
background-clip: initial;
}
.blog-card .description {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.7);
line-height: 1.5;
margin-bottom: 1rem; /* Space before Read More */
flex-grow: 1; /* Pushes Read More down if content is short */
}
.blog-card .read-more {
font-size: 0.9rem;
color: #a2b0ff; /* Link color */
text-decoration: none;
margin-top: auto; /* Pushes the link to the bottom */
display: inline-block; /* Allows margin-top to work */
}
.blog-card .read-more:hover {
text-decoration: underline;
}
.explore-button-section {
text-align: center;
padding: 3rem 0;
}
.explore-button {
background-color: #007bff; /* Example button color */
color: white;
padding: 1rem 2.5rem;
border: none;
border-radius: 8px; border-radius: 8px;
font-size: 1.1rem; margin-bottom: 20px;
font-weight: 500; }
.article-card h3 {
font-size: 1.4rem;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}
.article-card p {
font-size: 1rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
.read-more-link {
color: var(--primary-color);
text-decoration: none; text-decoration: none;
transition: background-color 0.3s ease, transform 0.2s ease; font-weight: 600;
box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3); transition: color 0.3s ease;
align-self: flex-start;
padding: 8px 15px;
border: 1px solid var(--primary-color);
border-radius: 5px;
} }
.explore-button:hover { .read-more-link:hover {
background-color: #0056b3; background-color: var(--primary-color-hover);
transform: translateY(-2px); color: #fff;
text-decoration: none;
} }
/* Responsive adjustments */ .section-heading {
@media (max-width: 992px) { text-align: center;
.media-hero h1 { font-size: 2.3rem;
font-size: 3rem; margin-bottom: 3rem;
} margin-top: 2rem;
.media-hero p {
font-size: 1.1rem;
}
.solutions-grid {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.benefits-list-container {
grid-template-columns: 1fr; /* Stack benefits columns on smaller screens */
}
.blogs-grid {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
}
@media (max-width: 768px) {
.media-hero h1 {
font-size: 2.5rem;
}
.media-hero p {
font-size: 1rem;
}
.solutions-section h2, .benefits-section h2, .blogs-casestudies-section h2 {
font-size: 2rem;
}
.solutions-grid {
grid-template-columns: 1fr; /* Stack solutions on very small screens */
}
.blogs-grid {
grid-template-columns: 1fr; /* Stack blogs on very small screens */
}
} }
</style> </style>
</head> </head>
<body> <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"> <header class="site-header">
<nav class="navbar container"> <nav class="navbar container">
<a href="../index.html" class="logo">GYANNETRA</a> <a href="../index.html" class="logo">GYANNETRA</a>
@@ -308,104 +250,135 @@
</nav> </nav>
</header> </header>
<main> <main class="container media-entertainment-container">
<section class="media-hero"> <section class="hero-section media-hero">
<div class="container"> <h1>AI IN MEDIA & ENTERTAINMENT</h1>
<h1>AI in Media & Entertainment</h1> <p class="subtitle">Creating engaging experiences and transforming content delivery</p>
<p>Revolutionizing content creation, distribution, and consumption with intelligent AI solutions.</p> <p>We harness AI technologies to power content creation, personalize recommendations, optimize content delivery, and enhance audience engagement for the media and entertainment industry.</p>
</div>
</section> </section>
<section class="solutions-section"> <section class="solutions-section">
<div class="container"> <h2 class="section-heading">AI SOLUTIONS FOR MEDIA & ENTERTAINMENT</h2>
<h2>Our AI Solutions for Media & Entertainment</h2> <div class="solutions-grid">
<div class="solutions-grid"> <div class="solution-item">
<div class="solution-item"> <img src="../assets/solution_icon_content_generation.svg" alt="Content Generation Icon">
<div class="solution-icon"><img src="../assets/content_creation_icon.png" alt="Content Creation Icon"></div> <h3>Content Generation</h3>
<h3>AI-Powered Content Creation</h3> <p>Create engaging content with AI-powered tools and technologies</p>
<p>Generate scripts, music, visuals, and more, accelerating production workflows.</p> </div>
</div> <div class="solution-item">
<div class="solution-item"> <img src="../assets/solution_icon_personalization.svg" alt="Personalization Icon">
<div class="solution-icon"><img src="../assets/personalization_icon.png" alt="Personalization Icon"></div> <h3>Personalization</h3>
<h3>Personalized Recommendations</h3> <p>Deliver tailored content experiences based on user preferences</p>
<p>Deliver tailored content suggestions to viewers, increasing engagement and retention.</p> </div>
</div> <div class="solution-item">
<div class="solution-item"> <img src="../assets/solution_icon_recommendation_systems.svg" alt="Recommendation Systems Icon">
<div class="solution-icon"><img src="../assets/audience_analytics_icon.png" alt="Audience Analytics Icon"></div> <h3>Recommendation Systems</h3>
<h3>Audience Analytics & Insights</h3> <p>Enhance content discovery with advanced recommendation algorithms</p>
<p>Understand viewer behavior and preferences to optimize content strategy and delivery.</p> </div>
</div> <div class="solution-item">
<div class="solution-item"> <img src="../assets/solution_icon_content_analysis.svg" alt="Content Analysis Icon">
<div class="solution-icon"><img src="../assets/monetization_icon.png" alt="Monetization Icon"></div> <h3>Content Analysis</h3>
<h3>Optimized Monetization</h3> <p>Extract insights from content performance and audience engagement</p>
<p>Enhance ad targeting, subscription models, and revenue streams with AI-driven strategies.</p>
</div>
</div> </div>
</div> </div>
</section> </section>
<section class="benefits-section"> <section class="benefits-section">
<div class="container"> <h2 class="section-heading">BENEFITS OF AI FOR MEDIA & ENTERTAINMENT</h2>
<h2>Benefits of AI in Media & Entertainment</h2> <div class="benefits-list-container">
<div class="benefits-list-container"> <ul class="benefits-list">
<ul class="benefits-list"> <li>Increased efficiency in content production</li>
<li>Increased efficiency in content production</li> <li>Enhanced viewer engagement and personalization</li>
<li>Enhanced viewer engagement and personalization</li> <li>Improved content discovery and accessibility</li>
<li>Improved content discovery and accessibility</li> <li>Optimized advertising and revenue generation</li>
<li>Optimized advertising and revenue generation</li> </ul>
</ul> <ul class="benefits-list">
<ul class="benefits-list"> <li>Better understanding of audience trends</li>
<li>Better understanding of audience trends</li> <li>Reduced costs through automation</li>
<li>Reduced costs through automation</li> <li>Faster time-to-market for new content</li>
<li>Faster time-to-market for new content</li> <li>Competitive advantage in a dynamic market</li>
<li>Competitive advantage in a dynamic market</li> </ul>
</ul>
</div>
</div> </div>
</section> </section>
<section class="blogs-casestudies-section"> <section class="blogs-casestudies-section">
<div class="container"> <h2 class="section-heading">BLOGS & CASE STUDIES</h2>
<h2>Blogs & Case Studies</h2> <div class="articles-grid">
<div class="blogs-grid"> <div class="blog-card"> <div class="article-card">
<div class="blog-card-image"><img src="../assets/blog_placeholder_1.jpg" alt="Blog Image"></div> <img src="../assets/blog_placeholder_1.jpg" alt="Blog Image">
<h3>The Future of Storytelling with Generative AI</h3> <h3>The Future of Storytelling with Generative AI</h3>
<p class="description">Explore how AI is transforming narrative creation and interactive experiences.</p> <p>Explore how AI is transforming narrative creation and interactive experiences.</p>
<a href="case-studies.html" class="read-more">Read More</a> <a href="case-studies.html" class="read-more-link">Read More</a>
</div> </div>
<div class="blog-card"> <div class="article-card">
<div class="blog-card-image"><img src="../assets/blog_placeholder_2.jpg" alt="Blog Image"></div> <img src="../assets/blog_placeholder_2.jpg" alt="Blog Image">
<h3>Personalizing the Viewer Experience: An AI Approach</h3> <h3>Personalizing the Viewer Experience: An AI Approach</h3>
<p class="description">Learn how AI algorithms are used to deliver highly personalized content recommendations.</p> <p>Learn how AI algorithms are used to deliver highly personalized content recommendations.</p>
<a href="case-studies.html" class="read-more">Read More</a> <a href="case-studies.html" class="read-more-link">Read More</a>
</div> </div>
<div class="blog-card"> <div class="article-card">
<div class="blog-card-image"><img src="../assets/blog_placeholder_3.jpg" alt="Blog Image"></div> <img src="../assets/blog_placeholder_3.jpg" alt="Blog Image">
<h3>Case Study: Boosting Engagement with AI Analytics</h3> <h3>Case Study: Boosting Engagement with AI Analytics</h3>
<p class="description">Discover how a major streaming service used AI analytics to increase viewer retention.</p> <p>Discover how a major streaming service used AI analytics to increase viewer retention.</p>
<a href="case-studies.html" class="read-more">Read More</a> <a href="case-studies.html" class="read-more-link">Read More</a>
</div>
</div> </div>
</div> </div>
</section> </section>
<section class="explore-button-section"> <section class="explore-button-section" style="text-align: center; margin: 4rem 0;">
<div class="container"> <a href="../contact.html" class="btn-primary">Explore Our Solutions</a>
<a href="../contact.html" class="explore-button">Explore Our Solutions</a>
</div>
</section> </section>
</main> </main>
<footer class="container footer"> <footer class="site-footer">
<div class="footer-col"> <div class="container">
<h3>Ready to get started?</h3> <div class="footer-content">
<a href="../contact.html" class="btn-primary">Get Started</a> <div class="footer-col footer-col-logo">
</div> <a href="../index.html" class="logo">GYANNETRA</a>
<div class="footer-col"> <p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<h3>CONTACT US</h3> <div class="social-links">
<p>✉️ info@gyannetra.com</p> <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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> </div>
</footer> </footer>
<script src="../js/menu-dropdown.js" defer></script>
<script src="../js/main.js" defer></script>
</body> </body>
</html> </html>

View File

@@ -3,9 +3,291 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Retail - Gyannetra</title> <title>AI in Retail - Gyannetra</title>
<link rel="stylesheet" href="../css/style.css" /> <link rel="stylesheet" href="../css/style.css" />
<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"> <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">
<style>
/* Retail Page Specific Styles */
body {
--primary-color: #e74c3c; /* Red tone for retail */
--primary-color-hover: #c0392b;
--primary-color-glow: rgba(231, 76, 60, 0.5);
--card-bg: rgba(25, 35, 55, 0.7); /* Darker card background */
--text-light: #e0e0e0;
--text-muted: #b0b0b0;
}
/* Hero section */
.retail-hero {
text-align: center;
padding: 80px 20px 60px;
background: linear-gradient(rgba(10, 20, 40, 0.8), rgba(10, 20, 40, 0.95)), url('../assets/retail_hero_bg.jpg') no-repeat center center;
background-size: cover;
border-bottom: 2px solid var(--primary-color-glow);
}
.retail-hero h1 {
font-size: 3.2rem;
margin-bottom: 15px;
color: #fff;
text-shadow: 0 2px 10px rgba(0,0,0,0.7);
}
.retail-hero p {
font-size: 1.1rem;
max-width: 750px;
margin: 0 auto 30px auto;
line-height: 1.7;
color: var(--text-muted);
}
/* Solutions grid */
.solutions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 35px;
}
.solution-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
background-color: var(--card-bg);
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(var(--primary-color-glow),0.4);
}
.solution-item:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(var(--primary-color-glow), 0.4);
}
.solution-item img {
height: 70px;
margin-bottom: 20px;
}
.solution-item h3 {
font-size: 1.25rem;
color: var(--text-light);
margin-bottom: 10px;
font-weight: 600;
}
.solution-item p {
color: var(--text-muted);
font-size: 0.95rem;
}
/* Gyannetra advantage section */
.advantage-columns {
display: flex;
justify-content: space-around;
gap: 20px;
flex-wrap: wrap;
max-width: 900px;
margin: 0 auto;
}
.advantage-list {
list-style: none;
padding: 0;
margin: 0;
flex-basis: calc(50% - 20px);
min-width: 300px;
}
.advantage-list li {
font-size: 1.15rem;
color: var(--text-light);
margin-bottom: 18px;
display: flex;
align-items: center;
background-color: rgba(var(--primary-color-glow), 0.1);
padding: 12px 18px;
border-radius: 8px;
border-left: 4px solid var(--primary-color);
}
.advantage-list li:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: var(--primary-color);
margin-right: 12px;
font-size: 1.4rem;
}
/* Articles/case studies section */
.articles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
}
.article-card {
background-color: var(--card-bg);
border-radius: 12px;
padding: 25px;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
border: 1px solid rgba(var(--primary-color-glow),0.4);
}
.article-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(var(--primary-color-glow), 0.4);
}
.article-card img {
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.article-card h3 {
font-size: 1.4rem;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}
.article-card p {
font-size: 1rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
.read-more-link {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
align-self: flex-start;
padding: 8px 15px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.read-more-link:hover {
background-color: var(--primary-color-hover);
color: #fff;
text-decoration: none;
}
.section-heading {
text-align: center;
font-size: 2.3rem;
margin-bottom: 3rem;
margin-top: 2rem;
}
.section-padding {
padding: 4rem 0;
}
/* Footer styles */
.site-footer {
background-color: #111;
color: #bbb;
padding: 40px 0;
font-size: 0.9rem;
}
.footer-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
}
.footer-col {
flex: 1;
min-width: 220px;
}
.footer-col h3 {
color: #fff;
font-size: 1.2rem;
margin-bottom: 15px;
}
.footer-col a {
color: #bbb;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-col a:hover {
color: #fff;
}
.footer-col-logo {
max-width: 250px;
}
.social-links {
display: flex;
gap: 15px;
margin-top: 10px;
}
.social-links a {
color: #bbb;
font-size: 1.2rem;
transition: color 0.3s ease;
}
.social-links a:hover {
color: #fff;
}
.footer-bottom {
border-top: 1px solid #222;
padding-top: 20px;
text-align: center;
}
.newsletter-form {
display: flex;
gap: 10px;
margin-top: 10px;
}
.newsletter-form input {
flex: 1;
padding: 10px;
border: 1px solid #333;
border-radius: 5px;
background-color: #222;
color: #fff;
}
.newsletter-form button {
padding: 10px 15px;
border: none;
border-radius: 5px;
background-color: var(--primary-color);
color: #fff;
cursor: pointer;
transition: background-color 0.3s ease;
}
.newsletter-form button:hover {
background-color: var(--primary-color-hover);
}
</style>
</head> </head>
<body> <body>
<div class="atmospheric-bg"> <div class="atmospheric-bg">
@@ -57,95 +339,131 @@
</header> </header>
<!-- HERO SECTION --> <!-- HERO SECTION -->
<section id="retail-hero" class="industry-hero" style="background-image: url('../assets/retail-hero-bg.jpg');"> <section class="hero-section retail-hero">
<div class="hero-overlay"></div> <div class="container">
<div class="hero-content container">
<p class="hero-company-name">GYANNETRA PVT LTD</p>
<h1>AI SOLUTIONS FOR RETAIL</h1> <h1>AI SOLUTIONS FOR RETAIL</h1>
<p>AI is reshaping the retail industry by enhancing personalized shopping, optimizing inventory, and driving data-driven decisions. At Gyannetra, we provide innovative AI solutions to transform the retail experience.</p> <p>AI is reshaping the retail industry by enhancing personalized shopping, optimizing inventory, and driving data-driven decisions. At Gyannetra, we provide innovative AI solutions to transform the retail experience.</p>
<button class="btn-primary">REIMAGINE YOUR RETAIL EXPERIENCE</button> <a href="../contact.html" class="btn-primary">REIMAGINE YOUR RETAIL EXPERIENCE</a>
</div> </div>
</section> </section>
<!-- AI SOLUTIONS FOR RETAIL --> <!-- AI SOLUTIONS FOR RETAIL -->
<section id="ai-solutions-retail" class="container section-padding"> <section class="container section-padding">
<h2 class="section-heading">AI SOLUTIONS FOR RETAIL</h2> <h2 class="section-heading">AI SOLUTIONS FOR RETAIL</h2>
<div class="solutions-grid"> <div class="solutions-grid">
<div class="solution-item"> <div class="solution-item">
<img src="../assets/personalized-product-recommendations.svg" alt="Personalized Product Recommendations Icon" /> <img src="../assets/personalized-product-recommendations.svg" alt="Personalized Product Recommendations Icon" />
<h3>Personalized Product Recommendations</h3> <h3>Personalized Product Recommendations</h3>
<p>Deliver tailored shopping suggestions</p> <p>Deliver tailored shopping suggestions based on customer behavior and preferences</p>
</div> </div>
<div class="solution-item"> <div class="solution-item">
<img src="../assets/ai-powered-inventory-optimization.svg" alt="AI-Powered Inventory Optimization Icon" /> <img src="../assets/ai-powered-inventory-optimization.svg" alt="AI-Powered Inventory Optimization Icon" />
<h3>AI-Powered Inventory Optimization</h3> <h3>AI-Powered Inventory Optimization</h3>
<p>Manage stock levels efficiently</p> <p>Manage stock levels efficiently to reduce costs and avoid stockouts</p>
</div> </div>
<div class="solution-item"> <div class="solution-item">
<img src="../assets/chatbots-customer-service.svg" alt="Chatbots for Customer Service Icon" /> <img src="../assets/chatbots-customer-service.svg" alt="Chatbots for Customer Service Icon" />
<h3>Chatbots for Customer Service</h3> <h3>Chatbots for Customer Service</h3>
<p>Enhance shopper interactions</p> <p>Enhance shopper interactions with 24/7 intelligent customer support</p>
</div> </div>
<div class="solution-item"> <div class="solution-item">
<img src="../assets/predictive-analytics-demand-forecasting.svg" alt="Predictive Analytics for Demand Forecasting Icon" /> <img src="../assets/predictive-analytics-demand-forecasting.svg" alt="Predictive Analytics for Demand Forecasting Icon" />
<h3>Predictive Analytics for Demand Forecasting</h3> <h3>Predictive Analytics for Demand Forecasting</h3>
<p>Gain insights into future sales</p> <p>Gain insights into future sales trends for better planning</p>
</div> </div>
</div> </div>
</section> </section>
<!-- THE GYANNETRA ADVANTAGE --> <!-- THE GYANNETRA ADVANTAGE -->
<section id="gyannetra-advantage-retail" class="container section-padding gyannetra-advantage-section"> <section class="container section-padding">
<h2 class="section-heading">THE GYANNETRA ADVANTAGE</h2> <h2 class="section-heading">THE GYANNETRA ADVANTAGE</h2>
<div class="advantage-columns"> <div class="advantage-columns">
<ul class="advantage-list"> <ul class="advantage-list">
<li>Deep Retail Industry Knowledge</li> <li>Deep Retail Industry Knowledge</li>
<li>Drive Sales and Loyalty</li> <li>Drive Sales and Loyalty</li>
</ul> </ul>
<ul class="advantage-list"> <ul class="advantage-list">
<li>Seamless System Integration</li> <li>Seamless System Integration</li>
<li>Drive Sales and Lactay</li> <li>Scalable AI Solutions</li>
</ul> </ul>
</div> </div>
</section> </section>
<!-- INDUSTRY INSIGHTS & SUCCESS STORIES --> <!-- INDUSTRY INSIGHTS & SUCCESS STORIES -->
<section id="insights-stories-retail" class="container section-padding"> <section class="container section-padding">
<h2 class="section-heading">INDUSTRY INSIGHTS & SUCCESS STORIES</h2> <h2 class="section-heading">INDUSTRY INSIGHTS & SUCCESS STORIES</h2>
<div class="insights-grid"> <div class="articles-grid">
<div class="insight-item"> <div class="article-card">
<!-- <img src="../assets/retail-insight-1.jpg" alt="Leveraging AI for Retail-Success" /> --> <img src="../assets/retail_insight_1.jpg" alt="Leveraging AI for Retail Success" />
<h4>Leveraging AI for Retail-Success</h4> <h3>Leveraging AI for Retail Success</h3>
<p>Explore how AI is transforming the retail.</p> <a href="case-studies.html" class="read-more">READ OUR RETAIL BLOG</a> <p>Explore how AI is transforming the retail landscape and creating new opportunities for growth</p>
<a href="case-studies.html" class="read-more-link">Read more</a>
</div> </div>
<div class="insight-item"> <div class="article-card">
<!-- <img src="../assets/retail-insight-2.jpg" alt="Case Study: AI-Powered Personalization" /> --> <img src="../assets/retail_insight_2.jpg" alt="Case Study: AI-Powered Personalization" />
<h4>Case Study: AI-Powered Personalization</h4> <h3>Case Study: AI-Powered Personalization</h3>
<p>Discover how we improved customer engagement.</p> <p>Discover how we improved customer engagement and boosted sales for a major retailer</p>
<a href="case-studies.html" class="read-more">VIEW RETAIL CASE STUDY</a> <a href="case-studies.html" class="read-more-link">Read more</a>
</div> </div>
<div class="insight-item"> <div class="article-card">
<!-- <img src="../assets/retail-insight-3.jpg" alt="Optimizing Inventory with AI" /> --> <img src="../assets/retail_insight_3.jpg" alt="Optimizing Inventory with AI" />
<h4>Optimizing Inventory with AI</h4> <h3>Optimizing Inventory with AI</h3>
<p>Learn about our approach to smart inventory management.</p> <p>Learn about our approach to smart inventory management that reduced costs by 22%</p>
<a href="case-studies.html" class="read-more">READ CASE STUDY</a> <a href="case-studies.html" class="read-more-link">Read more</a>
</div> </div>
</div> </div>
</section> </section>
<!-- FOOTER --> <!-- FOOTER -->
<footer class="container footer"> <footer class="site-footer">
<div class="footer-col"> <div class="container">
<h3>Ready to get started?</h3> <div class="footer-content">
<a href="../contact.html" class="btn-primary">Get Started</a> <div class="footer-col footer-col-logo">
</div> <a href="../index.html" class="logo">GYANNETRA</a>
<div class="footer-col"> <p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<h3>CONTACT US</h3> <div class="social-links">
<p>✉️ info@gyannetra.com</p> <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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> </div>
</footer> </footer>
<script src="../js/menu-dropdown.js" defer></script>
<script src="../js/menu-dropdown.js"></script> <script src="../js/main.js" defer></script>
<script src="../js/main.js"></script>
</body> </body>
</html> </html>

View File

@@ -3,9 +3,202 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Travel - Gyannetra</title> <title>AI in Travel - Gyannetra</title>
<link rel="stylesheet" href="../css/style.css" /> <link rel="stylesheet" href="../css/style.css" />
<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"> <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">
<style>
/* Travel Page Specific Styles */
body {
--primary-color: #0ea5e9; /* Blue tone for travel */
--primary-color-hover: #0284c7;
--primary-color-glow: rgba(14, 165, 233, 0.5);
--card-bg: rgba(25, 35, 55, 0.7); /* Darker card background */
--text-light: #e0e0e0;
--text-muted: #b0b0b0;
}
/* Hero section */
.travel-hero {
text-align: center;
padding: 80px 20px 60px;
background: linear-gradient(rgba(10, 20, 40, 0.8), rgba(10, 20, 40, 0.95)), url('../assets/travel_hero_bg.jpg') no-repeat center center;
background-size: cover;
border-bottom: 2px solid var(--primary-color-glow);
}
.travel-hero h1 {
font-size: 3.2rem;
margin-bottom: 15px;
color: #fff;
text-shadow: 0 2px 10px rgba(0,0,0,0.7);
}
.travel-hero p {
font-size: 1.1rem;
max-width: 750px;
margin: 0 auto 30px auto;
line-height: 1.7;
color: var(--text-muted);
}
/* Solutions grid */
.solutions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 35px;
}
.solution-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
background-color: var(--card-bg);
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(var(--primary-color-glow),0.4);
}
.solution-item:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(var(--primary-color-glow), 0.4);
}
.solution-item img {
height: 70px;
margin-bottom: 20px;
}
.solution-item h3 {
font-size: 1.25rem;
color: var(--text-light);
margin-bottom: 10px;
font-weight: 600;
}
.solution-item p {
color: var(--text-muted);
font-size: 0.95rem;
}
/* Advantage section */
#gyannetra-advantage ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
list-style: none;
padding: 0;
margin: 2rem auto;
max-width: 900px;
}
#gyannetra-advantage li {
font-size: 1.15rem;
color: var(--text-light);
margin-bottom: 18px;
display: flex;
align-items: center;
background-color: rgba(var(--primary-color-glow), 0.1);
padding: 12px 18px;
border-radius: 8px;
border-left: 4px solid var(--primary-color);
flex-basis: calc(33% - 20px);
min-width: 280px;
}
#gyannetra-advantage li:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: var(--primary-color);
margin-right: 12px;
font-size: 1.4rem;
}
/* Articles/case studies section */
.articles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
}
.article-card {
background-color: var(--card-bg);
border-radius: 12px;
padding: 25px;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
border: 1px solid rgba(var(--primary-color-glow),0.4);
}
.article-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(var(--primary-color-glow), 0.4);
}
.article-card img {
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.article-card h3 {
font-size: 1.4rem;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}
.article-card p {
font-size: 1rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
.article-card .date {
font-size: 0.9rem;
color: var(--primary-color);
margin-bottom: 10px;
}
.read-more-link {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
align-self: flex-start;
padding: 8px 15px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.read-more-link:hover {
background-color: var(--primary-color-hover);
color: #fff;
text-decoration: none;
}
.section-heading {
text-align: center;
font-size: 2.3rem;
margin-bottom: 3rem;
margin-top: 2rem;
}
section {
margin: 4rem 0;
}
</style>
</head> </head>
<body> <body>
<div class="atmospheric-bg"> <div class="atmospheric-bg">
@@ -57,12 +250,11 @@
</header> </header>
<!-- HERO SECTION --> <!-- HERO SECTION -->
<section id="travel-hero" class="industry-hero" style="background-image: url('../assets/travel-hero-bg.jpg');"> <section class="hero-section travel-hero">
<div class="hero-overlay"></div> <div class="container">
<div class="hero-content container"> <h1>AI IN TRAVEL</h1>
<h1>TRAVEL</h1>
<p>AI is transforming the travel industry by enhancing customer journeys and streamlining operations. We deliver innovative AI solutions to create personalized travel experiences and improve efficiency.</p> <p>AI is transforming the travel industry by enhancing customer journeys and streamlining operations. We deliver innovative AI solutions to create personalized travel experiences and improve efficiency.</p>
<button class="btn-primary">Transform Your Travel Business</button> <a href="../contact.html" class="btn-primary">Transform Your Travel Business</a>
</div> </div>
</section> </section>
@@ -73,22 +265,22 @@
<div class="solution-item"> <div class="solution-item">
<img src="../assets/personalized-recommendations.svg" alt="Personalized Travel Recommendations" /> <img src="../assets/personalized-recommendations.svg" alt="Personalized Travel Recommendations" />
<h3>Personalized Travel Recommendations</h3> <h3>Personalized Travel Recommendations</h3>
<p>Deliver customized recommendations, based on user-preferences and behavior</p> <p>Deliver customized recommendations based on user preferences and behavior</p>
</div> </div>
<div class="solution-item"> <div class="solution-item">
<img src="../assets/dynamic-pricing.svg" alt="Dynamic Pricing Optimization" /> <img src="../assets/dynamic-pricing.svg" alt="Dynamic Pricing Optimization" />
<h3>Dynamic Pricing Optimization</h3> <h3>Dynamic Pricing Optimization</h3>
<p>Adjust prices in time based on market trends a demand</p> <p>Adjust prices in real-time based on market trends and demand</p>
</div> </div>
<div class="solution-item"> <div class="solution-item">
<img src="../assets/ai-customer-support.svg" alt="AI-Powered Customer Support" /> <img src="../assets/ai-customer-support.svg" alt="AI-Powered Customer Support" />
<h3>AI-Powered Customer Support</h3> <h3>AI-Powered Customer Support</h3>
<p>Provide instant, n-round cook assistance through AI chat</p> <p>Provide instant, around-the-clock assistance through AI chatbots</p>
</div> </div>
<div class="solution-item"> <div class="solution-item">
<img src="../assets/predictive-demand-analysis.svg" alt="Predictive Travel Demand Analysis" /> <img src="../assets/predictive-demand-analysis.svg" alt="Predictive Travel Demand Analysis" />
<h3>Predictive Travel Demand Analysis</h3> <h3>Predictive Travel Demand Analysis</h3>
<p>Forecast travel trends, to optimize inventory and resource allocation</p> <p>Forecast travel trends to optimize inventory and resource allocation</p>
</div> </div>
</div> </div>
</section> </section>
@@ -106,33 +298,81 @@
<!-- INSIGHTS & SUCCESS STORIES --> <!-- INSIGHTS & SUCCESS STORIES -->
<section id="insights-stories" class="container"> <section id="insights-stories" class="container">
<h2 class="section-heading">INSIGHTS & SUCCESS STORIES</h2> <h2 class="section-heading">INSIGHTS & SUCCESS STORIES</h2>
<div class="insights-grid"> <div class="insight-item"> <div class="articles-grid">
<img src="../assets/insights-placeholder-1.svg" alt="Insight Story 1" /> <div class="article-card">
<img src="../assets/insights-placeholder-1.svg" alt="The Role of AI in Modernizing Travel" />
<p class="date">Feb 19, 2024</p> <p class="date">Feb 19, 2024</p>
<h4>The Role of AI in Modernizing Travel</h4> <h3>The Role of AI in Modernizing Travel</h3>
<a href="case-studies.html" class="read-more">Read More &rarr;</a> <p>Discover how artificial intelligence is transforming customer experiences and operational efficiency in the travel industry.</p>
<a href="case-studies.html" class="read-more-link">Read More</a>
</div> </div>
<div class="insight-item"> <div class="article-card">
<img src="../assets/insights-placeholder-2.svg" alt="Insight Story 2" /> <img src="../assets/insights-placeholder-2.svg" alt="Personalization Case Study" />
<h4>Case Study</h4> <p class="date">Mar 05, 2024</p>
<a href="case-studies.html" class="read-more">Read More &rarr;</a> <h3>Case Study: AI-Powered Personalization</h3>
<p>How a major travel company increased bookings by 28% using our AI recommendation system.</p>
<a href="case-studies.html" class="read-more-link">Read More</a>
</div>
<div class="article-card">
<img src="../assets/insights-placeholder-1.svg" alt="Dynamic Pricing Success" />
<p class="date">Apr 10, 2024</p>
<h3>Dynamic Pricing Success Story</h3>
<p>Learn how our AI-driven pricing optimization helped a travel provider increase revenue by 15%.</p>
<a href="case-studies.html" class="read-more-link">Read More</a>
</div> </div>
</div> </div>
</section> </section>
<!-- FOOTER --> <!-- FOOTER -->
<footer class="container footer"> <footer class="site-footer">
<div class="footer-col"> <div class="container">
<h3>Ready to get started?</h3> <div class="footer-content">
<a href="../contact.html" class="btn-primary">Get Started</a> <div class="footer-col footer-col-logo">
</div> <a href="../index.html" class="logo">GYANNETRA</a>
<div class="footer-col"> <p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<h3>CONTACT US</h3> <div class="social-links">
<p>✉️ info@gyannetra.com</p> <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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> </div>
</footer> </footer>
<script src="../js/menu-dropdown.js" defer></script>
<script src="../js/menu-dropdown.js"></script> <script src="../js/main.js" defer></script>
<script src="../js/main.js"></script>
</body> </body>
</html> </html>

View File

@@ -5,7 +5,298 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Agentic AI - Gyannetra</title> <title>Agentic AI - Gyannetra</title>
<link rel="stylesheet" href="../css/style.css" /> <link rel="stylesheet" href="../css/style.css" />
<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"> <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">
<style>
body {
--primary-color: #ec4899; /* Pink tone for Agentic AI */
--primary-color-hover: #db2777;
--primary-color-glow: rgba(236, 72, 153, 0.5);
--card-bg: rgba(25, 35, 55, 0.7);
--text-light: #e0e0e0;
--text-muted: #b0b0b0;
}
/* Footer Styles to match automation-flows.html */
.site-footer {
background-color: #0f172a;
color: var(--text-muted);
padding: 50px 0;
font-size: 0.95rem;
}
.footer-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
margin-bottom: 40px;
}
.footer-col {
flex: 1;
min-width: 220px;
}
.footer-col-logo .logo {
font-size: 1.8rem;
color: #fff;
margin-bottom: 15px;
display: inline-block;
}
.footer-col h3 {
font-size: 1.2rem;
color: #fff;
margin-bottom: 20px;
font-weight: 600;
}
.footer-col ul { list-style: none; padding: 0; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul li a {
color: var(--text-muted);
text-decoration: none;
transition: color 0.3s ease;
}
.footer-col ul li a:hover { color: var(--primary-color); }
.footer-col p { margin-bottom: 10px; line-height: 1.7; }
.footer-col .social-links a {
color: var(--text-muted);
margin-right: 15px;
font-size: 1.3rem;
transition: color 0.3s ease;
}
.footer-col .social-links a:hover { color: var(--primary-color); }
.footer-bottom {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 0.9rem;
}
.footer-col p a {
color: var(--text-muted);
text-decoration: none;
}
.footer-col p a:hover {
color: var(--primary-color);
text-decoration: underline;
}
/* End of Footer Styles */
.hero-section { /* Standardized from .agentic-ai-header */
text-align: center;
padding: 80px 20px 60px;
max-width: 900px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.hero-section h1 { /* Standardized */
font-size: 3.2rem;
margin-bottom: 25px;
color: var(--primary-color);
text-shadow: 0 2px 10px rgba(0,0,0,0.7);
}
.hero-section p { /* Standardized */
font-size: 1.1rem;
max-width: 750px;
margin: 0 auto 30px auto;
line-height: 1.7;
color: var(--text-muted);
}
.solutions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 35px;
justify-items: center;
margin-top: 30px;
}
.solution-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
background-color: var(--card-bg);
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(249, 115, 22, 0.3); /* Orange border */
width: 100%;
height: 100%;
}
.solution-item:hover {
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.solution-icon {
width: 70px;
height: 70px;
margin-bottom: 20px;
object-fit: contain;
}
.solution-item h3 {
font-size: 1.25rem;
color: var(--text-light);
margin-bottom: 10px;
font-weight: 600;
}
.solution-item p {
color: var(--text-muted);
font-size: 0.95rem;
}
.articles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
}
.article-card {
background-color: var(--card-bg);
border-radius: 12px;
padding: 25px;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
border: 1px solid rgba(249, 115, 22, 0.3); /* Orange border */
height: 100%;
}
.article-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(249, 115, 22, 0.4); /* Orange glow */
}
.article-card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.article-card h3 {
font-size: 1.4rem;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}
.article-card p {
font-size: 1rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
.read-more-link {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease, background-color 0.3s ease;
align-self: flex-start;
padding: 8px 15px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.read-more-link:hover {
background-color: var(--primary-color-hover);
color: #fff;
text-decoration: none;
}
.overview-section h2, /* Standardized */
.key-offerings-section h2, /* Standardized */
.benefits-section h2, /* Standardized */
.blogs-case-studies-section h2, /* Standardized */
.related-content-section h2 { /* Standardized */
font-size: 2.2rem;
margin-bottom: 30px;
color: var(--primary-color);
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.key-offerings-section h2 {
margin-bottom: 45px;
}
.benefits-section ul { /* Standardized */
list-style-type: none;
padding: 0;
margin-top: 20px;
text-align: center;
}
.benefits-section li { /* Standardized */
margin-bottom: 10px;
font-size: 1.1rem;
color: var(--text-light);
}
.blogs-case-studies-section h2 {
margin-bottom: 45px;
}
.related-content-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 30px;
margin-bottom: 40px;
}
.related-content-item {
background-color: var(--card-bg);
padding: 20px;
border-radius: 10px;
border: 1px solid rgba(249, 115, 22, 0.3); /* Orange border */
}
.related-content-item h3 {
color: var(--primary-color);
margin-bottom: 10px;
font-size: 1.2rem;
}
.related-content-item p {
color: var(--text-muted);
margin-bottom: 15px;
}
.read-more {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
}
.read-more:hover {
text-decoration: underline;
}
.section-padding {
padding-top: 60px;
padding-bottom: 60px;
}
.container {
width: 90%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
} .site-header .navbar.container {
width: 100%;
max-width: 1400px;
padding: 0.5rem 2.0rem;
}
</style>
</head> </head>
<body> <body>
<div class="atmospheric-bg"> <div class="atmospheric-bg">
@@ -17,127 +308,215 @@
<div class="noise"></div> <div class="noise"></div>
</div> </div>
<!-- NAVBAR -->
<header class="site-header"> <header class="site-header">
<nav class="navbar container"> <nav class="navbar container">
<a href="../index.html" class="logo">GYANNETRA</a> <a href="../index.html" class="logo">GYANNETRA</a>
<ul class="nav-links"> <ul class="nav-links">
<li class="dropdown"><a href="#" class="nav-link">Services ▾</a> <li class="dropdown"><a href="#" class="nav-link">Services ▾</a>
<ul class="dropdown-menu services-dropdown"> <ul class="dropdown-menu services-dropdown">
<li><a href="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="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">Intelligent systems that learn from data.</span></div></div></a></li>
<li><a href="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="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">Transform raw data into actionable insights.</span></div></div></a></li>
<li><a href="generative-ai.html"><div class="dropdown-item-content"><img src="../assets/gen ai.png" alt="" 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="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">Create novel content with AI.</span></div></div></a></li>
<li><a href="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="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">Autonomous AI agents for specific goals.</span></div></div></a></li>
<li><a href="automation-flows.html"><div class="dropdown-item-content"><img src="../assets/automation flows.png" alt="" 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> <li><a href="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">Streamline workflows with intelligent automation.</span></div></div></a></li>
</ul> </ul>
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Industries ▾</a> <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> <ul class="dropdown-menu industries-dropdown">
<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/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">AI for fraud detection, risk management.</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/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">AI for faster diagnoses, personalized care.</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/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">AI for process optimization, quality control.</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/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">AI for campaign personalization, consumer insights.</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/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">AI for content creation, recommendations.</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. <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">AI for customer journey enhancement, pricing.</span></div></div></a></li>
</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">AI for personalized experiences, inventory optimization.</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> <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 of our AI solutions.</span></div></div></a></li>
</ul>
</ul> </li>
</li> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <ul class="dropdown-menu education-dropdown">
<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">Interactive sessions on AI concepts and skills.</span></div></div></a></li>
<li><a href="#"><div class="dropdown-item-content"><img src="../assets/workshops.png" alt="" 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 Trainings Icon" class="dropdown-icon"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized AI learning programs.</span></div></div></a></li>
<li><a href="#"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="" 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 Trainings Icon" class="dropdown-icon"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized AI training for teams.</span></div></div></a></li>
<li><a href="#"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="" 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. </ul>
</span></div></div></a></li> </li>
</ul> <li><a href="../about.html" class="nav-link">About Us</a></li>
</li> <li><a href="../contact.html" class="nav-link">Contact Us</a></li>
<li><a href="../about.html" class="nav-link">About Us</a></li> </ul>
<li><a href="../contact.html" class="nav-link">Contact Us</a></li>
</ul>
</nav> </nav>
</header> </header>
<!-- AGENTIC AI SECTION --> <main>
<section id="agentic-ai" class="container"> <section class="hero-section">
<div class="agentic-ai-header"> <h1>Empowering Autonomy with Agentic AI</h1>
<h1>AGENTIC AI</h1> <p>Gyannetra pioneers Agentic AI solutions, developing intelligent, autonomous agents that perceive, reason, and act to achieve complex goals across diverse environments.</p>
<p>We develop autonomous AI agents with capabilities for perception, reasoning, and action. Our agents are tailored for a range of applications, driving intelligent outcomes in dynamic environments.</p> <a href="../contact.html" class="btn btn-primary">Deploy Intelligent Agents</a>
</div> </section>
<div class="key-offerings"> <section class="overview-section section-padding container">
<h2>OVERVIEW OF AGENTIC AI SERVICES</h2>
<p>Our Agentic AI services focus on creating sophisticated AI agents that can operate independently or collaboratively. We leverage advanced reinforcement learning, planning, and perception techniques to build agents capable of intelligent automation, autonomous decision-making, and providing interactive assistance, tailored to your specific industry needs.</p>
</section>
<section class="key-offerings-section section-padding container">
<h2>KEY OFFERINGS</h2> <h2>KEY OFFERINGS</h2>
<div class="offerings-cards"> <div class="solutions-grid">
<div class="offering-card"> <div class="solution-item">
<img src="../assets/intelligent automation.png" alt="Intelligent Automation Icon" /> <img src="../assets/ai-agent.png" alt="Intelligent Automation Agents Icon" class="solution-icon" />
<h3>Intelligent Automation</h3> <h3>Intelligent Automation Agents</h3>
<p>Automated complex tasks with adaptive AI agents</p> <p>Deploy AI agents that automate complex tasks, learn from interactions, and adapt to evolving operational demands.</p>
</div> </div>
<div class="offering-card"> <div class="solution-item">
<img src="../assets/autonomous decision making.png" alt="Autonomous Decision-Making Icon" /> <img src="../assets/automation.png" alt="Autonomous Decision-Making Systems Icon" class="solution-icon" />
<h3>Autonomous Decision-Making</h3> <h3>Autonomous Decision-Making Systems</h3>
<p>AI agents that make decisions independently</p> <p>Develop AI agents that analyze real-time data to make informed, independent decisions in dynamic settings.</p>
</div> </div>
<div class="offering-card"> <div class="solution-item">
<img src="../assets/ai powered assistants.png" alt="AI-Powered Assistants Icon" /> <img src="../assets/ai-customer-support.svg" alt="AI-Powered Virtual Assistants Icon" class="solution-icon" />
<h3>AI-Powered Assistants</h3> <h3>AI-Powered Virtual Assistants</h3>
<p>Intelligent virtual assistants for various domains</p> <p>Create intelligent virtual assistants for customer service, internal support, and specialized operational roles to enhance productivity.</p>
</div>
<div class="solution-item">
<img src="../assets/robotic_automation_icon.svg" alt="Multi-Agent Collaboration Systems Icon" class="solution-icon" />
<h3>Multi-Agent Collaboration Systems</h3>
<p>Design coordinated teams of AI agents that work synergistically to solve complex, large-scale problems efficiently.</p>
</div>
<div class="solution-item">
<img src="../assets/analytics (1).png" alt="Agent-Based Simulation Icon" class="solution-icon"> <!-- Placeholder path -->
<h3>Agent-Based Simulation</h3>
<p>Model and simulate complex systems using autonomous agents to test scenarios and predict outcomes.</p>
</div>
<div class="solution-item">
<img src="../assets/hero-bg.png" alt="Ethical AI Agent Design Icon" class="solution-icon"> <!-- Placeholder path -->
<h3>Ethical AI Agent Design</h3>
<p>Ensure your AI agents operate responsibly and ethically, aligned with human values and safety standards.</p>
</div>
<div class="solution-item">
<img src="../assets/automation flows.png" alt="AI-driven RPA Icon" class="solution-icon"> <!-- Placeholder path -->
<h3>AI-driven Robotic Process Automation (RPA)</h3>
<p>Enhance traditional RPA with AI agents capable of handling complex exceptions and learning new processes.</p>
</div>
<div class="solution-item">
<img src="../assets/chatbots-customer-service.svg" alt="Personalized Agent Experiences Icon" class="solution-icon"> <!-- Placeholder path -->
<h3>Personalized Agent Experiences</h3>
<p>Develop AI agents that deliver tailored interactions and services by understanding individual user needs and preferences.</p>
</div> </div>
</div> </div>
</div> </section>
<div class="benefits"> <section class="benefits-section section-padding container">
<h2>BENEFITS OF CHOOSING GYANNETRA FOR AGENTIC AI</h2> <h2>BENEFITS OF CHOOSING GYANNETRA FOR AGENTIC AI</h2>
<ul> <ul>
<li>Increased efficiency through autonomous operations</li> <li>Achieve significant efficiency gains through autonomous task execution.</li>
<li>Enhanced autonomy in decision-making processes</li> <li>Enhance decision-making capabilities with AI-driven insights and autonomy.</li>
<li>Ability to tackle complex problem-solving tasks</li> <li>Solve complex, dynamic problems that are beyond traditional automation.</li>
<li>Scale operations effectively with adaptable and intelligent AI agents.</li>
<li>Benefit from our expertise in cutting-edge agentic AI research and development.</li>
<li>Partner with a team dedicated to responsible and ethical AI deployment.</li>
</ul> </ul>
</div> </section>
<div class="blogs-case-studies"> <section class="blogs-case-studies-section section-padding container">
<h2>BLOGS & CASE STUDIES</h2> <h2>BLOGS & CASE STUDIES</h2>
<div class="blog-cards"> <div class="blog-card"> <div class="articles-grid">
<h3>Building Robust Autonomous Agents</h3> <div class="article-card">
<p>Insights into developing through autonomous operations</p> <img src="../assets/automation.png" alt="Autonomous Agents Article Thumbnail"> <!-- Placeholder path -->
<a href="../Industries/case-studies.html">Read More</a> <h3>The Rise of Autonomous Agents in Modern Industry</h3>
<p>Explore the transformative impact of robust autonomous AI agents in complex operational environments and future trends.</p>
<a href="../Industries/case-studies.html#autonomous-agents" class="read-more-link">Read Article</a>
</div> </div>
<div class="blog-card"> <div class="article-card">
<h3>Case Study: AI in Supply Chain Management</h3> <img src="../assets/case study ind.png" alt="Agentic AI in Logistics Case Study Thumbnail"> <!-- Placeholder path -->
<p>Agents. AI solutians transforming logistics</p> <h3>Case Study: Optimizing Global Logistics with Agentic AI</h3>
<a href="../Industries/case-studies.html">Read More</a> <p>How our autonomous AI agents revolutionized supply chain management and logistics for a global shipping enterprise.</p>
<a href="../Industries/case-studies.html#agentic-logistics" class="read-more-link">View Case Study</a>
</div> </div>
<div class="blog-card"> <div class="article-card">
<h3>Advancements InAI Autonomy</h3> <img src="../assets/healthcare ind.png" alt="Future of Virtual Assistants Article Thumbnail"> <!-- Placeholder path -->
<p>Exploring the latest trends in autonomous AI</p> <h3>The Future of AI: Intelligent Virtual Assistants in Healthcare</h3>
<a href="../Industries/case-studies.html">View Case Study</a> <p>A look into how AI-powered virtual agents are enhancing patient care and operational efficiency in leading medical institutions.</p>
</div> <a href="../Industries/case-studies.html#virtual-assistants-healthcare" class="read-more-link">Explore Insights</a>
<div class="blog-card">
<h3>Case Study: VirtualAssistants in Healthcare</h3>
<p>Enhancing patient care with Ai powered agents</p>
<a href="../Industries/case-studies.html">Read More</a>
</div> </div>
</div> </div>
</div> </section>
<div class="explore-capabilities"> <section class="related-content-section section-padding container">
<button class="btn-primary">Explore Our Agentic AI Solutions</button> <h2>EXPLORE OUR AI CAPABILITIES</h2>
</div> <div class="related-content-grid">
<div class="related-content-item">
<img src="../assets/automation flows.png" alt="Automation Flows Services Thumbnail" class="related-content-image"> <!-- Placeholder path -->
<h3>Intelligent Automation Flows</h3>
<p>Streamline your business processes and boost productivity with our advanced automation flow solutions.</p>
<a href="automation-flows.html" class="read-more">Discover Automation</a>
</div>
<div class="related-content-item">
<img src="../assets/mlng.png" alt="Machine Learning Solutions Thumbnail" class="related-content-image"> <!-- Placeholder path -->
<h3>Machine Learning Expertise</h3>
<p>Leverage our deep expertise in machine learning to build predictive models and data-driven applications.</p>
<a href="machine-learning.html" class="read-more">Explore ML</a>
</div>
<div class="related-content-item">
<img src="../assets/gen ai.png" alt="Responsible AI Development Thumbnail" class="related-content-image"> <!-- Placeholder path -->
<h3>Responsible AI Development</h3>
<p>Partner with us for AI solutions that are not only powerful but also ethical, transparent, and fair.</p>
<a href="../contact.html#responsible-ai" class="read-more">Learn About Ethics</a>
</div>
</div>
<div style="text-align: center; margin-top: 40px;">
<a href="../contact.html" class="btn btn-primary">Discuss Your Agentic AI Needs</a>
</div>
</section>
</main>
</section> <footer class="site-footer">
<div class="container">
<!-- FOOTER --> <div class="footer-content">
<footer class="container footer"> <div class="footer-col footer-col-logo">
<div class="footer-col"> <a href="../index.html" class="logo">GYANNETRA</a>
<h3>Ready to get started?</h3> <p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<a href="../contact.html" class="btn-primary">Get Started</a> <div class="social-links">
</div> <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<div class="footer-col"> <a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<h3>CONTACT US</h3> <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<p>✉️ info@gyannetra.com</p> <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="machine-learning.html">Machine Learning</a></li>
<li><a href="data-analysis.html">Data Analysis</a></li>
<li><a href="generative-ai.html">Generative AI</a></li>
<li><a href="agentic-ai.html">Agentic AI</a></li>
<li><a href="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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> </div>
</footer> </footer>
<script src="../js/menu-dropdown.js" defer></script>
<script src="../js/main.js"></script> <script src="../js/main.js" defer></script>
</body> </body>
</html> </html>

View File

@@ -1,11 +1,311 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Automation Flows - Gyannetra</title> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="../css/style.css"> <title>Automation Flows - Gyannetra</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link rel="stylesheet" href="../css/style.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"> <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">
<style>
body {
--primary-color: #8b5cf6; /* Purple tone for Automation Flows */
--primary-color-hover: #7c3aed;
--primary-color-glow: rgba(139, 92, 246, 0.5);
--card-bg: rgba(25, 35, 55, 0.7);
--text-light: #e0e0e0;
--text-muted: #b0b0b0;
}
.hero-section {
text-align: center;
padding: 80px 20px 60px;
max-width: 900px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.hero-section h1 {
font-size: 3.2rem;
margin-bottom: 25px;
color: var(--primary-color);
text-shadow: 0 2px 10px rgba(0,0,0,0.7);
}
.hero-section p {
font-size: 1.1rem;
max-width: 750px;
margin: 0 auto 30px auto;
line-height: 1.7;
color: var(--text-muted);
}
.solutions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 35px;
justify-items: center;
margin-top: 30px;
}
.solution-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
background-color: var(--card-bg);
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(139, 92, 246, 0.3); /* Purple border */
width: 100%;
height: 100%;
}
.solution-item:hover {
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.solution-icon {
width: 70px;
height: 70px;
margin-bottom: 20px;
object-fit: contain;
}
.solution-item h3 {
font-size: 1.25rem;
color: var(--text-light);
margin-bottom: 10px;
font-weight: 600;
}
.solution-item p {
color: var(--text-muted);
font-size: 0.95rem;
}
.articles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
}
.article-card {
background-color: var(--card-bg);
border-radius: 12px;
padding: 25px;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
border: 1px solid rgba(139, 92, 246, 0.3); /* Purple border */
height: 100%;
}
.article-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(139, 92, 246, 0.4); /* Purple glow */
}
.article-card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.article-card h3 {
font-size: 1.4rem;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}
.article-card p {
font-size: 1rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
.read-more-link {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease, background-color 0.3s ease;
align-self: flex-start;
padding: 8px 15px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.read-more-link:hover {
background-color: var(--primary-color-hover);
color: #fff;
text-decoration: none;
}
.overview-section h2,
.key-offerings-section h2,
.benefits-section h2,
.blogs-case-studies-section h2,
.related-content-section h2 {
font-size: 2.2rem;
margin-bottom: 30px;
color: var(--primary-color);
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.key-offerings-section h2 {
margin-bottom: 45px;
}
.benefits-section ul {
list-style-type: none;
padding: 0;
margin-top: 20px;
text-align: center;
}
.benefits-section li {
margin-bottom: 10px;
font-size: 1.1rem;
color: var(--text-light);
}
.blogs-case-studies-section h2 {
margin-bottom: 45px;
}
.related-content-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 30px;
margin-bottom: 40px;
}
.related-content-item {
background-color: var(--card-bg);
padding: 20px;
border-radius: 10px;
border: 1px solid rgba(139, 92, 246, 0.3); /* Purple border */
}
.related-content-item h3 {
color: var(--primary-color);
margin-bottom: 10px;
font-size: 1.2rem;
}
.related-content-item p {
color: var(--text-muted);
margin-bottom: 15px;
}
.read-more {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
}
.read-more:hover {
text-decoration: underline;
}
.section-padding {
padding-top: 60px;
padding-bottom: 60px;
}
.container {
width: 90%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
} .site-header .navbar.container {
width: 100%;
max-width: 1400px;
padding: 0.5rem 2.0rem;
}
.site-footer {
background-color: #0f172a;
color: var(--text-muted);
padding: 50px 0;
font-size: 0.95rem;
}
.footer-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
margin-bottom: 40px;
}
.footer-col {
flex: 1;
min-width: 220px;
}
.footer-col-logo .logo {
font-size: 1.8rem;
color: #fff;
margin-bottom: 15px;
display: inline-block;
}
.footer-col h3 {
font-size: 1.2rem;
color: #fff;
margin-bottom: 20px;
font-weight: 600;
}
.footer-col ul {
list-style: none;
padding: 0;
}
.footer-col ul li {
margin-bottom: 10px;
}
.footer-col ul li a {
color: var(--text-muted);
text-decoration: none;
transition: color 0.3s ease;
}
.footer-col ul li a:hover {
color: var(--primary-color);
}
.footer-col p {
margin-bottom: 10px;
line-height: 1.7;
}
.footer-col .social-links a {
color: var(--text-muted);
margin-right: 15px;
font-size: 1.3rem;
transition: color 0.3s ease;
}
.footer-col .social-links a:hover {
color: var(--primary-color);
}
.footer-bottom {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 0.9rem;
}
.footer-col p a {
color: var(--text-muted);
text-decoration: none;
}
.footer-col p a:hover {
color: var(--primary-color);
text-decoration: underline;
}
</style>
</head> </head>
<body> <body>
<div class="atmospheric-bg"> <div class="atmospheric-bg">
@@ -17,110 +317,220 @@
<div class="noise"></div> <div class="noise"></div>
</div> </div>
<!-- NAVBAR -->
<header class="site-header"> <header class="site-header">
<nav class="navbar container"> <nav class="navbar container">
<a href="../index.html" class="logo">GYANNETRA</a> <a href="../index.html" class="logo">GYANNETRA</a>
<ul class="nav-links"> <ul class="nav-links">
<li class="dropdown"><a href="#" class="nav-link">Services ▾</a> <li class="dropdown"><a href="#" class="nav-link">Services ▾</a>
<ul class="dropdown-menu services-dropdown"> <ul class="dropdown-menu services-dropdown">
<li><a href="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="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">Intelligent systems that learn from data.</span></div></div></a></li>
<li><a href="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="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">Transform raw data into actionable insights.</span></div></div></a></li>
<li><a href="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="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">Create novel content with AI.</span></div></div></a></li>
<li><a href="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="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">Autonomous AI agents for specific goals.</span></div></div></a></li>
<li><a href="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> <li><a href="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">Streamline workflows with intelligent automation.</span></div></div></a></li>
</ul> </ul>
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Industries ▾</a> <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> <ul class="dropdown-menu industries-dropdown">
<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/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">AI for fraud detection, risk management.</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/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">AI for faster diagnoses, personalized care.</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/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">AI for process optimization, quality control.</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/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">AI for campaign personalization, consumer insights.</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/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">AI for content creation, recommendations.</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. <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">AI for customer journey enhancement, pricing.</span></div></div></a></li>
</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">AI for personalized experiences, inventory optimization.</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> <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 of our AI solutions.</span></div></div></a></li>
</ul>
</ul> </li>
</li> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <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/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">Interactive sessions on AI concepts and 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/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings Icon" class="dropdown-icon"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized AI learning programs.</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. <li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings Icon" class="dropdown-icon"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized AI training for teams.</span></div></div></a></li>
</span></div></div></a></li> </ul>
</ul> </li>
</li> <li><a href="../about.html" class="nav-link">About Us</a></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>
<li><a href="../contact.html" class="nav-link">Contact Us</a></li> </ul>
</ul> <script src="../js/menu-dropdown.js" defer></script>
<script src="../js/main.js" defer></script>
</nav> </nav>
</header> <main> </header>
<section id="automation-flows" class="container">
<div class="automation-flows-header hero-section">
<h1>AUTOMATION FLOWS</h1>
<p>Harnessing the power of AI to streamline and optimize complex business processes</p>
</div>
</section> <section id="featured-solutions" class="overview-section container">
<h2 class="section-heading">Featured Automation Solutions</h2>
<div class="offerings-grid">
<div class="offering-item">
<img src="../assets/icons/document-processing-icon.svg" alt="Intelligent Document Processing Icon" class="offering-icon">
<h3>Intelligent Document Processing</h3>
<p>Automate data extraction and classification from documents, enhancing efficiency.</p>
</div>
<div class="offering-item">
<img src="../assets/icons/robotic-process-automation-icon.svg" alt="AI-Enhanced Robotic Process Automation Icon" class="offering-icon">
<h3>AI-Enhanced Robotic Process Automation</h3>
<p>Integrate AI with RPA to intelligent automate tasks and decision-making.</p>
</div>
<div class="offering-item">
<img src="../assets/icons/workflow-orchestration-icon.svg" alt="Smart Workflow Orchestration Icon" class="offering-icon">
<h3>Smart Workflow Orchestration</h3>
<p>Design and manage dynamic workflows with AI-driven optimization.</p>
</div> </div>
</section> <section id="gyannetra-advantage" class="benefits-section container">
<h2 class="section-heading">The Gyannetra Advantage in Automation</h2>
<ul>
<li>Custom AI Model Integration</li>
<li>Focus on ROI and Scalability</li>
<li>Seamless System Connectivity</li>
</ul>
</section>
<section id="related-content" class="related-content-section container"> <main>
<h2 class="section-heading">BLOGS & CASE STUDIES</h2> <section class="hero-section">
<div class="related-content-grid"> <div class="related-content-item"> <h1>Streamline Your World with Intelligent Automation Flows</h1>
<h3>Case Study</h3> <p>Gyannetra designs and implements cutting-edge Automation Flows, leveraging AI to optimize your business processes, enhance efficiency, and drive productivity to new heights.</p>
<h4>Boosting Efficiency with AI Automation</h4> <a href="../contact.html" class="btn btn-primary">Automate Your Processes</a>
<p>Learn how we transformed a client's operations by implementing intelligent automation.</p> <!-- Consider adding a relevant hero image here if design allows -->
<a href="../Industries/case-studies.html" class="btn-book-consultation">Read Case Study</a> <!-- <img src="../assets/automation-flows-hero.jpg" alt="Abstract representation of interconnected automation gears and digital pathways" class="hero-image"> -->
</div> </section>
<div class="related-content-item">
<h3>Blog Post</h3>
<h4>AI and the Future of Business Processes</h4>
<p>Discover the latest trends and advancements in AI-driven automation for enterprises.</p> <a href="../Industries/case-studies.html" class="btn-book-consultation">Explore Blog</a>
</div>
</div>
<div class="explore-capabilities">
<a href="../Industries/case-studies.html" class="btn-primary">Explore Our Automation Solutions</a>
</div>
</section>
</main> <section class="overview-section section-padding container">
<h2>OVERVIEW OF AUTOMATION FLOW SERVICES</h2>
<p>Our Automation Flow services are engineered to identify and automate repetitive, complex, and time-consuming tasks within your organization. We integrate AI and machine learning to create smart, adaptive automation solutions that go beyond traditional RPA, enabling intelligent decision-making, seamless system integration, and continuous process improvement for sustained operational excellence.</p>
</section>
<section class="key-offerings-section section-padding container">
<h2>KEY OFFERINGS</h2>
<div class="solutions-grid">
<div class="solution-item">
<img src="../assets/icons/document-processing.svg" alt="Intelligent Document Processing Icon" class="solution-icon">
<h3>Intelligent Document Processing</h3>
<p>Automate data extraction, validation, and classification from diverse document types, enhancing accuracy and speed.</p>
</div>
<div class="solution-item">
<img src="../assets/icons/rpa-enhancement.svg" alt="AI-Enhanced RPA Icon" class="solution-icon">
<h3>AI-Enhanced Robotic Process Automation (RPA)</h3>
<p>Infuse AI capabilities into RPA bots to handle complex exceptions, learn new tasks, and make intelligent decisions.</p>
</div>
<div class="solution-item">
<img src="../assets/icons/workflow-orchestration.svg" alt="Smart Workflow Orchestration Icon" class="solution-icon">
<h3>Smart Workflow Orchestration</h3>
<p>Design, manage, and optimize dynamic end-to-end workflows with AI-driven task routing and resource allocation.</p>
</div>
<div class="solution-item">
<img src="../assets/icons/process-mining.svg" alt="Process Mining & Optimization Icon" class="solution-icon">
<h3>Process Mining & Optimization</h3>
<p>Utilize AI to analyze existing processes, identify bottlenecks, and recommend data-driven optimization strategies.</p>
</div>
<div class="solution-item">
<img src="../assets/icons/api-integration.svg" alt="Automated API Integration Icon" class="solution-icon">
<h3>Automated API Integration & Management</h3>
<p>Streamline data exchange and process connectivity across disparate systems with intelligent API automation.</p>
</div>
<div class="solution-item">
<img src="../assets/icons/compliance-reporting.svg" alt="Compliance & Reporting Automation Icon" class="solution-icon">
<h3>Compliance & Reporting Automation</h3>
<p>Automate data gathering, validation, and report generation for regulatory compliance and internal governance.</p>
</div>
<div class="solution-item">
<img src="../assets/icons/ai-chatbots.svg" alt="AI-Powered Chatbots Icon" class="solution-icon">
<h3>AI-Powered Chatbots & Virtual Assistants</h3>
<p>Deploy intelligent chatbots to automate customer service, internal support, and task execution via conversational AI.</p>
</div>
<div class="solution-item">
<img src="../assets/icons/predictive-triggers.svg" alt="Predictive Workflow Triggering Icon" class="solution-icon">
<h3>Predictive Workflow Triggering</h3>
<p>Leverage AI to anticipate needs and proactively trigger automation flows based on data patterns and predictive analytics.</p>
</div>
</div>
</section>
<!-- FOOTER --> <section class="benefits-section section-padding container">
<footer class="container footer"> <h2>BENEFITS OF CHOOSING GYANNETRA FOR AUTOMATION FLOWS</h2>
<div class="footer-col"> <ul>
<h3>Ready to get started?</h3> <li>Boost operational efficiency and reduce manual effort significantly.</li>
<a href="../contact.html" class="btn-primary">Get Started</a> <li>Improve accuracy and consistency in critical business processes.</li>
<li>Achieve faster turnaround times and enhance service delivery.</li>
<li>Gain scalability to handle fluctuating workloads with ease.</li>
<li>Unlock valuable insights through AI-driven process analytics.</li>
<li>Ensure robust compliance and reduce operational risks.</li>
</ul>
</section>
<section class="blogs-case-studies-section section-padding container">
<h2>BLOGS & CASE STUDIES</h2>
<div class="articles-grid">
<div class="article-card">
<img src="../assets/blog/rpa-evolution.jpg" alt="Stylized image showing the evolution of RPA from simple bots to intelligent automation flows">
<h3>The Evolution of RPA: From Task Automation to Intelligent Flows</h3>
<p>Explore how AI is transforming Robotic Process Automation, enabling more complex and adaptive automation solutions.</p>
<a href="../Industries/case-studies.html#rpa-evolution" class="read-more-link">Read Article</a>
</div>
<div class="article-card">
<img src="../assets/case-studies/financial-automation.jpg" alt="Dashboard showcasing efficiency gains from automated financial close processes">
<h3>Case Study: Revolutionizing Financial Close with Automated Flows</h3>
<p>Discover how Gyannetra helped a financial institution reduce its month-end closing time by 40% through intelligent automation.</p>
<a href="../Industries/case-studies.html#financial-automation" class="read-more-link">View Case Study</a>
</div>
<div class="article-card">
<img src="../assets/blog/process-mining-insights.jpg" alt="Abstract visualization of process mining identifying bottlenecks and optimization opportunities">
<h3>Unlocking Efficiency: The Power of AI-Driven Process Mining</h3>
<p>Learn how process mining can reveal hidden inefficiencies and pave the way for impactful automation strategies.</p>
<a href="../Industries/case-studies.html#process-mining" class="read-more-link">Explore Insights</a>
</div>
</div>
</section>
<section class="related-content-section section-padding container">
<h2>EXPLORE OUR AI CAPABILITIES</h2>
<div class="related-content-grid">
<div class="related-content-item">
<img src="../assets/related/agentic-ai.jpg" alt="Illustration of an AI agent autonomously managing tasks" class="related-content-image">
<h3>Intelligent Agentic AI</h3>
<p>Discover how our autonomous AI agents can perform complex tasks and make intelligent decisions for your business.</p>
<a href="agentic-ai.html" class="read-more">Discover Agentic AI</a>
</div>
<div class="related-content-item">
<img src="../assets/related/data-analysis.jpg" alt="Abstract representation of data transforming into insightful charts and graphs" class="related-content-image">
<h3>Advanced Data Analysis</h3>
<p>Turn your raw data into actionable intelligence with our comprehensive data analysis and visualization services.</p>
<a href="data-analysis.html" class="read-more">Explore Data Analysis</a>
</div>
<div class="related-content-item">
<img src="../assets/related/custom-solutions.jpg" alt="Collaborative design session for custom AI solutions" class="related-content-image">
<h3>Custom AI Solutions</h3>
<p>Partner with us to develop tailored AI strategies and solutions that address your unique business challenges.</p>
<a href="../contact.html#custom-solutions" class="read-more">Build Your Solution</a>
</div>
</div>
<div style="text-align: center; margin-top: 40px;">
<a href="../contact.html" class="btn btn-primary">Discuss Your Automation Needs</a>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">GYANNETRA</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>
<div class="footer-col"> <div class="footer-col">
<h3>CONTACT US</h3> <h3>Quick Links</h3>
<p>✉️ info@gyannetra.com</p> <ul>
<li><a href="../index.html">Home</a></li>
<li><a href="machine-learning.html">Machine Learning</a></li>
<li><a href="data-analysis.html">Data Analysis</a></li>
<li><a href="generative-ai.html">Generative AI</a></li>
<li><a href="agentic-ai.html">Agentic AI</a></li>
<li><a href="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>
</footer> <script src="../js/menu-dropdown.js"></script> <div class="footer-col">
<script src="../js/main.js"></script> <h3>Contact Us</h3>
<ul>
<li><p><i class="fas fa-map-marker-alt"></i> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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>
<!-- Optional: Newsletter signup form -->
<form action="#" method="post" class="newsletter-form" style="display: none;"> <!-- Hidden for now -->
<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; 2024 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>
</body> </body>
</html> </html>

View File

@@ -1,11 +1,289 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Data Analysis - Gyannetra</title> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="../css/style.css"> <title>Data Analysis - Gyannetra</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link rel="stylesheet" href="../css/style.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"> <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">
<style>
body {
--primary-color: #f59e0b; /* Amber tone for Data Analysis */
--primary-color-hover: #d97706;
--primary-color-glow: rgba(245, 158, 11, 0.5);
--card-bg: rgba(25, 35, 55, 0.7);
--text-light: #e0e0e0;
--text-muted: #b0b0b0;
}
.hero-section {
text-align: center;
padding: 80px 20px 60px;
max-width: 900px;
margin: 0 auto;
position: relative; /* Ensure hero content is above atmospheric bg */
z-index: 2; /* Ensure hero content is above atmospheric bg */
}
.hero-section h1 {
font-size: 3.2rem;
margin-bottom: 25px;
color: var(--primary-color);
text-shadow: 0 2px 10px rgba(0,0,0,0.7);
}
.hero-section p {
font-size: 1.1rem;
max-width: 750px;
margin: 0 auto 30px auto;
line-height: 1.7;
color: var(--text-muted);
}
.solutions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 35px;
justify-items: center;
margin-top: 30px;
}
.solution-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
background-color: var(--card-bg);
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(14, 165, 233, 0.3);
width: 100%;
height: 100%;
}
.solution-item:hover {
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.solution-icon {
width: 70px;
height: 70px;
margin-bottom: 20px;
object-fit: contain;
}
.solution-item h3 {
font-size: 1.25rem;
color: var(--text-light);
margin-bottom: 10px;
font-weight: 600;
}
.solution-item p {
color: var(--text-muted);
font-size: 0.95rem;
}
.articles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
}
.article-card {
background-color: var(--card-bg);
border-radius: 12px;
padding: 25px;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
border: 1px solid rgba(14, 165, 233, 0.3);
height: 100%;
}
.article-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(14, 165, 233, 0.4);
}
.article-card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.article-card h3 {
font-size: 1.4rem;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}
.article-card p {
font-size: 1rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
.read-more-link {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease, background-color 0.3s ease;
align-self: flex-start;
padding: 8px 15px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.read-more-link:hover {
background-color: var(--primary-color-hover);
color: #fff;
text-decoration: none;
}
.overview-section h2,
.key-offerings-section h2,
.benefits-section h2,
.blogs-case-studies-section h2,
.related-content-section h2 {
font-size: 2.2rem;
margin-bottom: 30px;
color: var(--primary-color);
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.key-offerings-section h2 {
margin-bottom: 45px;
}
.benefits-section ul {
list-style-type: none;
padding: 0;
margin-top: 20px;
text-align: center;
}
.benefits-section li {
margin-bottom: 10px;
font-size: 1.1rem;
color: var(--text-light);
}
.blogs-case-studies-section h2 {
margin-bottom: 45px;
}
.related-content-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 30px;
margin-bottom: 40px;
}
.related-content-item {
background-color: var(--card-bg);
padding: 20px;
border-radius: 10px;
border: 1px solid rgba(14, 165, 233, 0.3);
}
.related-content-item h3 {
color: var(--primary-color);
margin-bottom: 10px;
font-size: 1.2rem;
}
.related-content-item p {
color: var(--text-muted);
margin-bottom: 15px;
}
.read-more {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
}
/* Removed conflicting section styling that was here:
section:not(.hero-section) {
margin: 0;
padding: 0;
}
*/
/* Footer Styles to match automation-flows.html */
.site-footer {
background-color: #0f172a;
color: var(--text-muted);
padding: 50px 0;
font-size: 0.95rem;
}
.footer-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
margin-bottom: 40px;
}
.footer-col {
flex: 1;
min-width: 220px;
}
.footer-col-logo .logo {
font-size: 1.8rem;
color: #fff;
margin-bottom: 15px;
display: inline-block;
}
.footer-col h3 {
font-size: 1.2rem;
color: #fff;
margin-bottom: 20px;
font-weight: 600;
}
.footer-col ul { list-style: none; padding: 0; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul li a {
color: var(--text-muted);
text-decoration: none;
transition: color 0.3s ease;
}
.footer-col ul li a:hover { color: var(--primary-color); }
.footer-col p { margin-bottom: 10px; line-height: 1.7; }
.footer-col .social-links a {
color: var(--text-muted);
margin-right: 15px;
font-size: 1.3rem;
transition: color 0.3s ease;
}
.footer-col .social-links a:hover { color: var(--primary-color); }
.footer-bottom {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 0.9rem;
}
.footer-col p a {
color: var(--text-muted);
text-decoration: none;
}
.footer-col p a:hover {
color: var(--primary-color);
text-decoration: underline;
}
/* End of Footer Styles */
</style>
</head> </head>
<body> <body>
<div class="atmospheric-bg"> <div class="atmospheric-bg">
@@ -16,123 +294,202 @@
<div class="overlay"></div> <div class="overlay"></div>
<div class="noise"></div> <div class="noise"></div>
</div> </div>
<header class="site-header"> <header class="site-header">
<nav class="navbar container"> <nav class="navbar container">
<a href="../index.html" class="logo">GYANNETRA</a> <a href="../index.html" class="logo">GYANNETRA</a>
<ul class="nav-links"> <ul class="nav-links">
<li class="dropdown"><a href="#" class="nav-link">Services ▾</a> <li class="dropdown"><a href="#" class="nav-link">Services ▾</a>
<ul class="dropdown-menu services-dropdown"> <ul class="dropdown-menu services-dropdown">
<li><a href="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="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="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="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="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="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="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="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="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> <li><a href="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> </ul>
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Industries ▾</a> <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> <ul class="dropdown-menu industries-dropdown">
<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/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/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/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/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/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/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/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/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/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/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. <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>
</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> <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>
</ul> </li>
</li> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <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/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/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. <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>
</span></div></div></a></li> </ul>
</ul> </li>
</li> <li><a href="../about.html" class="nav-link">About Us</a></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>
<li><a href="../contact.html" class="nav-link">Contact Us</a></li> </ul>
</ul>
</nav> </nav>
</header> <main> </header>
<section id="data-analysis" class="container"> <main>
<div class="data-analysis-header hero-section"> <section class="hero-section">
<h1>DATA ANALYSIS</h1> <h1>Unveiling Insights with Data Analysis</h1>
<p>DATA ANALYST</p> <p>Gyannetra empowers your business by transforming raw data into actionable intelligence. We help you understand trends, optimize performance, and make data-driven decisions with confidence and clarity.</p>
<p>Data analysis services offers a wide range of analyses, such as predictive, diagnostic, descriptive, and prescriptive, uncovering patterns, and insights to address business performance to improve performance.</p> <a href="../contact.html" class="btn btn-primary">Unlock Your Data's Potential</a>
<a href="../Industries/case-studies.html" class="btn-primary">Explore Our Data Analysis Solutions</a> </section>
<section class="overview-section section-padding container">
<h2>OVERVIEW OF DATA ANALYSIS SERVICES</h2>
<p>At Gyannetra, our data analysis services are designed to help businesses of all sizes harness the power of their data. We offer a comprehensive suite of analytical capabilities, including descriptive, diagnostic, predictive, and prescriptive analytics. Our experts work closely with you to uncover hidden patterns, identify key trends, and extract meaningful insights that address your specific business challenges and drive performance improvements.</p>
</section>
<section class="key-offerings-section section-padding container">
<h2>KEY OFFERINGS</h2>
<div class="solutions-grid">
<div class="solution-item">
<img src="../assets/data-visualization.png" alt="Data Visualization and Dashboards Icon" class="solution-icon">
<h3>Data Visualization & Dashboards</h3>
<p>Presenting complex data in clear, intuitive, and interactive visual formats and dashboards for easy understanding and monitoring.</p>
</div> </div>
</section> <section class="key-offerings-section container"> <div class="solution-item">
<h2 class="section-heading">KEY OFFERINGS</h2> <img src="../assets/statistical-modeling-icon.png" alt="Statistical Modeling and Analysis Icon" class="solution-icon">
<div class="offerings-grid"> <h3>Statistical Modeling & Analysis</h3>
<div class="offering-item"> <p>Building robust statistical models to understand relationships, test hypotheses, and make accurate predictions based on your data.</p>
<img src="../assets/icons/data-visualization.svg" alt="Data Visualization Icon" class="offering-icon"> </div>
<h3>Data Visualization</h3> <div class="solution-item">
<p>Presenting complex data in clear, understandable visual formats.</p> <img src="../assets/data-mining-icon.png" alt="Data Mining and Pattern Discovery Icon" class="solution-icon">
</div> <h3>Data Mining & Pattern Discovery</h3>
<div class="offering-item"> <p>Employing advanced techniques to discover valuable patterns, anomalies, and correlations within large and complex datasets.</p>
<img src="../assets/icons/statistical-modeling.svg" alt="Statistical Modeling Icon" class="offering-icon"> </div>
<h3>Statistical Modeling</h3> <div class="solution-item">
<p>Building models to understand relationships and make predictions.</p> <img src="../assets/bi-reporting-icon.png" alt="Business Intelligence and Reporting Icon" class="solution-icon">
</div> <h3>Business Intelligence & Reporting</h3>
<div class="offering-item"> <p>Creating comprehensive reports and BI solutions that communicate key findings, track KPIs, and support strategic decision-making.</p>
<img src="../assets/icons/data-mining.svg" alt="Data Mining Icon" class="offering-icon"> </div>
<h3>Data Mining</h3> <div class="solution-item">
<p>Discovering patterns and insights from large datasets.</p> <img src="../assets/predictive-analytics-icon.png" alt="Predictive Analytics Icon" class="solution-icon">
</div> <h3>Predictive Analytics</h3>
<div class="offering-item"> <p>Leveraging historical data and machine learning to forecast future outcomes, identify risks, and uncover opportunities.</p>
<img src="../assets/icons/reporting.svg" alt="Reporting Icon" class="offering-icon"> </div>
<h3>Reporting</h3> <div class="solution-item">
<p>Creating comprehensive reports to communicate findings and recommendations.</p> <img src="../assets/data-strategy-icon.png" alt="Data-Driven Strategy Consulting Icon" class="solution-icon">
</div> </div> <h3>Data-Driven Strategy Consulting</h3>
</section> <p>Providing expert guidance to help you develop and implement effective data strategies that align with your business goals.</p>
</div>
</div>
</section>
<section class="benefits-section container"> <section class="benefits-section section-padding container">
<h2 class="section-heading">BENEFITS OF CHOOSING<br>GYANNETRA FOR DATA ANALYSIS</h2> <h2>BENEFITS OF CHOOSING GYANNETRA FOR DATA ANALYSIS</h2>
<ul> <ul>
<li>Experienced Analysts</li> <li>Gain deeper insights from your data with our team of experienced analysts and data scientists.</li>
<li>Advanced Tools</li> <li>Utilize advanced analytical tools and cutting-edge methodologies for comprehensive analysis.</li>
<li>Actionable Recommendations</li> </ul> <li>Receive clear, actionable recommendations to solve complex problems and improve business outcomes.</li>
</section> <li>Enhance decision-making capabilities across all levels of your organization.</li>
<li>Identify new opportunities for growth, efficiency, and innovation through robust data exploration.</li>
<li>Achieve a competitive advantage by transforming raw data into a strategic, actionable asset.</li>
</ul>
</section>
<section class="blogs-case-studies-section section-padding container">
<h2>BLOGS & CASE STUDIES</h2>
<div class="articles-grid">
<div class="article-card">
<img src="../assets/blog-descriptive-analytics.jpg" alt="The Power of Descriptive Analytics in Business Intelligence">
<h3>The Power of Descriptive Analytics in Business Intelligence</h3>
<p>Understanding how descriptive analysis provides a foundational view of your business data for informed decision-making and strategic planning.</p>
<a href="../Industries/case-studies.html#descriptive-analytics" class="read-more-link">Read More</a>
</div>
<div class="article-card">
<img src="../assets/blog-predictive-modeling-techniques.jpg" alt="Exploring Advanced Predictive Modeling Techniques">
<h3>Exploring Advanced Predictive Modeling Techniques</h3>
<p>A deep dive into various methods for forecasting future trends and outcomes across diverse industries and complex business applications.</p>
<a href="../Industries/case-studies.html#predictive-modeling" class="read-more-link">Read More</a>
</div>
<div class="article-card">
<img src="../assets/case-study-retail-data-mining.jpg" alt="Case Study: Improving Retail Sales with Data Mining">
<h3>Case Study: Improving Retail Sales by 28% with Data Mining</h3>
<p>Discover how a prominent retail client leveraged strategic data mining insights to achieve significant quarterly sales growth and enhance customer segmentation.</p>
<a href="../Industries/case-studies.html#data-mining-retail" class="read-more-link">Read More</a>
</div>
</div>
</section>
<section class="related-content-section container"> <section class="related-content-section section-padding container">
<h2 class="section-heading">BLOGS & CASE STUDIES</h2> <div class="related-content-grid"> <h2>RELATED BLOGS & CASE STUDIES</h2>
<div class="related-content-item"> <div class="related-content-grid">
<img src="../assets/images/descriptive-analytics.png" alt="Descriptive Analytics Image"> <div class="related-content-item">
<h3>The Power of<br>Descriptive Analytics</h3> <h3>Machine Learning Insights</h3>
<p>Understanding business data through descriptive analysis.</p> <p>Explore how our Machine Learning services can complement your data analysis efforts for predictive power.</p>
<a href="../Industries/case-studies.html" class="read-more">Read More</a> <a href="machine-learning.html" class="read-more">Learn More</a>
</div> </div>
<div class="related-content-item"> <div class="related-content-item">
<img src="../assets/images/predictive-modeling.png" alt="Predictive Modeling Image"> <h3>Generative AI for Data Augmentation</h3>
<h3>Predictive Modeling<br>Techniques</h3> <p>Discover how Generative AI can create synthetic data to enhance your analytical models.</p>
<p>Exploring methods for forecasting future trends.</p> <a href="generative-ai.html" class="read-more">Learn More</a>
<a href="../Industries/case-studies.html" class="read-more">Read More</a> </div>
</div> <div class="related-content-item">
<div class="related-content-item"> <h3>Automating Data Pipelines</h3>
<img src="../assets/images/data-mining-sales.png" alt="Data Mining Sales Image"> <p>Learn how our Automation Flow services can streamline your data collection and preparation processes.</p>
<h3>Improving Sales<br>with Data Mining</h3> <a href="automation-flows.html" class="read-more">Learn More</a>
<p>Case study on boosting revenue through data mining.</p> <a href="../Industries/case-studies.html" class="read-more">Read More</a> </div>
</div> </div>
</div> <div style="text-align: center; margin-top: 40px;">
<a href="../contact.html" class="btn btn-primary">Discuss Your Data Analysis Project</a>
<div class="explore-capabilities"> </div>
<a href="../Industries/case-studies.html" class="btn-primary">Explore Our Data Analysis Capabilities</a> </section>
</div> </main>
</section>
</main>
<!-- FOOTER --> <!-- FOOTER -->
<footer class="container footer"> <footer class="site-footer">
<div class="footer-col"> <div class="container">
<h3>Ready to get started?</h3> <div class="footer-content">
<a href="../contact.html" class="btn-primary">Get Started</a> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">GYANNETRA</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>
<div class="footer-col"> <div class="footer-col">
<h3>CONTACT US</h3> <h3>Quick Links</h3>
<p>✉️ info@gyannetra.com</p> <ul>
<li><a href="../index.html">Home</a></li>
<li><a href="machine-learning.html">Machine Learning</a></li>
<li><a href="data-analysis.html">Data Analysis</a></li>
<li><a href="generative-ai.html">Generative AI</a></li>
<li><a href="agentic-ai.html">Agentic AI</a></li>
<li><a href="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>
</footer> <script src="../js/menu-dropdown.js"></script> <div class="footer-col">
<script src="../js/main.js"></script> <h3>Contact Us</h3>
<ul>
<li><p><i class="fas fa-map-marker-alt"></i> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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>
</body> </body>
</html> </html>

View File

@@ -5,133 +5,479 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Generative AI - Gyannetra</title> <title>Generative AI - Gyannetra</title>
<link rel="stylesheet" href="../css/style.css" /> <link rel="stylesheet" href="../css/style.css" />
<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">
<style>
/* Card Structure Styles */
body {
--primary-color: #10b981; /* Green tone for Generative AI */
--primary-color-hover: #059669;
--primary-color-glow: rgba(16, 185, 129, 0.5);
--card-bg: rgba(25, 35, 55, 0.7);
--text-light: #e0e0e0;
--text-muted: #b0b0b0;
}
/* Footer Styles to match automation-flows.html */
.site-footer {
background-color: #0f172a;
color: var(--text-muted);
padding: 50px 0;
font-size: 0.95rem;
}
.footer-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
margin-bottom: 40px;
}
.footer-col {
flex: 1;
min-width: 220px;
}
.footer-col-logo .logo {
font-size: 1.8rem;
color: #fff;
margin-bottom: 15px;
display: inline-block;
}
.footer-col h3 {
font-size: 1.2rem;
color: #fff;
margin-bottom: 20px;
font-weight: 600;
}
.footer-col ul { list-style: none; padding: 0; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul li a {
color: var(--text-muted);
text-decoration: none;
transition: color 0.3s ease;
}
.footer-col ul li a:hover { color: var(--primary-color); } /* Uses page-specific --primary-color */
.footer-col p { margin-bottom: 10px; line-height: 1.7; }
.footer-col .social-links a {
color: var(--text-muted);
margin-right: 15px;
font-size: 1.3rem;
transition: color 0.3s ease;
}
.footer-col .social-links a:hover { color: var(--primary-color); } /* Uses page-specific --primary-color */
.footer-bottom {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 0.9rem;
}
.footer-col p a {
color: var(--text-muted);
text-decoration: none;
}
.footer-col p a:hover {
color: var(--primary-color); /* Uses page-specific --primary-color */
text-decoration: underline;
}
/* End of Footer Styles */
.hero-section {
text-align: center;
padding: 80px 20px 60px;
max-width: 900px;
margin: 0 auto;
position: relative; /* Ensure hero content is above atmospheric bg */
z-index: 2; /* Ensure hero content is above atmospheric bg */
}
.hero-section h1 {
font-size: 3.2rem;
margin-bottom: 25px;
color: var(--primary-color);
text-shadow: 0 2px 10px rgba(0,0,0,0.7);
}
.hero-section p {
font-size: 1.1rem;
max-width: 750px;
margin: 0 auto 30px auto;
line-height: 1.7;
color: var(--text-muted);
}
.solutions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 35px;
justify-items: center;
margin-top: 30px;
}
.solution-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
background-color: var(--card-bg);
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(16, 185, 129, 0.3);
width: 100%;
height: 100%;
}
.solution-item:hover {
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.solution-icon {
width: 70px;
height: 70px;
margin-bottom: 20px;
object-fit: contain;
}
.solution-item h3 {
font-size: 1.25rem;
color: var(--text-light);
margin-bottom: 10px;
font-weight: 600;
}
.solution-item p {
color: var(--text-muted);
font-size: 0.95rem;
}
.blogs-case-studies-section {
/* padding: 60px 20px; */ /* Padding now handled by .section-padding class */
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.articles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
}
.article-card {
background-color: var(--card-bg);
border-radius: 12px;
padding: 25px;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
border: 1px solid rgba(16, 185, 129, 0.3);
height: 100%;
}
.article-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(16, 185, 129, 0.4);
}
.article-card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.article-card h3 {
font-size: 1.4rem;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}
.article-card p {
font-size: 1rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
.read-more-link {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease, background-color 0.3s ease;
align-self: flex-start;
padding: 8px 15px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.read-more-link:hover {
background-color: var(--primary-color-hover);
color: #fff;
text-decoration: none;
}
/* Removed conflicting generic section styling that was here:
section {
margin: 4rem 0;
padding: 1rem 0;
}
*/
.overview-section h2,
.key-offerings-section h2,
.benefits-section h2,
.blogs-case-studies-section h2,
.related-content-section h2 {
font-size: 2.2rem;
margin-bottom: 30px;
color: var(--primary-color);
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.key-offerings-section h2 {
margin-bottom: 45px;
}
.benefits-section ul {
list-style-type: none;
padding: 0;
margin-top: 20px;
text-align: center;
}
.benefits-section li {
margin-bottom: 10px;
font-size: 1.1rem;
color: var(--text-light);
}
.blogs-case-studies-section h2 { /* This refers to the h2 within the section */
margin-bottom: 45px;
}
.related-content-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 30px;
margin-bottom: 40px;
}
.related-content-item {
background-color: var(--card-bg);
padding: 20px;
border-radius: 10px;
border: 1px solid rgba(16, 185, 129, 0.3);
}
.related-content-item h3 {
color: var(--primary-color);
margin-bottom: 10px;
font-size: 1.2rem;
}
.related-content-item p {
color: var(--text-muted);
margin-bottom: 15px;
}
.read-more {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
}
</style>
</head> </head>
<body> <body>
<div class="atmospheric-bg"> <div class="atmospheric-bg">
<div class="light-effect-top"></div> <div class="light-effect-top"></div> <div class="light-effect-bottom"></div>
<div class="light-effect-bottom"></div> <div class="small-light-top"></div> <div class="small-light-bottom"></div>
<div class="small-light-top"></div> <div class="overlay"></div> <div class="noise"></div>
<div class="small-light-bottom"></div>
<div class="overlay"></div>
<div class="noise"></div>
</div> </div>
<!-- NAVBAR -->
<header class="site-header"> <header class="site-header">
<nav class="navbar container"> <nav class="navbar container">
<a href="../index.html" class="logo">GYANNETRA</a> <a href="../index.html" class="logo">GYANNETRA</a>
<ul class="nav-links"> <ul class="nav-links">
<li class="dropdown"><a href="#" class="nav-link">Services ▾</a> <li class="dropdown"><a href="#" class="nav-link">Services ▾</a>
<ul class="dropdown-menu services-dropdown"> <ul class="dropdown-menu services-dropdown">
<li><a href="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="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="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="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="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="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="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="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="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> <li><a href="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> </ul>
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Industries ▾</a> <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> <ul class="dropdown-menu industries-dropdown">
<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/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/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/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/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/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/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/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/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/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/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. <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>
</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> <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>
</ul> </li>
</li> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <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/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/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. <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>
</span></div></div></a></li> </ul>
</ul> </li>
</li> <li><a href="../about.html" class="nav-link">About Us</a></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>
<li><a href="../contact.html" class="nav-link">Contact Us</a></li> </ul>
</ul>
</nav> </nav>
</header> </header>
<main>
<section class="hero-section">
<h1>Pioneering the Future with Generative AI</h1>
<p>
Gyannetra leads the charge in Generative AI, crafting bespoke solutions that redefine creativity, content generation, and problem-solving. Explore how we can transform your industry with intelligent, adaptive AI models.
</p>
<a href="#contact-form" class="btn btn-primary">Innovate with GenAI</a>
</section>
<!-- GENERATIVE AI SECTION --> <section class="overview-section section-padding container">
<section id="generative-ai" class="container"> <h2>OVERVIEW OF GENERATIVE AI SERVICES</h2>
<div class="generative-ai-header">
<h1>GENERATIVE AI</h1>
<p>Harness the power of generative models for groundbreaking applications</p>
<p>Use GANs, VAEs, and Transformers to create advanced Generative AI solutions for content creation, design, and data augmentation.</p> <p>Use GANs, VAEs, and Transformers to create advanced Generative AI solutions for content creation, design, and data augmentation.</p>
</div> </section>
<section class="key-offerings-section section-padding container"> <!-- ADDED section-padding -->
<h2>KEY OFFERINGS</h2>
<div class="solutions-grid">
<div class="solution-item">
<img src="../assets/solution_icon_content_generation.svg" alt="Content Creation Icon" class="solution-icon">
<h3>Content Creation</h3>
<p>Advanced AI systems that generate high-quality text, images, and other creative assets</p>
</div>
<div class="solution-item">
<img src="../assets/marketing_icon_content_gen.svg" alt="Synthetic Data Generation Icon" class="solution-icon">
<h3>Synthetic Data Generation</h3>
<p>Creating realistic synthetic datasets for training and augmenting machine learning models</p>
</div>
<div class="solution-item">
<img src="../assets/solution_icon_personalization.svg" alt="AI-Driven Design Icon" class="solution-icon">
<h3>AI-Driven Design</h3>
<p>Innovative design tools powered by AI to enhance creativity and streamline workflows</p>
</div>
<div class="solution-item">
<img src="../assets/solution_icon_content_analysis.svg" alt="Content Analysis Icon" class="solution-icon">
<h3>Content Analysis</h3>
<p>Intelligent content evaluation and improvement suggestions for optimal results</p>
</div>
</div>
</section>
<section class="benefits-section section-padding container"> <!-- ADDED section-padding -->
<h2>BENEFITS OF CHOOSING GYANNETRA FOR GENERATIVE AI</h2>
<ul>
<li>Creative Innovation</li>
<li>Data Augmentation</li>
<li>Unique Content</li>
</ul>
</section>
<div class="generative-ai-features"> <section class="blogs-case-studies-section section-padding container"> <!-- ADDED section-padding -->
<div class="feature-card">
<img src="../assets/feather-icon.png" alt="Content Creation Icon" />
<h3>Content Creation</h3>
<p>Content content content creation in stream</p>
</div>
<div class="feature-card">
<img src="../assets/cube-icon.png" alt="Synthetic Data Generation Icon" />
<h3>Synthetic Data Generation</h3>
<p>Interfraned ai ageneraso</p>
</div>
<div class="feature-card">
<img src="../assets/infinity-icon.png" alt="AI-Driven Design Icon" />
<h3>AI-Driven Design</h3>
<p>Eficientoly procressive content generation</p>
</div>
</div>
<div class="why-choose-gyannetra">
<h2>WHY CHOOSE GYANNETRA?</h2>
<div class="why-choose-items">
<p>Creative Innovation</p>
<p>Data Augmentation</p>
<p>Unique Content</p>
</div>
</div>
<div class="blogs-case-studies">
<h2>BLOGS & CASE STUDIES</h2> <h2>BLOGS & CASE STUDIES</h2>
<div class="blog-cards"> <div class="blog-card"> <div class="articles-grid">
<img src="../assets/blog-image-1.png" alt="Blog Image 1" /> <div class="article-card">
<h3>Expoiring the Art of Generative Models</h3> <img src="../assets/gen ai.png" alt="Generative Models Exploring Art">
<a href="../Industries/case-studies.html">Read More</a> <h3>Exploring the Art of Generative Models</h3>
<p>Dive deep into the mechanisms behind GANs, VAEs, and diffusion models</p>
<a href="../Industries/case-studies.html" class="read-more-link">Read More</a>
</div> </div>
<div class="blog-card"> <div class="article-card">
<img src="../assets/blog-image-2.png" alt="Blog Image 2" /> <img src="../assets/technology.png" alt="Product Design with AI Case Study">
<h3>Case Study: Innovative Product Design with AI</h3> <h3>Case Study: Innovative Product Design with AI</h3>
<a href="../Industries/case-studies.html">Read More</a> <p>How we helped a design firm cut prototyping time by 65% using generative AI</p>
<a href="../Industries/case-studies.html" class="read-more-link">Read More</a>
</div> </div>
<div class="blog-card"> <div class="article-card">
<img src="../assets/blog-image-3.png" alt="Blog Image 3" /> <img src="../assets/marketing_insight_harnessing.svg" alt="Ethical Considerations in Generative AI">
<h3>Ethical Considerations in Generative AI</h3> <h3>Ethical Considerations in Generative AI</h3>
<a href="../Industries/case-studies.html">Read More</a> <p>Navigating the complex ethical landscape of AI-generated content</p>
</div> <a href="../Industries/case-studies.html" class="read-more-link">Read More</a>
<div class="blog-card">
<img src="../assets/blog-image-4.png" alt="Blog Image 4" />
<h3>Enhancing Creativity Using GANS</h3>
<a href="../Industries/case-studies.html">Read More</a>
</div> </div>
</div> </div>
</div> <div class="explore-capabilities"> </section>
<a href="../Industries/case-studies.html" class="btn-primary">Explore Our Generative AI Capabilities</a>
</div>
</section> <section class="related-content-section section-padding container"> <!-- ADDED section-padding -->
<h2>RELATED BLOGS & CASE STUDIES</h2>
<div class="related-content-grid">
<div class="related-content-item">
<img src="../assets/analytics (1).png" alt="Generative AI Transforms Industries Thumbnail" class="related-content-image">
<h3>How Generative AI Transforms Industries</h3>
<p>Explore the impact of generative models across business sectors</p>
<a href="../Industries/case-studies.html" class="read-more">Read More</a>
</div>
<div class="related-content-item">
<img src="../assets/case study ind.png" alt="Content Generation Success Case Study Thumbnail" class="related-content-image">
<h3>Case Study: Content Generation Success</h3>
<p>How a media company increased engagement by 70% using our generative AI models</p>
<a href="../Industries/case-studies.html" class="read-more">Read More</a>
</div>
</div>
<a href="../Industries/case-studies.html" class="btn-primary">Explore Our Generative AI Capabilities</a>
</section>
</main>
<!-- FOOTER --> <!-- FOOTER -->
<footer class="container footer"> <footer class="site-footer">
<div class="footer-col"> <div class="container">
<h3>Ready to get started?</h3> <div class="footer-content">
<a href="../contact.html" class="btn-primary">Get Started</a> <div class="footer-col footer-col-logo">
</div> <a href="../index.html" class="logo">GYANNETRA</a>
<div class="footer-col"> <p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<h3>CONTACT US</h3> <div class="social-links">
<p>✉️ info@gyannetra.com</p> <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="machine-learning.html">Machine Learning</a></li>
<li><a href="data-analysis.html">Data Analysis</a></li>
<li><a href="generative-ai.html">Generative AI</a></li>
<li><a href="agentic-ai.html">Agentic AI</a></li>
<li><a href="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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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>
<!-- Optional: Newsletter signup form -->
<form action="#" method="post" class="newsletter-form" style="display: none;"> <!-- Hidden for now -->
<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> </div>
</footer> </footer>
<script src="../js/menu-dropdown.js" defer></script>
<script src="../js/main.js"></script> <script src="../js/main.js" defer></script>
</body> </body>
</html> </html>

View File

@@ -7,6 +7,312 @@
<link rel="stylesheet" href="../css/style.css" /> <link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <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"> <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">
<style>
body {
--primary-color: #2563eb; /* Blue tone for Machine Learning */
--primary-color-hover: #1d4ed8;
--primary-color-glow: rgba(37, 99, 235, 0.5);
--card-bg: rgba(25, 35, 55, 0.7); /* Darker card background for contrast */
--text-light: #e0e0e0;
--text-muted: #b0b0b0;
}
.hero-section {
text-align: center;
padding: 80px 20px 60px;
max-width: 900px;
margin: 0 auto;
position: relative; /* Ensure hero content is above atmospheric bg */
z-index: 2; /* Ensure hero content is above atmospheric bg */
}
.hero-section h1 {
font-size: 3.2rem;
margin-bottom: 25px;
color: var(--primary-color);
text-shadow: 0 2px 10px rgba(0,0,0,0.7);
}
.hero-section p {
font-size: 1.1rem;
max-width: 750px;
margin: 0 auto 30px auto;
line-height: 1.7;
color: var(--text-muted);
}
.solutions-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); /* Adjusted minmax for potentially smaller cards */
gap: 35px;
justify-items: center;
margin-top: 30px;
}
.solution-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
background-color: var(--card-bg);
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(109, 40, 217, 0.3); /* Purple border */
width: 100%;
height: 100%; /* Ensure items in a row have same height */
}
.solution-item:hover {
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.solution-icon {
width: 70px; /* Standardized icon size */
height: 70px;
margin-bottom: 20px;
object-fit: contain;
}
.solution-item h3 {
font-size: 1.25rem;
color: var(--text-light);
margin-bottom: 10px;
font-weight: 600;
}
.solution-item p {
color: var(--text-muted);
font-size: 0.95rem;
}
.articles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
}
.article-card {
background-color: var(--card-bg);
border-radius: 12px;
padding: 25px;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
border: 1px solid rgba(109, 40, 217, 0.3); /* Purple border */
height: 100%; /* Ensure cards in a row have same height */
}
.article-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 25px rgba(109, 40, 217, 0.4); /* Purple glow */
}
.article-card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.article-card h3 {
font-size: 1.4rem;
color: var(--primary-color);
margin-bottom: 12px;
font-weight: 600;
}
.article-card p {
font-size: 1rem;
color: var(--text-muted);
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1; /* Allows paragraph to take available space */
}
.read-more-link {
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease, background-color 0.3s ease;
align-self: flex-start; /* Aligns button to the bottom left */
padding: 8px 15px;
border: 1px solid var(--primary-color);
border-radius: 5px;
}
.read-more-link:hover {
background-color: var(--primary-color-hover);
color: #fff;
text-decoration: none;
}
.overview-section h2,
.key-offerings-section h2,
.benefits-section h2,
.blogs-case-studies-section h2,
.related-content-section h2 {
font-size: 2.2rem;
margin-bottom: 30px; /* Standardized margin */
color: var(--primary-color);
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
.key-offerings-section h2 {
margin-bottom: 45px; /* Specific for this section if needed */
}
.benefits-section ul {
list-style-type: none; /* Consider using icons or custom bullets */
padding: 0;
margin-top: 20px;
text-align: center; /* Or left-align if preferred */
}
.benefits-section li {
margin-bottom: 10px;
font-size: 1.1rem;
color: var(--text-light);
/* Consider adding padding if using background or borders */
}
.blogs-case-studies-section h2 {
margin-bottom: 45px; /* Specific for this section */
}
.related-content-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 30px;
margin-bottom: 40px; /* Space before final CTA */
}
.related-content-item {
background-color: var(--card-bg);
padding: 20px;
border-radius: 10px;
border: 1px solid rgba(109, 40, 217, 0.3); /* Purple border */
}
.related-content-item h3 {
color: var(--primary-color);
margin-bottom: 10px;
font-size: 1.2rem;
}
.related-content-item p {
color: var(--text-muted);
margin-bottom: 15px;
}
.read-more { /* General read-more link style if needed */
color: var(--primary-color);
text-decoration: none;
font-weight: 600;
}
.read-more:hover {
text-decoration: underline;
}
/* Ensure section padding is applied */
.section-padding {
padding-top: 60px;
padding-bottom: 60px;
}
/* General container for consistent width */
.container {
width: 90%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
/* Adjustments for navbar within header */
.site-header .navbar.container {
width: 100%;
max-width: 1400px;
padding: 0.5rem 2.0rem;
}
/* Footer specific styling */
.site-footer {
background-color: #0f172a; /* Dark background for footer */
color: var(--text-muted);
padding: 50px 0;
font-size: 0.95rem;
}
.footer-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
margin-bottom: 40px;
}
.footer-col {
flex: 1;
min-width: 220px; /* Minimum width for columns */
}
.footer-col-logo .logo {
font-size: 1.8rem;
color: #fff;
margin-bottom: 15px;
display: inline-block;
}
.footer-col h3 {
font-size: 1.2rem;
color: #fff;
margin-bottom: 20px;
font-weight: 600;
}
.footer-col ul {
list-style: none;
padding: 0;
}
.footer-col ul li {
margin-bottom: 10px;
}
.footer-col ul li a {
color: var(--text-muted);
text-decoration: none;
transition: color 0.3s ease;
}
.footer-col ul li a:hover {
color: var(--primary-color);
}
.footer-col p {
margin-bottom: 10px;
line-height: 1.7;
}
.footer-col .social-links a {
color: var(--text-muted);
margin-right: 15px;
font-size: 1.3rem;
transition: color 0.3s ease;
}
.footer-col .social-links a:hover {
color: var(--primary-color);
}
.footer-bottom {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 0.9rem;
}
.footer-col p a { /* Ensure links in paragraphs are styled */
color: var(--text-muted);
text-decoration: none;
}
.footer-col p a:hover {
color: var(--primary-color);
text-decoration: underline;
}
</style>
</head> </head>
<body> <body>
<div class="atmospheric-bg"> <div class="atmospheric-bg">
@@ -18,116 +324,206 @@
<div class="noise"></div> <div class="noise"></div>
</div> </div>
<!-- NAVBAR -->
<header class="site-header"> <header class="site-header">
<nav class="navbar container"> <nav class="navbar container">
<script src="../js/dropdown.js"></script> <a href="../index.html" class="logo">GYANNETRA</a>
<a href="../index.html" class="logo">GYANNETRA</a> <ul class="nav-links">
<ul class="nav-links"> <li class="dropdown"><a href="#" class="nav-link">Services ▾</a>
<li class="dropdown"><a href="#" class="nav-link">Services ▾</a> <ul class="dropdown-menu services-dropdown">
<ul class="dropdown-menu services-dropdown"> <li><a href="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">Intelligent systems that learn from data.</span></div></div></a></li>
<li><a href="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="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">Transform raw data into actionable insights.</span></div></div></a></li>
<li><a href="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="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="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">Create novel content with AI.</span></div></div></a></li>
<li><a href="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="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">Autonomous AI agents for specific goals.</span></div></div></a></li>
<li><a href="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> <li><a href="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">Streamline workflows with intelligent automation.</span></div></div></a></li>
</ul> </ul>
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Industries ▾</a> <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> <ul class="dropdown-menu industries-dropdown">
<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/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">AI for fraud detection, risk management.</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/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">AI for faster diagnoses, personalized care.</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/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">AI for process optimization, quality control.</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/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">AI for campaign personalization, consumer insights.</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/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">AI for content creation, recommendations.</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. <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">AI for customer journey enhancement, pricing.</span></div></div></a></li>
</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">AI for personalized experiences, inventory optimization.</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> <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 of our AI solutions.</span></div></div></a></li>
</ul>
</ul> </li>
</li> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <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/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">Interactive sessions on AI concepts and 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 Trainings 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/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings Icon" class="dropdown-icon"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized AI learning programs.</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 Trainings 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. <li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings Icon" class="dropdown-icon"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized AI training for teams.</span></div></div></a></li>
</span></div></div></a></li> </ul>
</ul> </li>
</li> <li><a href="../about.html" class="nav-link">About Us</a></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>
<li><a href="../contact.html" class="nav-link">Contact Us</a></li> </ul>
</ul>
</nav> </nav>
</header> </header>
<main class="container"> <main>
<section class="hero-section"> <section class="hero-section">
<h1>MACHINE LEARNING</h1> <h1>Unlock Potential with Machine Learning</h1>
<p>Empowering you business with advanced ML solutions</p> <p>Gyannetra delivers cutting-edge Machine Learning solutions, enabling your business to predict trends, automate processes, and gain deeper insights from your data.</p>
<a href="../contact.html" class="btn btn-primary">Harness ML Power</a>
</section> </section>
<section class="overview-section"> <section class="overview-section section-padding container">
<h2>OVERVIEW OF MACHINE LEARNING SERVICES</h2> <h2>OVERVIEW OF MACHINE LEARNING SERVICES</h2>
<p>Leveraging the power of machine learning to deliver custom solutions to predictive analytics, natural language processing and computer vision</p> <p>We specialize in developing and deploying bespoke machine learning models that address your unique challenges. From predictive analytics and natural language processing to computer vision and deep learning, our expertise helps you transform data into a strategic asset, driving innovation and efficiency.</p>
</section> </section>
<section class="key-offerings-section"> <section class="key-offerings-section section-padding container">
<h2>KEY OFFERINGS</h2> <h2>KEY OFFERINGS</h2>
<div class="offerings-grid"> <div class="solutions-grid">
<div class="offering-item"> <div class="solution-item">
<img src="../assets/predictive-modelling.png" alt="Predictive Modelling Icon" class="offering-icon"> <img src="../assets/predictive.png" alt="Predictive Modelling Icon" class="solution-icon">
<h3>Predictive Modelling</h3> <h3>Predictive Modelling</h3>
<p>Developing models to forecast future trends and outcomes</p> <p>Develop sophisticated models to forecast future trends, customer behavior, and operational outcomes with high accuracy.</p>
</div> </div>
<div class="offering-item"> <div class="solution-item">
<img src="../assets/natural-language-processing.png" alt="Natural Language Processing Icon" class="offering-icon"> <img src="../assets/icon-nlp.png" alt="Natural Language Processing Icon" class="solution-icon">
<h3>Natural Language Processing</h3> <h3>Natural Language Processing (NLP)</h3>
<p>Enabling machines to understand and interpret human language</p> <p>Enable machines to understand, interpret, and respond to human language for applications like sentiment analysis and chatbots.</p>
</div> </div>
<div class="offering-item"> <div class="solution-item">
<img src="../assets/computer-vision.png" alt="Computer Vision Icon" class="offering-icon"> <img src="../assets/icon-cv.png" alt="Computer Vision Icon" class="solution-icon">
<h3>Computer Vision Development</h3> <h3>Computer Vision Development</h3>
<p>Creating systems to analyze and interpret visual information</p> <p>Create systems that analyze and interpret visual information from images and videos for automation and insight generation.</p>
</div>
<div class="solution-item">
<img src="../assets/icon-dl.png" alt="Deep Learning Solutions Icon" class="solution-icon">
<h3>Deep Learning Solutions</h3>
<p>Build and train advanced neural networks for complex pattern recognition tasks in large datasets.</p>
</div>
<div class="solution-item">
<img src="../assets/personalized-recommendations.svg" alt="Recommendation Systems Icon" class="solution-icon">
<h3>Recommendation Systems</h3>
<p>Design personalized recommendation engines to enhance user engagement and drive conversions.</p>
</div>
<div class="solution-item">
<img src="../assets/fraud_detection_icon.svg" alt="Anomaly Detection Icon" class="solution-icon">
<h3>Anomaly Detection</h3>
<p>Identify unusual patterns and outliers in your data that may indicate fraud, errors, or opportunities.</p>
</div> </div>
</div> </div>
</section> </section>
<section class="benefits-section"> <section class="benefits-section section-padding container">
<h2>BENEFITS OF CHOOSING GYANNETRA FOR MACHINE LEARNING</h2> <h2>BENEFITS OF CHOOSING GYANNETRA FOR MACHINE LEARNING</h2>
<ul> <ul>
<li>Experienced team of ML experts</li> <li>Gain competitive advantage with data-driven decisions.</li>
<li>Tailored solutions to meet your unique needs</li> <li>Improve operational efficiency through intelligent automation.</li>
<li>Strong focus on ethical AI practices</li> <li>Unlock new revenue streams with innovative ML applications.</li>
<li>Benefit from our experienced team of ML experts and data scientists.</li>
<li>Receive tailored solutions designed to meet your specific business needs.</li>
<li>Partner with a company committed to ethical and responsible AI practices.</li>
</ul> </ul>
</section> </section>
<section class="related-content-section"> <section class="blogs-case-studies-section section-padding container">
<h2>RELATED BLOGS & CASE STUDIES</h2> <h2>BLOGS & CASE STUDIES</h2>
<div class="related-content-grid"> <div class="related-content-item"> <div class="articles-grid">
<h3>How Machine Learning Transforms Industries</h3> <div class="article-card">
<p>Explore the impact of ML experts</p> <img src="../assets/analytics (1).png" alt="Machine Learning in Business Article Thumbnail">
<a href="../Industries/case-studies.html" class="read-more">Read More</a> <h3>Advanced Machine Learning Applications in Business</h3>
<p>Discover how machine learning is transforming business operations and creating new value across diverse industries.</p>
<a href="../Industries/case-studies.html" class="read-more-link">Read Article</a>
</div> </div>
<div class="related-content-item"> <div class="article-card">
<h3>Case Study: Predictive Analytics Success</h3> <img src="../assets/retail ind.png" alt="Retail ML Case Study Thumbnail">
<p>A eceeses sory to impercecting raclitoe orelyxes</p> <h3>Case Study: ML-Powered Sales Forecasting for Retail</h3>
<a href="../Industries/case-studies.html" class="read-more">Read More</a> <p>Learn how a leading retail client increased sales forecast accuracy by 35% using our predictive modeling solutions.</p>
<a href="../Industries/case-studies.html" class="read-more-link">View Case Study</a>
</div>
<div class="article-card">
<img src="../assets/mlng.png" alt="ML Breakthroughs Article Thumbnail">
<h3>Recent Breakthroughs and Future of Machine Learning</h3>
<p>Exploring the cutting-edge developments in ML technology and their potential impact on the future.</p>
<a href="../Industries/case-studies.html" class="read-more-link">Explore Insights</a>
</div> </div>
</div> </div>
<a href="../Industries/case-studies.html" class="btn-primary">Explore Our Machine Learning Solutions</a> </section>
<section class="related-content-section section-padding container">
<h2>EXPLORE OUR AI CAPABILITIES</h2>
<div class="related-content-grid">
<div class="related-content-item">
<img src="../assets/data analytics.png" alt="Data Analysis Services" class="related-content-image">
<h3>Data Analysis & Visualization</h3>
<p>Transform your raw data into clear, actionable insights with our expert data analysis and visualization services.</p>
<a href="data-analysis.html" class="read-more">Learn More</a>
</div>
<div class="related-content-item">
<img src="../assets/gen ai.png" alt="Generative AI Solutions" class="related-content-image">
<h3>Generative AI Solutions</h3>
<p>Unlock creative potential and automate content creation with our cutting-edge Generative AI models.</p>
<a href="generative-ai.html" class="read-more">Discover GenAI</a>
</div>
<div class="related-content-item">
<img src="../assets/ai agent.png" alt="AI Strategy Consulting" class="related-content-image">
<h3>AI Strategy Consulting</h3>
<p>Develop a robust AI strategy tailored to your business goals with our expert consulting services.</p>
<a href="../contact.html" class="read-more">Consult Experts</a>
</div>
</div>
<div style="text-align: center; margin-top: 40px;">
<a href="../contact.html" class="btn btn-primary">Discuss Your ML Project</a>
</div>
</section> </section>
</main> </main>
<!-- FOOTER --> <!-- FOOTER -->
<footer class="container footer"> <footer class="site-footer">
<div class="footer-col"> <div class="container">
<h3>Ready to get started?</h3> <div class="footer-content">
<a href="../contact.html" class="btn-primary">Get Started</a> <div class="footer-col footer-col-logo">
</div> <a href="../index.html" class="logo">GYANNETRA</a>
<div class="footer-col"> <p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<h3>CONTACT US</h3> <div class="social-links">
<p>✉️ info@gyannetra.com</p> <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="machine-learning.html">Machine Learning</a></li>
<li><a href="data-analysis.html">Data Analysis</a></li>
<li><a href="generative-ai.html">Generative AI</a></li>
<li><a href="agentic-ai.html">Agentic AI</a></li>
<li><a href="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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> </div>
</footer> </footer>
<script src="../js/menu-dropdown.js" defer></script>
<script src="../js/main.js"></script> <script src="../js/main.js" defer></script>
</body> </body>
</html> </html>

View File

@@ -5,9 +5,18 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>About Us - Gyannetra</title> <title>About Us - Gyannetra</title>
<link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style.css" />
<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"> <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">
</head> </head>
<body> <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 --> <!-- NAVBAR -->
<header class="site-header"> <header class="site-header">
<nav class="navbar container"> <nav class="navbar container">
@@ -95,18 +104,55 @@
</section> </section>
</main> </main>
<!-- FOOTER --> <footer class="site-footer">
<footer class="container footer"> <div class="container">
<div class="footer-col"> <div class="footer-content">
<h3>Ready to get started?</h3> <div class="footer-col footer-col-logo">
<a href="contact.html" class="btn-primary">Get Started</a> <a href="index.html" class="logo">GYANNETRA</a>
</div> <p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="footer-col"> <div class="social-links">
<h3>CONTACT US</h3> <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<p>✉️ info@gvannetra.com</p> <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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> </div>
</footer> </footer>
<script src="js/menu-dropdown.js" defer></script>
<script src="js/main.js"></script> <script src="js/main.js" defer></script>
</body> </body>
</html> </html>

View File

@@ -0,0 +1,6 @@
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 85H80V75C80 68.3696 77.3643 62.0107 72.6863 57.3327C68.0083 52.6548 61.6499 50 55 50H45C38.3501 50 31.9917 52.6548 27.3137 57.3327C22.6357 62.0107 20 68.3696 20 75V85Z" fill="#A7F3D0"/>
<path d="M50 15L65 35H35L50 15Z" fill="#A7F3D0"/>
<path d="M50 35V50" stroke="#A7F3D0" stroke-width="5" stroke-linecap="round"/>
<path d="M30 7.5L50 27.5L70 7.5" stroke="#A7F3D0" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 550 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#00aeff" width="200px" height="200px"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 3L1 9l11 6 9-4.5V18h2V9L12 3zm0 11.7L3.2 9.9 12 5l8.8 4.9L12 14.7zm-9 4.8V21h18v-1.5L12 18l-9 1.5z"/></svg>

After

Width:  |  Height:  |  Size: 261 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff" width="60px" height="60px"><path d="M0 0h24v24H0z" fill="none"/><path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V5h10v6z"/></svg>

After

Width:  |  Height:  |  Size: 282 B

View File

@@ -0,0 +1,6 @@
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 12.5C40.335 12.5 32.5 20.335 32.5 30C32.5 39.665 40.335 47.5 50 47.5C59.665 47.5 67.5 39.665 67.5 30C67.5 20.335 59.665 12.5 50 12.5ZM50 42.5C43.0964 42.5 37.5 36.9036 37.5 30C37.5 23.0964 43.0964 17.5 50 17.5C56.9036 17.5 62.5 23.0964 62.5 30C62.5 36.9036 56.9036 42.5 50 42.5Z" fill="#A7F3D0"/>
<path d="M25 87.5V75C25 66.7157 31.7157 60 40 60H60C68.2843 60 75 66.7157 75 75V87.5H25Z" fill="#A7F3D0"/>
<path d="M15 50H27.5M72.5 50H85" stroke="#A7F3D0" stroke-width="5" stroke-linecap="round"/>
<path d="M50 55V65M35 70H65" stroke="#A7F3D0" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 727 B

View File

@@ -0,0 +1,6 @@
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 25C41.7157 25 35 31.7157 35 40C35 48.2843 41.7157 55 50 55C58.2843 55 65 48.2843 65 40C65 31.7157 58.2843 25 50 25ZM50 50C47.2386 50 45 47.7614 45 45C45 42.2386 47.2386 40 50 40C52.7614 40 55 42.2386 55 45C55 47.7614 52.7614 50 50 50Z" fill="#A7F3D0"/>
<path d="M25 75C25 66.7157 31.7157 60 40 60H60C68.2843 60 75 66.7157 75 75V80H25V75Z" fill="#A7F3D0"/>
<path d="M60 7.5L72.5 20L60 32.5" stroke="#A7F3D0" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M40 7.5L27.5 20L40 32.5" stroke="#A7F3D0" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 709 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff" width="60px" height="60px"><path d="M0 0h24v24H0z" fill="none"/><path d="M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.26 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z"/></svg>

After

Width:  |  Height:  |  Size: 365 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff" width="60px" height="60px"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/><path d="M15 12l-2.5-2.5V12H10v-2h2.5V7.5L15 10l2.5-2.5V10H20v2h-2.5v2.5L15 12z"/></svg>

After

Width:  |  Height:  |  Size: 330 B

View File

@@ -49,9 +49,9 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="#"><div class="dropdown-item-content"><img src="assets/workshops.png" alt="" 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/workshops.html"><div class="dropdown-item-content"><img src="assets/workshops.png" alt="" 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="#"><div class="dropdown-item-content"><img src="assets/indi training.png" alt="" 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/individual-trainings.html"><div class="dropdown-item-content"><img src="assets/indi training.png" alt="" 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="#"><div class="dropdown-item-content"><img src="assets/corpo training.png" alt="" 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. <li><a href="Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="assets/corpo training.png" alt="" 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> </span></div></div></a></li>
</ul> </ul>
</li> </li>
@@ -113,17 +113,55 @@
</section> </section>
</main> </main>
<footer class="container footer"> <footer class="site-footer">
<div class="footer-col"> <div class="container">
<h3>Ready to get started?</h3> <div class="footer-content">
<a href="contact.html" class="btn-primary">Get Started</a> <div class="footer-col footer-col-logo">
</div> <a href="index.html" class="logo">GYANNETRA</a>
<div class="footer-col"> <p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<h3>CONTACT US</h3> <div class="social-links">
<p>✉️ info@gyannetra.com</p> <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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> </div>
</footer> </footer>
<script src="js/menu-dropdown.js" defer></script>
<script src="js/main.js"></script> <script src="js/main.js" defer></script>
</body> </body>
</html> </html>

File diff suppressed because it is too large Load Diff

View File

@@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Gyannetra — AI Services & Solutions</title> <title>Gyannetra — AI Services & Solutions</title>
<link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style.css" />
<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"> <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">
</head> </head>
<body> <body>
@@ -55,40 +56,335 @@
</nav> </nav>
</header> <!-- HERO --> </header> <!-- HERO -->
<section id="hero"> <section id="hero">
<div class="hero-overlay"></div> <div class="hero-overlay"></div> <div class="hero-content container">
<div class="hero-content container">
<h1>AI SERVICES<br />AND SOLUTIONS</h1> <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> <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>
<button class="btn-primary">Get Started</button> <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>
<!-- First marquee (right to left) -->
<div class="tech-marquee-container">
<div class="tech-marquee">
<div class="tech-marquee-content">
<!-- First set of items -->
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon ollama"></div>
</div>
<p>Ollama</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon langchain"></div>
</div>
<p>LangChain</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon chroma"></div>
</div>
<p>Chroma</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon pinecone"></div>
</div>
<p>Pinecone</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon vectordb"></div>
</div>
<p>Vector DB</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon openai"></div>
</div>
<p>OpenAI</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon huggingface"></div>
</div>
<p>Hugging Face</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon pytorch"></div>
</div>
<p>PyTorch</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon tensorflow"></div>
</div>
<p>TensorFlow</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon llama"></div>
</div>
<p>Llama</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon milvus"></div>
</div>
<p>Milvus</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon faiss"></div>
</div>
<p>FAISS</p>
</div>
<!-- Duplicated set for seamless looping -->
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon ollama"></div>
</div>
<p>Ollama</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon langchain"></div>
</div>
<p>LangChain</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon chroma"></div>
</div>
<p>Chroma</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon pinecone"></div>
</div>
<p>Pinecone</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon vectordb"></div>
</div>
<p>Vector DB</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon openai"></div>
</div>
<p>OpenAI</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon huggingface"></div>
</div>
<p>Hugging Face</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon pytorch"></div>
</div>
<p>PyTorch</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon tensorflow"></div>
</div>
<p>TensorFlow</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon llama"></div>
</div>
<p>Llama</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon milvus"></div>
</div>
<p>Milvus</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon faiss"></div>
</div>
<p>FAISS</p>
</div>
</div>
</div>
<div class="tech-shadow tech-shadow-left"></div>
<div class="tech-shadow tech-shadow-right"></div>
</div>
<!-- Divider between marquees -->
<div class="tech-marquee-divider"></div>
<!-- Second marquee (left to right) -->
<div class="tech-marquee-container tech-marquee-reversed">
<div class="tech-marquee">
<div class="tech-marquee-content tech-marquee-content-reversed">
<!-- First set of items for reverse direction -->
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon weaviate"></div>
</div>
<p>Weaviate</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon qdrant"></div>
</div>
<p>Qdrant</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon haystack"></div>
</div>
<p>Haystack</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon mistral"></div>
</div>
<p>Mistral AI</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon anthropic"></div>
</div>
<p>Anthropic</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon groq"></div>
</div>
<p>Groq</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon gemini"></div>
</div>
<p>Gemini</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon llamaindex"></div>
</div>
<p>LlamaIndex</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon vllm"></div>
</div>
<p>vLLM</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon rag"></div>
</div>
<p>RAG</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon transformers"></div>
</div>
<p>Transformers</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon spacy"></div>
</div>
<p>spaCy</p>
</div>
<!-- Duplicated set for seamless looping -->
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon weaviate"></div>
</div>
<p>Weaviate</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon qdrant"></div>
</div>
<p>Qdrant</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon haystack"></div>
</div>
<p>Haystack</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon mistral"></div>
</div>
<p>Mistral AI</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon anthropic"></div>
</div>
<p>Anthropic</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon groq"></div>
</div>
<p>Groq</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon gemini"></div>
</div>
<p>Gemini</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon llamaindex"></div>
</div>
<p>LlamaIndex</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon vllm"></div>
</div>
<p>vLLM</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon rag"></div>
</div>
<p>RAG</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon transformers"></div>
</div>
<p>Transformers</p>
</div>
<div class="tech-marquee-item">
<div class="tech-icon-container">
<div class="tech-icon spacy"></div>
</div>
<p>spaCy</p>
</div>
</div>
</div>
<div class="tech-shadow tech-shadow-left"></div>
<div class="tech-shadow tech-shadow-right"></div>
</div>
</section> </section>
<!-- TECHNOLOGIES --> <div class="tech-section-spacer"></div>
<section id="technologies" class="container">
<h2 class="section-heading">TECHNOLOGIES WE USE</h2>
<div class="tech-grid">
<div class="tech-item">
<img src="assets/icon-dl.png" alt="Deep Learning" />
<p>Deep Learning</p>
<p class="tech-description">Building complex neural networks for advanced pattern recognition and decision making.</p>
</div>
<div class="tech-item">
<img src="assets/icon-ml.png" alt="Machine Learning" />
<p>Machine Learning</p>
<p class="tech-description">Developing algorithms that learn from data to make predictions and improve performance.</p>
</div>
<div class="tech-item">
<img src="assets/icon-nlp.png" alt="Natural Language Processing" />
<p>Natural Language<br />Processing</p>
<p class="tech-description">Enabling computers to understand, interpret, and generate human language.</p>
</div>
<div class="tech-item">
<img src="assets/icon-cv.png" alt="Computer Vision" />
<p>Computer Vision</p>
<p class="tech-description">Allowing systems to interpret and make decisions based on visual data.</p>
</div>
</div>
</section>
<!-- EXPERTISE --> <!-- EXPERTISE -->
<section id="expertise" class="container"> <section id="expertise" class="container">
@@ -110,18 +406,55 @@
</section> </section>
<!-- FOOTER --> <!-- FOOTER -->
<footer class="container footer"> <footer class="site-footer">
<div class="footer-col"> <div class="container">
<h3>Ready to get started?</h3> <div class="footer-content">
<a href="contact.html" class="btn-primary">Get Started</a> <div class="footer-col footer-col-logo">
<a href="index.html" class="logo">GYANNETRA</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> 123 AI Street, Innovation City, Techland</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> </div>
<div class="footer-col"> </footer> <script src="js/menu-dropdown.js" defer></script>
<h3>CONTACT US</h3> <script src="js/main.js" defer></script>
<p>✉️ info@gvannetra.com</p> <script src="js/tech-marquee.js" defer></script>
</div>
</footer>
<script src="js/menu-dropdown.js"></script>
<script src="js/main.js"></script>
</body> </body>
</html> </html>

97
js/tech-marquee.js Normal file
View File

@@ -0,0 +1,97 @@
// Tech Marquee Animation Enhancement
document.addEventListener('DOMContentLoaded', function() {
const techMarqueeContents = document.querySelectorAll('.tech-marquee-content');
const techItems = document.querySelectorAll('.tech-marquee-item');
// Adjust animation speed for each marquee
techMarqueeContents.forEach((marquee, index) => {
const isReversed = marquee.classList.contains('tech-marquee-content-reversed');
const marqueeItems = marquee.querySelectorAll('.tech-marquee-item');
const itemCount = marqueeItems.length / 2; // Account for duplicated items
// Set slightly different speeds for each marquee
const baseSpeed = isReversed ? 65 : 60;
const animationDuration = Math.max(30, Math.min(70, itemCount * 5)); // Between 30s and 70s
marquee.style.animationDuration = `${baseSpeed + (index * 10)}s`;
});
// Add 3D tilt effect on mouse move for each tech icon
techItems.forEach(item => {
const iconContainer = item.querySelector('.tech-icon-container');
if (iconContainer) {
item.addEventListener('mousemove', function(e) {
const rect = iconContainer.getBoundingClientRect();
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
const centerX = rect.width / 2;
const centerY = rect.height / 2;
const tiltX = (centerX - x) / 10;
const tiltY = (y - centerY) / 10;
iconContainer.style.transform = `perspective(500px) rotateX(${tiltY}deg) rotateY(${-tiltX}deg) scale3d(1.05, 1.05, 1.05)`;
});
item.addEventListener('mouseleave', function() {
iconContainer.style.transform = '';
});
}
});
// Function to add pulse effect to random icons in a marquee
function addPulseEffects() {
// Get all tech marquees
const marquees = document.querySelectorAll('.tech-marquee-container');
marquees.forEach(marquee => {
// Get all items in this marquee
const marqueeItems = marquee.querySelectorAll('.tech-marquee-item');
// Select 1-2 random items to pulse
const numberOfPulses = Math.floor(Math.random() * 2) + 1;
for (let i = 0; i < numberOfPulses; i++) {
const randomIndex = Math.floor(Math.random() * marqueeItems.length);
const randomItem = marqueeItems[randomIndex];
const iconContainer = randomItem.querySelector('.tech-icon-container');
if (iconContainer && !iconContainer.classList.contains('tech-pulse-highlight')) {
iconContainer.classList.add('tech-pulse-highlight');
setTimeout(() => {
iconContainer.classList.remove('tech-pulse-highlight');
}, 2000);
}
}
});
}
// Add subtle pulse effects periodically
setInterval(addPulseEffects, 3000);
// Add a parallax effect to create depth between the two marquees
window.addEventListener('mousemove', function(e) {
const containers = document.querySelectorAll('.tech-marquee-container');
containers.forEach((container, index) => {
const isReversed = container.classList.contains('tech-marquee-reversed');
const depth = isReversed ? 25 : 15; // Reduced sensitivity due to full width
const moveX = (e.clientX - window.innerWidth / 2) / depth;
const moveY = (e.clientY - window.innerHeight / 2) / depth;
// Limit the movement for a subtler effect with the full-width design
const maxMove = 10;
const limitedMoveX = Math.max(-maxMove, Math.min(maxMove, moveX));
const limitedMoveY = Math.max(-maxMove, Math.min(maxMove, moveY));
container.style.transform = `translate(${limitedMoveX}px, ${limitedMoveY}px)`;
});
});
// Add entrance animation for each tech item
const allMarquees = document.querySelectorAll('.tech-marquee-container');
allMarquees.forEach((marquee, marqueeIndex) => {
marquee.style.animationDelay = `${marqueeIndex * 0.2}s`;
});
});