import React from "react";
import Link from "next/link";
import Image from "next/image";
import Nav from "./Nav";
export default function Header4() {
  return (
    <header id="header-main" className="header style-3">
      <div className="header-inner">
        <div className="tf-container">
          <div className="row">
            <div className="col-12">
              <div className="header-inner-wrap">
                <div className="header-left d-flex align-items-center">
                  <div className="header-logo">
                    <Link href={`/insurance-consulting`} className="site-logo">
                      <svg
                        width="139.5"
                        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="#28285B"
                        />
                        <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.5973 28.788C78.4133 28.788 77.3733 28.516 76.4773 27.972C75.5973 27.428 74.9093 26.684 74.4133 25.74C73.9333 24.796 73.6933 23.724 73.6933 22.524C73.6933 21.324 73.9333 20.26 74.4133 19.332C74.9093 18.388 75.6053 17.652 76.5013 17.124C77.3973 16.58 78.4373 16.308 79.6213 16.308C80.5973 16.308 81.4613 16.508 82.2133 16.908C82.9813 17.308 83.5653 17.868 83.9653 18.588V11.22H85.9813V28.5H84.1573L83.9653 26.532C83.7093 26.916 83.3813 27.284 82.9813 27.636C82.5813 27.972 82.1013 28.252 81.5413 28.476C80.9813 28.684 80.3333 28.788 79.5973 28.788ZM79.8133 27.036C80.6133 27.036 81.3173 26.852 81.9253 26.484C82.5493 26.1 83.0293 25.572 83.3653 24.9C83.7173 24.228 83.8933 23.444 83.8933 22.548C83.8933 21.652 83.7173 20.868 83.3653 20.196C83.0293 19.524 82.5493 19.004 81.9253 18.636C81.3173 18.252 80.6133 18.06 79.8133 18.06C79.0293 18.06 78.3253 18.252 77.7013 18.636C77.0933 19.004 76.6133 19.524 76.2613 20.196C75.9253 20.868 75.7573 21.652 75.7573 22.548C75.7573 23.444 75.9253 24.228 76.2613 24.9C76.6133 25.572 77.0933 26.1 77.7013 26.484C78.3253 26.852 79.0293 27.036 79.8133 27.036ZM92.483 28.5L87.971 16.596H90.083L93.659 26.556L97.259 16.596H99.323L94.811 28.5H92.483ZM101.543 28.5V16.596H103.559V28.5H101.543ZM102.551 13.956C102.151 13.956 101.815 13.828 101.543 13.572C101.287 13.3 101.159 12.964 101.159 12.564C101.159 12.164 101.287 11.844 101.543 11.604C101.815 11.348 102.151 11.22 102.551 11.22C102.935 11.22 103.263 11.348 103.535 11.604C103.807 11.844 103.943 12.164 103.943 12.564C103.943 12.964 103.807 13.3 103.535 13.572C103.263 13.828 102.935 13.956 102.551 13.956ZM111.533 28.5C110.813 28.5 110.189 28.388 109.661 28.164C109.133 27.94 108.725 27.564 108.437 27.036C108.165 26.492 108.029 25.764 108.029 24.852V18.3H105.965V16.596H108.029L108.293 13.74H110.045V16.596H113.549V18.3H110.045V24.852C110.045 25.604 110.197 26.116 110.501 26.388C110.805 26.644 111.341 26.772 112.109 26.772H113.357V28.5H111.533ZM120.894 28.788C119.758 28.788 118.75 28.532 117.87 28.02C116.99 27.492 116.294 26.764 115.782 25.836C115.286 24.892 115.038 23.796 115.038 22.548C115.038 21.284 115.286 20.188 115.782 19.26C116.278 18.332 116.966 17.612 117.846 17.1C118.742 16.572 119.774 16.308 120.942 16.308C122.11 16.308 123.11 16.572 123.942 17.1C124.774 17.612 125.414 18.292 125.862 19.14C126.31 19.972 126.534 20.884 126.534 21.876C126.534 22.036 126.534 22.212 126.534 22.404C126.534 22.58 126.526 22.78 126.51 23.004H116.55V21.444H124.542C124.494 20.372 124.126 19.532 123.438 18.924C122.766 18.316 121.918 18.012 120.894 18.012C120.206 18.012 119.566 18.164 118.974 18.468C118.382 18.772 117.902 19.22 117.534 19.812C117.182 20.388 117.006 21.116 117.006 21.996V22.668C117.006 23.644 117.19 24.46 117.558 25.116C117.926 25.772 118.406 26.268 118.998 26.604C119.59 26.924 120.222 27.084 120.894 27.084C121.726 27.084 122.422 26.892 122.982 26.508C123.542 26.124 123.95 25.604 124.206 24.948H126.198C125.99 25.684 125.646 26.34 125.166 26.916C124.686 27.492 124.086 27.948 123.366 28.284C122.662 28.62 121.838 28.788 120.894 28.788ZM127.203 28.5L131.331 22.548L127.203 16.596H129.387L132.723 21.516L136.083 16.596H138.243L134.115 22.548L138.243 28.5H136.083L132.723 23.58L129.387 28.5H127.203Z"
                          fill="#121416"
                        />
                      </svg>
                    </Link>
                  </div>
                  <nav className="main-menu style-3">
                    <ul className="navigation">
                      <Nav />
                    </ul>
                  </nav>
                </div>
                <div className="header-right d-flex align-items-center">
                  <div className="support text-body-2 d-flex gap_12 align-items-center text_mono-dark-9">
                    <i className="icon-customer-support" />
                    24/7 Support: (234) 109-6666
                  </div>
                  <Link
                    href={`/about`}
                    className="tf-btn btn-border border-1 hide-sm h36 rounded-12"
                  >
                    <span className="text-caption">Get Started</span>
                    <span className="bg-effect" />
                  </Link>
                  <Link
                    href={`/contact-us`}
                    className="tf-btn hide-sm rounded-12 h36"
                  >
                    <span className="text-caption">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>
  );
}
