86 lines
3.6 KiB
JavaScript
86 lines
3.6 KiB
JavaScript
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={`/`} 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"
|
|
/>
|
|
<text
|
|
x="55"
|
|
y="30"
|
|
fontFamily="Arial, sans-serif"
|
|
fontSize="20"
|
|
fill="#121416"
|
|
>
|
|
Keystone
|
|
</text>
|
|
</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: +91 90954 50005
|
|
</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>
|
|
);
|
|
}
|