Gyannetra_website/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  <title>Gyannetra — AI Services & Solutions</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 class="light-effect-top"></div>
    <div class="light-effect-bottom"></div>
    <div class="small-light-top"></div>
    <div class="small-light-bottom"></div>
    <div class="overlay"></div>
    <div class="noise"></div>
  </div>
  <!-- NAVBAR -->
  <header class="site-header">
    <nav class="navbar 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">Education ▾</a>
          <ul class="dropdown-menu education-dropdown">
            <li><a href="Education/workshops.html"><div class="dropdown-item-content"><img src="assets/workshops.png" alt="Workshops Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Workshops</span><span class="item-description">Engaging and interactive sessions designed to introduce key AI concepts and practical skills.</span></div></div></a></li>
            <li><a href="Education/individual-trainings.html"><div class="dropdown-item-content"><img src="assets/indi training.png" alt="Individual Training Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li>
            <li><a href="Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="assets/corpo training.png" alt="Corporate Training Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.
            </span></div></div></a></li>
          </ul>
        </li>
        <li><a href="about.html" class="nav-link">About Us</a></li>
        <li><a href="contact.html" class="nav-link">Contact Us</a></li>
      </ul>
    </nav>
  </header>  <!-- HERO -->
  <section id="hero">
    <div class="hero-overlay"></div>
    <div class="hero-content container">
      <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>
      <button class="btn-primary">Get Started</button>
    </div>
  </section>

  <!-- TECHNOLOGIES -->
  <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 -->
  <section id="expertise" class="container">
    <h2 class="section-heading">OUR EXPERTISE</h2>
    <div class="exp-grid">      <div class="exp-item">
        <img src="assets/predictive.png" alt="Predictive Analytics Icon" />
        <p>Predictive Analytics</p>
        <p class="exp-description">Using statistical algorithms and machine learning techniques to forecast future outcomes.</p>
      </div>      <div class="exp-item">
        <img src="assets/technology.png" alt="Automation Icon" />
        <p>Automation</p>
        <p class="exp-description">Designing and implementing intelligent systems to streamline workflows and boost productivity.</p>
      </div>      <div class="exp-item">
        <img src="assets/analytics (1).png" alt="Data Analysis Icon" />
        <p>Data Analysis</p>
        <p class="exp-description">Transforming raw data into actionable insights to inform strategic decisions.</p>
      </div>
    </div>
  </section>

  <!-- FOOTER -->
  <footer class="container footer">
    <div class="footer-col">
      <h3>Ready to get started?</h3>
      <a href="contact.html" class="btn-primary">Get Started</a>
    </div>
    <div class="footer-col">
      <h3>CONTACT US</h3>
      <p>✉️ info@gvannetra.com</p>
    </div>
  </footer>

  <script src="js/menu-dropdown.js"></script>
  <script src="js/main.js"></script>
</body>
</html>