import React from "react";
import Link from "next/link";
import Image from "next/image";
import Nav from "./Nav";
export default function Header5() {
  return (
    <header className="header style-4">
      <div className="header-inner">
        <div className="tf-container-2">
          <div className="row">
            <div className="col-12">
              <div className="header-inner-wrap">
                <div className="header-logo">
                  <Link href={`/marketing-consulting`} className="site-logo">
                    <svg
                      width={140}
                      height={40}
                      viewBox="0 0 140 40"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M18.2183 15.7033L29.395 34.7289C29.4936 34.8967 29.6741 34.9994 29.8687 34.9985L41.1397 34.9463C41.3308 34.9455 41.5075 34.8448 41.6058 34.6809L47.5 24.8527L35.944 24.8365C35.7518 24.8362 35.5738 24.7349 35.4754 24.5698L23.9713 5.2667C23.8727 5.10131 23.6944 5 23.5019 5L12.3005 5C12.1083 5 11.9302 5.10099 11.8315 5.26594L5.91087 15.1639L0.167756 24.7208C0.0644005 24.8928 0.0636223 25.1076 0.165723 25.2804L5.75222 34.7316C5.85055 34.8979 6.02941 35 6.22264 35L16.7708 35C17.1948 35 17.4573 34.538 17.2402 34.1738L5.91087 15.1639L17.276 15.1639C17.6635 15.1639 18.022 15.3691 18.2183 15.7033Z"
                        fill="url(#paint0_linear_4689_6079)"
                      />
                      <path
                        d="M58.22 28.5L64.412 11.7H66.548L72.716 28.5H70.58L65.468 14.22L60.332 28.5H58.22ZM61.052 24.18L61.628 22.548H69.236L69.812 24.18H61.052ZM79.5733 28.788C78.4053 28.788 77.3733 28.516 76.4773 27.972C75.5973 27.412 74.9173 26.652 74.4373 25.692C73.9573 24.732 73.7173 23.644 73.7173 22.428C73.7173 21.212 73.9573 20.132 74.4373 19.188C74.9173 18.228 75.5973 17.476 76.4773 16.932C77.3733 16.388 78.4133 16.116 79.5973 16.116C80.5733 16.116 81.4293 16.316 82.1653 16.716C82.9173 17.116 83.5013 17.676 83.9173 18.396V11.22H85.9333V28.5H84.1093L83.9173 26.508C83.6613 26.908 83.3333 27.284 82.9333 27.636C82.5333 27.972 82.0533 28.252 81.4933 28.476C80.9493 28.684 80.3093 28.788 79.5733 28.788ZM79.7893 27.036C80.5893 27.036 81.2933 26.844 81.9013 26.46C82.5093 26.076 82.9813 25.548 83.3173 24.876C83.6693 24.188 83.8453 23.38 83.8453 22.452C83.8453 21.54 83.6693 20.74 83.3173 20.052C82.9813 19.364 82.5093 18.828 81.9013 18.444C81.2933 18.06 80.5893 17.868 79.7893 17.868C79.0213 17.868 78.3253 18.06 77.7013 18.444C77.0933 18.828 76.6213 19.364 76.2853 20.052C75.9493 20.74 75.7813 21.54 75.7813 22.452C75.7813 23.38 75.9493 24.188 76.2853 24.876C76.6213 25.548 77.0933 26.076 77.7013 26.46C78.3253 26.844 79.0213 27.036 79.7893 27.036ZM92.5081 28.5L87.9241 16.404H90.0361L93.6841 26.556L97.3561 16.404H99.4201L94.8361 28.5H92.5081ZM101.636 28.5V16.404H103.652V28.5H101.636ZM102.644 13.836C102.244 13.836 101.908 13.708 101.636 13.452C101.38 13.18 101.252 12.844 101.252 12.444C101.252 12.044 101.38 11.724 101.636 11.484C101.908 11.228 102.244 11.1 102.644 11.1C103.028 11.1 103.356 11.228 103.628 11.484C103.9 11.724 104.036 12.044 104.036 12.444C104.036 12.844 103.9 13.18 103.628 13.452C103.356 13.708 103.028 13.836 102.644 13.836ZM111.722 28.5C111.002 28.5 110.378 28.388 109.85 28.164C109.322 27.94 108.914 27.564 108.626 27.036C108.354 26.492 108.218 25.764 108.218 24.852V18.108H106.106V16.404H108.218L108.482 13.476H110.234V16.404H113.738V18.108H110.234V24.852C110.234 25.604 110.386 26.116 110.69 26.388C110.994 26.644 111.53 26.772 112.298 26.772H113.594V28.5H111.722ZM121.104 28.788C119.984 28.788 118.984 28.524 118.104 27.996C117.224 27.468 116.536 26.732 116.04 25.788C115.544 24.828 115.296 23.716 115.296 22.452C115.296 21.172 115.536 20.06 116.016 19.116C116.512 18.172 117.2 17.436 118.08 16.908C118.976 16.38 120 16.116 121.152 16.116C122.336 16.116 123.344 16.38 124.176 16.908C125.008 17.436 125.64 18.132 126.072 18.996C126.52 19.844 126.744 20.78 126.744 21.804C126.744 21.964 126.744 22.132 126.744 22.308C126.744 22.484 126.736 22.684 126.72 22.908H116.808V21.348H124.752C124.704 20.244 124.336 19.38 123.648 18.756C122.976 18.132 122.128 17.82 121.104 17.82C120.432 17.82 119.8 17.98 119.208 18.3C118.616 18.604 118.144 19.06 117.792 19.668C117.44 20.26 117.264 21.004 117.264 21.9V22.572C117.264 23.564 117.44 24.396 117.792 25.068C118.16 25.74 118.632 26.244 119.208 26.58C119.8 26.916 120.432 27.084 121.104 27.084C121.952 27.084 122.648 26.9 123.192 26.532C123.752 26.148 124.16 25.628 124.416 24.972H126.408C126.2 25.708 125.856 26.364 125.376 26.94C124.896 27.5 124.296 27.948 123.576 28.284C122.872 28.62 122.048 28.788 121.104 28.788ZM127.438 28.5L131.542 22.452L127.438 16.404H129.646L132.91 21.348L136.222 16.404H138.382L134.278 22.452L138.382 28.5H136.222L132.91 23.532L129.646 28.5H127.438Z"
                        fill="#121416"
                      />
                      <defs>
                        <linearGradient
                          id="paint0_linear_4689_6079"
                          x1="-7.99999"
                          y1={20}
                          x2="38.4226"
                          y2="21.8957"
                          gradientUnits="userSpaceOnUse"
                        >
                          <stop stopColor="#FF3A2D" />
                          <stop offset={1} stopColor="#FFA13F" />
                        </linearGradient>
                      </defs>
                    </svg>
                  </Link>
                </div>
                <nav className="main-menu">
                  <ul className="navigation">
                    <Nav />
                  </ul>
                </nav>
                <div className="header-right d-flex align-items-center">
                  <Link
                    href={`/pricing`}
                    className="tf-btn btn-border hide-sm h36"
                  >
                    <span className="text-body-4">Get Started</span>
                    <span className="bg-effect" />
                  </Link>
                  <Link
                    href={`/contact-us`}
                    className="tf-btn btn-dark hide-sm h36"
                  >
                    <span className="text-body-4">Contact Us</span>
                    <span className="bg-effect" />
                  </Link>
                  <div
                    className="mobile-button"
                    data-bs-toggle="offcanvas"
                    data-bs-target="#menu-mobile"
                    aria-controls="menu-mobile"
                  >
                    <div className="burger">
                      <span />
                      <span />
                      <span />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
  );
}
