<?php
/**
 * Contact Us Page
 * Cognitivi - Search Relevance Consulting
 */

require_once __DIR__ . '/config/auth.php';

// Verify reCAPTCHA response
function verifyRecaptcha($response) {
    $url = 'https://www.google.com/recaptcha/api/siteverify';
    $data = [
        'secret' => RECAPTCHA_SECRET_KEY,
        'response' => $response
    ];

    $ch = curl_init($url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_POST, true);
    curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));

    $result = json_decode(curl_exec($ch), true);
    curl_close($ch);

    return isset($result['success']) && $result['success'] === true;
}

$message = '';
$error = '';
$formData = [
    'name' => '',
    'email' => '',
    'phone' => '',
    'company' => '',
    'inquiryType' => '',
    'projectBudget' => '',
    'message' => ''
];

// Handle form submission
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $formData = [
        'name' => strip_tags(trim($_POST['name'] ?? '')),
        'email' => filter_var(trim($_POST['email'] ?? ''), FILTER_SANITIZE_EMAIL),
        'phone' => strip_tags(trim($_POST['phone'] ?? '')),
        'company' => strip_tags(trim($_POST['company'] ?? '')),
        'inquiryType' => strip_tags(trim($_POST['inquiryType'] ?? '')),
        'projectBudget' => strip_tags(trim($_POST['projectBudget'] ?? '')),
        'message' => strip_tags(trim($_POST['message'] ?? ''))
    ];

    if (empty($formData['name']) || empty($formData['email']) || empty($formData['inquiryType'])) {
        $error = 'Please fill in all required fields.';
    }
    elseif (!filter_var($formData['email'], FILTER_VALIDATE_EMAIL)) {
        $error = 'Please enter a valid email address.';
    }
    elseif (empty($_POST['g-recaptcha-response'])) {
        $error = 'Please complete the CAPTCHA verification.';
    }
    elseif (!verifyRecaptcha($_POST['g-recaptcha-response'])) {
        $error = 'CAPTCHA verification failed. Please try again.';
    }
    else {
        $to = 'romankagan@gmail.com';
        $emailSubject = "New Consultation Request: " . $formData['name'];

        $email_content = "New consultation request from Cognitivi website:\n\n";
        $email_content .= "Name: " . $formData['name'] . "\n";
        $email_content .= "Email: " . $formData['email'] . "\n";
        $email_content .= "Phone: " . ($formData['phone'] ?: 'Not provided') . "\n";
        $email_content .= "Company: " . ($formData['company'] ?: 'Not provided') . "\n";
        $email_content .= "Inquiry Type: " . $formData['inquiryType'] . "\n";
        $email_content .= "Project Budget: " . ($formData['projectBudget'] ?: 'Not specified') . "\n";
        $email_content .= "Message:\n" . ($formData['message'] ?: 'No additional message') . "\n";

        $email_headers = "From: " . $formData['name'] . " <" . $formData['email'] . ">";

        if (mail($to, $emailSubject, $email_content, $email_headers)) {
            $message = 'Thank you for your interest! We will review your request and contact you within 2 business days.';
            $formData = [
                'name' => '',
                'email' => '',
                'phone' => '',
                'company' => '',
                'inquiryType' => '',
                'projectBudget' => '',
                'message' => ''
            ];
        } else {
            $error = 'Something went wrong. Please try again or contact us directly at info@cognitivi.ai.';
        }
    }
}
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Google Analytics (GA4) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-3NT52EGFS0"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-3NT52EGFS0');
    </script>
    <meta charset="utf-8">
    <meta name="keywords" content="contact cognitivi, search relevance consultation, search audit, free consultation" />
    <meta name="description" content="Contact Cognitivi for a free search relevance consultation. Tell us about your search challenges and we will help you build better search experiences." />
    <meta name="author" content="cognitivi.ai" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Contact Us - Cognitivi | Get a Search Relevance Consultation</title>

    <!-- Open Graph -->
    <meta property="og:title" content="Contact Us - Cognitivi | Get a Search Relevance Consultation" />
    <meta property="og:description" content="Contact Cognitivi for a free search relevance consultation. Tell us about your search challenges and we will help you build better search experiences." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://cognitivi.ai/contact-us.php" />
    <meta property="og:site_name" content="Cognitivi" />
    <meta property="og:image" content="https://cognitivi.ai/images/logo.svg" />

    <!-- Canonical URL -->
    <link rel="canonical" href="https://cognitivi.ai/contact-us.php" />

  <!-- Resource hints -->
  <link rel="dns-prefetch" href="https://www.googletagmanager.com">
  <link rel="dns-prefetch" href="https://www.google-analytics.com">
  <link rel="dns-prefetch" href="https://www.google.com">
  <link rel="dns-prefetch" href="https://maps.googleapis.com">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>


    <!-- Favicon -->
    <link rel="shortcut icon" href="images/favicon.ico" />

    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css?family=Heebo:400,500,700%7CMontserrat:300,400,500,600,700,800&display=swap" rel="stylesheet">

    <!-- CSS Global Compulsory (Do not remove) -->
    <link rel="stylesheet" href="css/font-awesome/all.min.css" />
    <link rel="stylesheet" href="css/flaticon/flaticon.css" />
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />

    <!-- Page CSS Implementing Plugins (Remove the plugin CSS here if site does not use that feature) -->
    <link rel="stylesheet" href="css/magnific-popup/magnific-popup.css" />

    <!-- Template Style -->
    <link rel="stylesheet" href="css/style.min.css" />

    <!-- Google reCAPTCHA -->
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  
  <!-- JSON-LD Structured Data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "ContactPage",
    "url": "https://cognitivi.ai/contact-us.php",
    "mainEntity": {
      "@type": "Organization",
      "name": "Cognitivi",
      "url": "https://cognitivi.ai",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "4444 Geary Blvd #202",
        "addressLocality": "San Francisco",
        "addressRegion": "CA",
        "postalCode": "94118",
        "addressCountry": "US"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "Customer Service",
        "email": "info@cognitivi.ai"
      }
    }
  }
  </script>
</head>

  <body>

    <!--=================================
    Header -->
    <header class="header header-sticky header-03">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <nav class="navbar navbar-expand-lg">
              <!-- Logo START -->
              <a class="navbar-brand" href="index.html">
               <img class="img-fluid" src="images/logo.svg" alt="Cognitivi - Search Relevance Consulting">
              </a>
              <!-- Logo END -->

              <!-- Navbar toggler START -->
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
              <!-- Navbar toggler END -->

              <!-- Navbar START -->
              <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav m-auto">
                  <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Home<i class="fas fa-chevron-down fa-xs" aria-hidden="true"></i></a>
                    <!-- Dropdown Menu -->
                    <ul class="dropdown-menu">
                      <li><a class="dropdown-item" href="index.html">Home 01</a></li>
                      <li><a class="dropdown-item" href="index-02.html">Home 02</a></li>
                      <li><a class="dropdown-item" href="index-03.html">Home 03</a></li>
                      <li><a class="dropdown-item" href="index-04.html">Home 04</a></li>
                      <li><a class="dropdown-item" href="index-05.html">Home 05</a></li>
                      <li><a class="dropdown-item" href="index-06.html">Home 06</a></li>
                    </ul>
                  </li>
                  <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages<i class="fas fa-chevron-down fa-xs" aria-hidden="true"></i>
                    </a>
                    <!-- Dropdown Menu -->
                    <ul class="dropdown-menu">
                      <li><a class="dropdown-item" href="about-us.html">About Us</a></li>
                      <li><a class="dropdown-item" href="about-me.html">About Me</a></li>
                      <li><a class="dropdown-item" href="service.html">Service</a></li>
                      <li><a class="dropdown-item" href="service-detail.html">Service Detail</a></li>
                      <li><a class="dropdown-item" href="team.html">Team</a></li>                    </ul>
                  </li>
                  <li class="nav-item dropdown">
                    <a class="nav-link  dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Portfolio<i class="fas fa-chevron-down fa-xs" aria-hidden="true"></i>
                    </a>
                    <!-- Dropdown Menu -->
                    <ul class="dropdown-menu">
                      <li><a class="dropdown-item" href="portfolio.html">Portfolio</a></li>
                      <li><a class="dropdown-item" href="portfolio-detail.html">Portfolio Detail</a></li>
                      <li><a class="dropdown-item" href="portfolio-detail-02.html">Portfolio Detail 02</a></li>
                    </ul>
                  </li>
                  <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Blog<i class="fas fa-chevron-down fa-xs" aria-hidden="true"></i>
                    </a>
                    <!-- Dropdown Menu -->
                    <ul class="dropdown-menu">
                      <li><a class="dropdown-item" href="blog.html">Blog</a></li>
                      <li><a class="dropdown-item" href="blog-detail.html">Blog Detail</a></li>
                    </ul>
                  </li>
                  <li class="nav-item active">
                    <a class="nav-link" href="contact-us.php">Contact Us</a>
                  </li>
                </ul>
              </div>
              <!-- Navbar END -->

              <div class="mr-5 mr-lg-0 d-sm-flex d-none align-items-center">
                <!-- Search icon START -->
                <div class="search mr-4">
                  <a class="search-btn not_click" href="javascript:void(0);"></a>
                  <div class="search-box not-click">
                    <form action="#" method="get">
                      <input type="text" class="not-click form-control" name="search" placeholder="Search.." value="" autofocus>
                      <button class="search-button" type="submit"><i class="fa fa-search not-click" aria-hidden="true"></i></button>
                    </form>
                  </div>
                </div>
                <!-- Search icon END -->

                <!-- Button START -->
                <a class="btn btn-dark-gradient" href="contact-us.php">Get a Consultation</a>
                <!-- Search END -->
              </div>
            </nav>
          </div>
        </div>
      </div>
    </header>
    <!--=================================
    Header -->

    <!--=================================
    Map -->
    <section class="inner-banner h-500">
      <div class="container-fluid p-0">
        <div class="row no-gutters">
          <div class="col-sm-12">
            <div class="map">
              <!-- iframe START -->
              <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d75000!2d-122.4634!3d37.7814!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808587600e18e161%3A0x9e52769a9e7b5d8e!2s4444%20Geary%20Blvd%20%23202%2C%20San%20Francisco%2C%20CA%2094118!5e0!3m2!1sen!2sus!4v1700000000000!5m2!1sen!2sus" style="border:0; width: 100%; height: 500px" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
              <!-- iframe END -->
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--=================================
    Map -->

    <!--=================================
    Contact form -->
    <section class="space-pb mt-n6">
      <div class="container position-relative">
        <div class="row bg-white shadow m-0 px-md-4 py-4 py-lg-5">
          <div class="col-md-6 mb-4 mb-md-0">
            <div class="section-title">
              <h2 class="title">Contact Info</h2>
              <p class="lead">Drop us a line! We'll set up a time to discuss your search challenges and explore how we can help improve your search relevance.</p>
            </div>
            <div class="contact-info">
              <ul class="list-unstyled mb-0">
                <li><i class="far fa-envelope text-primary" aria-hidden="true"></i><span><strong>Email:</strong> info@cognitivi.ai</span></li>
                <li><i class="fas fa-phone-alt text-primary" aria-hidden="true"></i><span><strong>Phone:</strong> +1 (415) 426-8280</span></li>
                <li><i class="fas fa-phone-alt text-primary" aria-hidden="true"></i><span><strong>Support:</strong> +1 (877) 51 - SEARCH</span></li>
                <li><i class="fas fa-map-marker-alt text-primary" aria-hidden="true"></i><span><strong>Address:</strong> 4444 Geary Blvd #202, San Francisco, CA 94118</span></li>

              </ul>
            </div>
            <div class="social-icon d-inline-block mt-4 mt-md-5">
              <ul>
                <li>
                  <a href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a>
                </li>
              </ul>
            </div>
          </div>
          <div class="col-md-6">
            <div class="section-title">
              <h2 class="title">Get a Consultation</h2>
              <p class="lead">Let's discuss how we can improve your search experience and drive better results.</p>
            </div>

            <?php if ($message): ?>
            <div class="alert alert-success" role="alert"><?= htmlspecialchars($message) ?></div>
            <?php endif; ?>

            <?php if ($error): ?>
            <div class="alert alert-danger" role="alert"><?= htmlspecialchars($error) ?></div>
            <?php endif; ?>

            <form method="POST" action="contact-us.php">
              <div class="form-row">
                <div class="form-group col-md-6">
                  <label for="name">Full Name *</label>
                  <input type="text" class="form-control" id="name" name="name" placeholder="Your Name" required value="<?= htmlspecialchars($formData['name']) ?>">
                </div>
                <div class="form-group col-md-6">
                  <label for="email">Email Address *</label>
                  <input type="email" class="form-control" id="email" name="email" placeholder="Your Email" required value="<?= htmlspecialchars($formData['email']) ?>">
                </div>
                <div class="form-group col-md-6">
                  <label for="phone">Phone Number</label>
                  <input type="tel" class="form-control" id="phone" name="phone" placeholder="Your Phone" value="<?= htmlspecialchars($formData['phone']) ?>">
                </div>
                <div class="form-group col-md-6">
                  <label for="company">Company Name</label>
                  <input type="text" class="form-control" id="company" name="company" placeholder="Your Company" value="<?= htmlspecialchars($formData['company']) ?>">
                </div>
                <div class="form-group col-md-6">
                  <label for="inquiryType">I need help with... *</label>
                  <select class="form-control" id="inquiryType" name="inquiryType" required>
                    <option value="">Please select</option>
                    <option value="Search Relevance Audit" <?= $formData['inquiryType'] === 'Search Relevance Audit' ? 'selected' : '' ?>>Search Relevance Audit</option>
                    <option value="Relevance Tuning" <?= $formData['inquiryType'] === 'Relevance Tuning' ? 'selected' : '' ?>>Relevance Tuning</option>
                    <option value="Query Understanding" <?= $formData['inquiryType'] === 'Query Understanding' ? 'selected' : '' ?>>Query Understanding &amp; NLP</option>
                    <option value="Learning to Rank" <?= $formData['inquiryType'] === 'Learning to Rank' ? 'selected' : '' ?>>Learning to Rank</option>
                    <option value="Semantic Search" <?= $formData['inquiryType'] === 'Semantic Search' ? 'selected' : '' ?>>Semantic / Vector Search</option>
                    <option value="Evaluation Framework" <?= $formData['inquiryType'] === 'Evaluation Framework' ? 'selected' : '' ?>>Evaluation Framework</option>
                    <option value="Search Infrastructure" <?= $formData['inquiryType'] === 'Search Infrastructure' ? 'selected' : '' ?>>Search Infrastructure</option>
                    <option value="General Consultation" <?= $formData['inquiryType'] === 'General Consultation' ? 'selected' : '' ?>>General Consultation</option>
                    <option value="Other" <?= $formData['inquiryType'] === 'Other' ? 'selected' : '' ?>>Other</option>
                  </select>
                </div>
                <div class="form-group col-md-6">
                  <label for="projectBudget">Project Budget</label>
                  <select class="form-control" id="projectBudget" name="projectBudget">
                    <option value="">Prefer not to say</option>
                    <option value="Under $10K" <?= $formData['projectBudget'] === 'Under $10K' ? 'selected' : '' ?>>Under $10K</option>
                    <option value="$10K - $50K" <?= $formData['projectBudget'] === '$10K - $50K' ? 'selected' : '' ?>>$10K - $50K</option>
                    <option value="$50K - $150K" <?= $formData['projectBudget'] === '$50K - $150K' ? 'selected' : '' ?>>$50K - $150K</option>
                    <option value="$150K+" <?= $formData['projectBudget'] === '$150K+' ? 'selected' : '' ?>>$150K+</option>
                  </select>
                </div>
                <div class="form-group col-md-12">
                  <label for="message">Tell us about your search challenges</label>
                  <textarea class="form-control" id="message" name="message" rows="4" placeholder="Describe your current search setup, pain points, and what you'd like to achieve..."><?= htmlspecialchars($formData['message']) ?></textarea>
                </div>
                <div class="form-group col-md-12">
                  <div class="g-recaptcha" data-sitekey="<?= RECAPTCHA_SITE_KEY ?>"></div>
                </div>
                <div class="col-md-12">
                  <button type="submit" class="btn btn-primary btn-arrow">Submit Request<span></span></button>
                </div>
              </div>
            </form>
          </div>
        </div>
        <!-- SVG START -->
        <span class="position-absolute bottom-0 right-0 mr-md-n1 mr-xl-n5 mb-n5 d-none d-md-block">
          <svg xmlns="http://www.w3.org/2000/svg" width="110" height="110" viewBox="0 0 110 110">
            <path class="fill-primary" d="M1602.62,632.3a6.31,6.31,0,1,1-6.31-6.315A6.309,6.309,0,0,1,1602.62,632.3Zm32.46,0a6.31,6.31,0,1,1-6.31-6.315A6.315,6.315,0,0,1,1635.08,632.3Zm32.46,0a6.315,6.315,0,1,1-6.32-6.315A6.318,6.318,0,0,1,1667.54,632.3Zm32.45,0a6.31,6.31,0,1,1-6.31-6.315A6.309,6.309,0,0,1,1699.99,632.3Zm-97.37,32.465a6.31,6.31,0,1,1-6.31-6.315A6.31,6.31,0,0,1,1602.62,664.769Zm32.46,0a6.31,6.31,0,1,1-6.31-6.315A6.316,6.316,0,0,1,1635.08,664.769Zm32.46,0a6.315,6.315,0,1,1-6.32-6.315A6.318,6.318,0,0,1,1667.54,664.769Zm32.45,0a6.31,6.31,0,1,1-6.31-6.315A6.31,6.31,0,0,1,1699.99,664.769Zm-97.37,32.465a6.31,6.31,0,1,1-6.31-6.315A6.308,6.308,0,0,1,1602.62,697.234Zm32.46,0a6.31,6.31,0,1,1-6.31-6.315A6.315,6.315,0,0,1,1635.08,697.234Zm32.46,0a6.315,6.315,0,1,1-6.32-6.315A6.317,6.317,0,0,1,1667.54,697.234Zm32.45,0a6.31,6.31,0,1,1-6.31-6.315A6.308,6.308,0,0,1,1699.99,697.234ZM1602.62,729.7a6.31,6.31,0,1,1-6.31-6.314A6.309,6.309,0,0,1,1602.62,729.7Zm32.46,0a6.31,6.31,0,1,1-6.31-6.314A6.315,6.315,0,0,1,1635.08,729.7Zm32.46,0a6.315,6.315,0,1,1-6.32-6.314A6.318,6.318,0,0,1,1667.54,729.7Zm32.45,0a6.31,6.31,0,1,1-6.31-6.314A6.309,6.309,0,0,1,1699.99,729.7Z" transform="translate(-1590 -626)"/>
          </svg>
        </span>
        <!-- SVG END -->
      </div>
    </section>
    <!--=================================
    Contact form -->

    <!--=================================
    Footer -->
    <footer class="footer bg-dark space-pt">
      <!-- SVG START -->
      <span class="position-absolute bottom-0 right-0 mr-n6 mb-n7 opacity-10">
        <svg xmlns="http://www.w3.org/2000/svg" width="222" height="382" viewBox="0 0 222 382">
          <path class="fill-primary" d="M157.035,3722.99c-25.383-42.15-61.5-50.55-60-62.57s40.734-27.62,57.288-56.25c16.454-28.63,10.435-70.17,28.594-100.6,18.06-30.33,60.3-49.45,75.849-29.23,15.652,20.22,4.615,79.78,13.946,117.32,9.23,37.43,38.828,52.85,45.048,72.27,6.12,19.42-10.936,42.74-32.507,85.48s-47.656,104.91-67.923,98.1C196.966,3840.8,182.419,3765.03,157.035,3722.99Z" transform="translate(-97 -3466)"/>
        </svg>
      </span>
      <!-- SVG END -->
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-6 mb-4 mb-lg-0">
            <h2 class="text-white mb-4">Better search starts with better relevance</h2>
            <p class="lead text-white mb-0">We help teams build search experiences that truly understand their users.</p>
          </div>
          <div class="col-lg-6 text-lg-right">
            <a href="contact-us.php" class="btn btn-primary-gradient btn-arrow">Schedule a Consultation<span></span></a>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <hr>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-3 col-md-6 mb-2">
            <div class="footer-info">
              <!-- Logo START -->
              <a class="mb-4 d-inline-block" href="index.html">
                <img class="img-fluid" src="images/logo.svg" alt="Cognitivi - Search Relevance Consulting" loading="lazy">
              </a>
              <!-- Logo END -->
              <p class="text-muted">4444 Geary Blvd #202, San Francisco, CA 94118</p>
            </div>
          </div>
          <div class="col-lg-2 col-sm-6 mb-2">
            <div class="footer-link">
              <h5 class="mb-4">Support</h5>
              <ul class="list-unstyled mb-0">
                <li><a href="blog.html">Blog</a></li>
                <li><a href="#">Help Center</a></li>
                <li><a href="contact-us.php">Contact us</a></li>
              </ul>
            </div>
          </div>
          <div class="col-lg-2 col-sm-6 mb-2">
            <div class="footer-link">
              <h5 class="mb-4">Company</h5>
              <ul class="list-unstyled mb-0">
                <li><a href="index.html">Home</a></li>
                <li><a href="about-us.html">About</a></li>
                <li><a href="service.html">Services</a></li>
              </ul>
            </div>
          </div>
          <div class="col-lg-5 col-md-6 mt-4 mt-lg-0">
            <div class="subscribe">
              <h5 class="mb-4">Sign Up For Our Newsletter</h5>
              <form class="subscribe" action="newsletter.php" method="POST">
              <div class="form-group">
                <label for="newsletter-email" class="sr-only">Email Address</label>
                <input type="email" class="form-control" id="newsletter-email" name="email" placeholder="Your Email Address">
                </div>
                <button type="submit" class="btn-arrow arrow-gradient"><span></span></button>
              </form>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-bottom">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-6 text-center copyright text-lg-left"><p class="mb-lg-0">&copy; Copyright <?= date('Y') ?> <a href="index.html"> Cognitivi </a> All Rights Reserved.</p>
            <p class="mb-0 small text-muted"><a href="terms-of-service.html" class="text-muted">Terms of Service</a> · <a href="privacy-policy.html" class="text-muted">Privacy Policy</a></p>
            </div>
            <div class="col-lg-6 text-center text-lg-right">
              <div class="social-icon d-inline-block mt-1 mt-md-2">
                <ul>
                  <li>
                    <a href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!--=================================
    Footer -->

    <!--=================================
    Back To Top -->
    <div id="back-to-top" class="back-to-top">up</div>
    <!--=================================
    Back To Top -->

    <!--=================================
    Javascript -->

    <!-- JS Global Compulsory (Do not remove) -->
    <script src="js/jquery-3.7.1.min.js"></script>
    <script src="js/popper/popper.min.js"></script>
    <script src="js/bootstrap/bootstrap.min.js"></script>

    <!-- Page JS Implementing Plugins (Remove the plugin script here if site does not use that feature) -->
    <script src="js/jquery.appear.js"></script>
    <script src="js/magnific-popup/jquery.magnific-popup.min.js"></script>

    <!-- Template Scripts (Do not remove) -->
    <script src="js/custom.js"></script>

  </body>

</html>
