first commit
This commit is contained in:
mukesh13
89
components/headers/Header1.jsx
Normal file
89
components/headers/Header1.jsx
Normal file
@ -0,0 +1,89 @@
|
||||
"use client";
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import Nav from "./Nav";
|
||||
import SearchPopup from "./SearchPopup";
|
||||
export default function Header1({ parentClass = "header style-default" }) {
|
||||
return (
|
||||
<header className={parentClass}>
|
||||
<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={149}
|
||||
height={46}
|
||||
viewBox="0 0 149 46"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<rect
|
||||
x="0.625"
|
||||
y="0.625"
|
||||
width="147.75"
|
||||
height="44.75"
|
||||
rx="22.375"
|
||||
fill="white"
|
||||
/>
|
||||
<rect
|
||||
x="0.625"
|
||||
y="0.625"
|
||||
width="147.75"
|
||||
height="44.75"
|
||||
rx="22.375"
|
||||
stroke="white"
|
||||
strokeWidth="1.25"
|
||||
/>
|
||||
<path
|
||||
d="M32.3775 20.311L39.7515 32.7325C39.8499 32.8983 40.0285 33 40.2214 33L47.6138 33C47.8054 33 47.983 32.8997 48.0819 32.7356L52 26.2351L44.3144 26.2245C44.123 26.2242 43.9458 26.1239 43.847 25.9599L36.2013 13.2645C36.1024 13.1004 35.9248 13 35.7332 13L28.3861 13C28.1948 13 28.0174 13.1 27.9184 13.2638L23.9821 19.776L20.1708 26.052C20.0657 26.2251 20.0649 26.4421 20.1688 26.6159L23.823 32.7338C23.9217 32.8989 24.0998 33 24.2922 33L30.9792 33C31.4043 33 31.6666 32.5358 31.4473 32.1716L23.9821 19.776L31.4378 19.776C31.8235 19.776 32.1806 19.9793 32.3775 20.311Z"
|
||||
fill="#0075FF"
|
||||
/>
|
||||
<path
|
||||
d="M60.56 30L65.7 16H67.88L73 30H70.88L66.78 18.4L62.64 30H60.56ZM62.88 26.54L63.44 24.94H70.02L70.56 26.54H62.88ZM78.4873 30.24C77.5273 30.24 76.674 30.0133 75.9273 29.56C75.194 29.1067 74.6207 28.4867 74.2073 27.7C73.8073 26.9 73.6073 26 73.6073 25C73.6073 23.9867 73.8073 23.0867 74.2073 22.3C74.6207 21.5133 75.2007 20.9 75.9473 20.46C76.694 20.0067 77.5473 19.78 78.5073 19.78C79.294 19.78 79.9873 19.94 80.5873 20.26C81.2007 20.5667 81.674 21 82.0073 21.56V15.6H84.0073V30H82.2073L82.0073 28.44C81.794 28.7467 81.5273 29.04 81.2073 29.32C80.8873 29.5867 80.5007 29.8067 80.0473 29.98C79.594 30.1533 79.074 30.24 78.4873 30.24ZM78.8073 28.5C79.434 28.5 79.9873 28.3533 80.4673 28.06C80.9473 27.7667 81.3207 27.36 81.5873 26.84C81.854 26.3067 81.9873 25.6933 81.9873 25C81.9873 24.3067 81.854 23.7 81.5873 23.18C81.3207 22.66 80.9473 22.2533 80.4673 21.96C79.9873 21.6667 79.434 21.52 78.8073 21.52C78.194 21.52 77.6473 21.6667 77.1673 21.96C76.6873 22.2533 76.314 22.66 76.0473 23.18C75.7807 23.7 75.6473 24.3067 75.6473 25C75.6473 25.6933 75.7807 26.3067 76.0473 26.84C76.314 27.36 76.6873 27.7667 77.1673 28.06C77.6473 28.3533 78.194 28.5 78.8073 28.5ZM89.1417 30L85.3817 20.02H87.4817L90.3217 28.08L93.1817 20.02H95.2417L91.5017 30H89.1417ZM96.7648 30V20.02H98.7648V30H96.7648ZM97.7648 18.08C97.3915 18.08 97.0782 17.96 96.8248 17.72C96.5715 17.48 96.4448 17.1733 96.4448 16.8C96.4448 16.44 96.5715 16.1467 96.8248 15.92C97.0782 15.68 97.3915 15.56 97.7648 15.56C98.1382 15.56 98.4515 15.68 98.7048 15.92C98.9582 16.1467 99.0848 16.44 99.0848 16.8C99.0848 17.1733 98.9582 17.48 98.7048 17.72C98.4515 17.96 98.1382 18.08 97.7648 18.08ZM105.345 30C104.705 30 104.152 29.9 103.685 29.7C103.218 29.5 102.858 29.1667 102.605 28.7C102.352 28.2333 102.225 27.6 102.225 26.8V21.7H100.505V20.02H102.225L102.485 17.52H104.225V20.02H107.065V21.7H104.225V26.82C104.225 27.3933 104.345 27.7867 104.585 28C104.825 28.2 105.238 28.3 105.825 28.3H106.965V30H105.345ZM113.159 30.24C112.185 30.24 111.325 30.0267 110.579 29.6C109.832 29.16 109.245 28.5533 108.819 27.78C108.405 26.9933 108.199 26.08 108.199 25.04C108.199 23.9867 108.405 23.0667 108.819 22.28C109.232 21.4933 109.812 20.88 110.559 20.44C111.319 20 112.192 19.78 113.179 19.78C114.165 19.78 115.012 20 115.719 20.44C116.439 20.8667 116.985 21.44 117.359 22.16C117.745 22.88 117.939 23.6733 117.939 24.54C117.939 24.6733 117.939 24.82 117.939 24.98C117.939 25.1267 117.932 25.2933 117.919 25.48H109.659V24.06H115.959C115.919 23.2467 115.639 22.6067 115.119 22.14C114.599 21.6733 113.945 21.44 113.159 21.44C112.625 21.44 112.125 21.56 111.659 21.8C111.205 22.04 110.839 22.3933 110.559 22.86C110.292 23.3267 110.159 23.9133 110.159 24.62V25.2C110.159 25.9333 110.292 26.5533 110.559 27.06C110.839 27.5533 111.205 27.9333 111.659 28.2C112.112 28.4533 112.605 28.58 113.139 28.58C113.779 28.58 114.305 28.44 114.719 28.16C115.145 27.8667 115.459 27.48 115.659 27H117.659C117.485 27.6133 117.192 28.1667 116.779 28.66C116.365 29.14 115.852 29.5267 115.239 29.82C114.639 30.1 113.945 30.24 113.159 30.24ZM118.234 30L121.734 25L118.234 20.02H120.394L123.054 23.92L125.734 20.02H127.894L124.394 25L127.894 30H125.734L123.054 26.1L120.394 30H118.234Z"
|
||||
fill="black"
|
||||
/>
|
||||
</svg>
|
||||
</Link>
|
||||
</div>
|
||||
<nav className="main-menu style-default">
|
||||
<ul className="navigation">
|
||||
<Nav />
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div className="header-right d-flex align-items-center">
|
||||
<SearchPopup />
|
||||
<Link href={`/pricing`} className="tf-btn btn-white hide-sm">
|
||||
<span>Get Started</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
<Link href={`/contact-us`} className="tf-btn hide-sm">
|
||||
<span>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>
|
||||
);
|
||||
}
|
||||
79
components/headers/Header2.jsx
Normal file
79
components/headers/Header2.jsx
Normal file
@ -0,0 +1,79 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import Nav from "./Nav";
|
||||
export default function Header2() {
|
||||
return (
|
||||
<header id="header-main" className="header style-1">
|
||||
<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={`/finance-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="#1C3F3A"
|
||||
/>
|
||||
<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"
|
||||
/>
|
||||
</svg>
|
||||
</Link>
|
||||
</div>
|
||||
<nav className="main-menu style-1">
|
||||
<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={`/pricing`}
|
||||
className="tf-btn btn-border hide-sm h36 rounded-0"
|
||||
>
|
||||
<span className="text-caption-3">Get Started</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
<Link
|
||||
href={`/contact-us`}
|
||||
className="tf-btn hide-sm btn-dark h36 rounded-0"
|
||||
>
|
||||
<span className="text-caption-3">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>
|
||||
);
|
||||
}
|
||||
68
components/headers/Header3.jsx
Normal file
68
components/headers/Header3.jsx
Normal file
@ -0,0 +1,68 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import Nav from "./Nav";
|
||||
export default function Header3() {
|
||||
return (
|
||||
<header id="header-main" className="header style-2">
|
||||
<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={`/finance-advisor`} className="site-logo">
|
||||
<svg
|
||||
width={111}
|
||||
height={32}
|
||||
viewBox="0 0 111 32"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M14.5746 12.5626L23.516 27.7831C23.5949 27.9174 23.7393 27.9995 23.895 27.9988L32.9117 27.9571C33.0646 27.9564 33.206 27.8759 33.2846 27.7448L38 19.8822L28.7552 19.8692C28.6014 19.869 28.459 19.788 28.3803 19.6558L19.177 4.21336C19.0982 4.08105 18.9555 4 18.8015 4L9.84039 4C9.68662 4 9.54416 4.08079 9.46523 4.21275L4.72869 12.1311L0.134205 19.7767C0.0515211 19.9143 0.0508955 20.0861 0.132576 20.2243L4.60178 27.7853C4.68044 27.9184 4.82352 28 4.97811 28L13.4166 28C13.7559 28 13.9658 27.6304 13.7922 27.339L4.72869 12.1311L13.8208 12.1311C14.1308 12.1311 14.4176 12.2953 14.5746 12.5626Z"
|
||||
fill="white"
|
||||
/>
|
||||
<path
|
||||
d="M47.8108 22L52.4956 8.56H54.7996L59.4076 22H57.6988L53.6668 9.9616H53.6092L49.5004 22H47.8108ZM50.0764 17.9872L50.5372 16.6816H56.6236L57.0844 17.9872H50.0764ZM64.5202 22.2304C63.5858 22.2304 62.7794 22.0128 62.101 21.5776C61.4226 21.1296 60.8978 20.528 60.5266 19.7728C60.1554 19.0176 59.9698 18.1728 59.9698 17.2384C59.9698 16.2912 60.1554 15.44 60.5266 14.6848C60.8978 13.9296 61.4354 13.3344 62.1394 12.8992C62.8434 12.464 63.6882 12.2464 64.6738 12.2464C65.5314 12.2464 66.2482 12.4256 66.8242 12.784C67.413 13.1424 67.861 13.5648 68.1682 14.0512V8.464H69.781V22H68.4178L68.2642 20.2336H68.2066C67.9506 20.656 67.637 21.0144 67.2658 21.3088C66.8946 21.6032 66.4786 21.8336 66.0178 22C65.557 22.1536 65.0578 22.2304 64.5202 22.2304ZM64.8466 20.8288C65.5122 20.8288 66.0882 20.6816 66.5746 20.3872C67.0738 20.08 67.4578 19.6576 67.7266 19.12C67.9954 18.5824 68.1298 17.9552 68.1298 17.2384C68.1298 16.5216 67.9954 15.8944 67.7266 15.3568C67.4578 14.8192 67.0738 14.4032 66.5746 14.1088C66.0882 13.8016 65.5122 13.648 64.8466 13.648C64.1938 13.648 63.6242 13.8016 63.1378 14.1088C62.6514 14.4032 62.2738 14.8192 62.005 15.3568C61.7362 15.8944 61.6018 16.5216 61.6018 17.2384C61.6018 17.9552 61.7362 18.5824 62.005 19.12C62.2738 19.6576 62.6514 20.08 63.1378 20.3872C63.6242 20.6816 64.1938 20.8288 64.8466 20.8288ZM74.4039 22L70.9479 12.4768H72.6375L75.4023 20.6368H75.4599L78.2247 12.4768H79.8759L76.4199 22H74.4039ZM81.265 22V12.4768H82.8778V22H81.265ZM82.0714 10.5184C81.7514 10.5184 81.4826 10.416 81.265 10.2112C81.0602 9.9936 80.9578 9.7184 80.9578 9.3856C80.9578 9.0784 81.0602 8.8224 81.265 8.6176C81.4826 8.4 81.7514 8.2912 82.0714 8.2912C82.3786 8.2912 82.641 8.4 82.8586 8.6176C83.0762 8.8224 83.185 9.0848 83.185 9.4048C83.185 9.712 83.0762 9.9744 82.8586 10.192C82.641 10.4096 82.3786 10.5184 82.0714 10.5184ZM88.7532 22C88.1772 22 87.678 21.9104 87.2556 21.7312C86.8332 21.552 86.5068 21.2512 86.2764 20.8288C86.0588 20.3936 85.95 19.8112 85.95 19.0816V13.6864H84.2988V12.4768H85.95L86.142 10.192H87.5628V12.4768H90.366V13.6864H87.5628V19.0816C87.5628 19.7344 87.6844 20.1696 87.9276 20.3872C88.1708 20.6048 88.5996 20.7136 89.214 20.7136H90.2124V22H88.7532ZM95.6296 22.2304C94.7208 22.2304 93.9144 22.0256 93.2104 21.616C92.5064 21.1936 91.9496 20.6112 91.54 19.8688C91.1432 19.1136 90.9448 18.2368 90.9448 17.2384C90.9448 16.2272 91.1432 15.3504 91.54 14.608C91.9368 13.8656 92.4872 13.2896 93.1912 12.88C93.908 12.4576 94.7336 12.2464 95.668 12.2464C96.6024 12.2464 97.4024 12.4576 98.068 12.88C98.7336 13.2896 99.2456 13.8336 99.604 14.512C99.9624 15.1776 100.142 15.9072 100.142 16.7008C100.142 16.8288 100.142 16.9696 100.142 17.1232C100.142 17.264 100.135 17.424 100.122 17.6032H92.1544V16.3552H98.548C98.5096 15.4592 98.2152 14.7616 97.6648 14.2624C97.1272 13.7632 96.4488 13.5136 95.6296 13.5136C95.0792 13.5136 94.5672 13.6352 94.0936 13.8784C93.62 14.1216 93.236 14.4864 92.9416 14.9728C92.66 15.4592 92.5192 16.0672 92.5192 16.7968V17.3344C92.5192 18.128 92.6664 18.7872 92.9608 19.312C93.2552 19.8368 93.6392 20.2336 94.1128 20.5024C94.5992 20.7584 95.1048 20.8864 95.6296 20.8864C96.2952 20.8864 96.852 20.7328 97.3 20.4256C97.748 20.1184 98.0744 19.696 98.2792 19.1584H99.8728C99.7064 19.7472 99.4312 20.272 99.0472 20.7328C98.6632 21.1936 98.1832 21.5584 97.6072 21.8272C97.044 22.096 96.3848 22.2304 95.6296 22.2304ZM100.685 22L103.987 17.2384L100.685 12.4768H102.432L105.063 16.4704H105.12L107.789 12.4768H109.517L106.215 17.2384L109.517 22H107.789L105.12 17.9872H105.063L102.432 22H100.685Z"
|
||||
fill="white"
|
||||
/>
|
||||
</svg>
|
||||
</Link>
|
||||
</div>
|
||||
<nav className="main-menu style-2">
|
||||
<ul className="navigation">
|
||||
<Nav />
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div className="header-right d-flex align-items-center">
|
||||
<Link
|
||||
href={`/contact-us`}
|
||||
className="tf-btn hide-sm btn-white2 h36"
|
||||
>
|
||||
<span className="text-caption-3">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>
|
||||
);
|
||||
}
|
||||
85
components/headers/Header4.jsx
Normal file
85
components/headers/Header4.jsx
Normal file
@ -0,0 +1,85 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
86
components/headers/Header5.jsx
Normal file
86
components/headers/Header5.jsx
Normal file
@ -0,0 +1,86 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
140
components/headers/Nav.jsx
Normal file
140
components/headers/Nav.jsx
Normal file
@ -0,0 +1,140 @@
|
||||
"use client";
|
||||
import {
|
||||
blogPages,
|
||||
homepages,
|
||||
otherPages,
|
||||
servicePages,
|
||||
shopPages,
|
||||
} from "@/data/menu";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
import { usePathname } from "next/navigation";
|
||||
import React from "react";
|
||||
|
||||
export default function Nav() {
|
||||
const pathname = usePathname();
|
||||
const isActive = (link) => link.split("/")[1] == pathname.split("/")[1];
|
||||
const isActiveParent = (links) => links.some((link) => isActive(link.href));
|
||||
return (
|
||||
<>
|
||||
{" "}
|
||||
<li
|
||||
className={`has-child ${
|
||||
isActiveParent(homepages) ? "current-menu" : ""
|
||||
} `}
|
||||
>
|
||||
<a href="#">Home</a>
|
||||
{/* <div className="submenu mega-menu">
|
||||
<div className="wrap-demo-item tf-grid-layout-lg lg-col-3">
|
||||
{homepages.map((item, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className={`demo-item ${
|
||||
isActive(item.href) ? "current-menu-item" : ""
|
||||
}`}
|
||||
>
|
||||
<Link href={item.href}>
|
||||
<div className="demo-image">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={item.src}
|
||||
src={item.src}
|
||||
alt={item.alt}
|
||||
width={480}
|
||||
height={228}
|
||||
/>
|
||||
</div>
|
||||
<h6 className="demo-name fw-4">{item.title}</h6>
|
||||
</Link>
|
||||
</div>
|
||||
))}
|
||||
<div className="comming-soon">
|
||||
<Link href={`/coming-soon`} className="wrap">
|
||||
<h5 className="demo-name">Coming Soon</h5>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</li>
|
||||
<li
|
||||
className={`has-child position-relative ${
|
||||
isActiveParent(otherPages) ? "current-menu" : ""
|
||||
} `}
|
||||
>
|
||||
<a href="#">Pages</a>
|
||||
{/* <ul className="submenu">
|
||||
{otherPages.map((item) => (
|
||||
<li
|
||||
key={item.href}
|
||||
className={`menu-item ${
|
||||
isActive(item.href) ? "current-menu-item" : ""
|
||||
}`}
|
||||
>
|
||||
<Link href={item.href}>{item.label}</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul> */}
|
||||
</li>
|
||||
<li
|
||||
className={`has-child position-relative ${
|
||||
isActiveParent(servicePages) ? "current-menu" : ""
|
||||
} `}
|
||||
>
|
||||
<a href="#">Serivce</a>
|
||||
{/* <ul className="submenu">
|
||||
{servicePages.map((item) => (
|
||||
<li
|
||||
key={item.href}
|
||||
className={`menu-item ${
|
||||
isActive(item.href) ? "current-menu-item" : ""
|
||||
}`}
|
||||
>
|
||||
<Link href={item.href}>{item.label}</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul> */}
|
||||
</li>
|
||||
<li
|
||||
className={`has-child position-relative ${
|
||||
isActiveParent(blogPages) ? "current-menu" : ""
|
||||
} `}
|
||||
>
|
||||
<a href="#">Blog</a>
|
||||
{/* <ul className="submenu">
|
||||
{blogPages.map((item) => (
|
||||
<li
|
||||
key={item.href}
|
||||
className={`menu-item ${
|
||||
isActive(item.href) ? "current-menu-item" : ""
|
||||
}`}
|
||||
>
|
||||
<Link href={item.href}>{item.label}</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul> */}
|
||||
</li>
|
||||
<li className={` ${isActive("/contact-us") ? "current-menu" : ""} `}>
|
||||
<Link href={`/contact-us`}>Contact</Link>
|
||||
</li>
|
||||
<li
|
||||
className={`has-child position-relative ${
|
||||
isActiveParent(shopPages) ? "current-menu" : ""
|
||||
} `}
|
||||
>
|
||||
<a href="#">Shop</a>
|
||||
{/* <ul className="submenu">
|
||||
{shopPages.map((item) => (
|
||||
<li
|
||||
key={item.href}
|
||||
className={`menu-item ${
|
||||
isActive(item.href) ? "current-menu-item" : ""
|
||||
}`}
|
||||
>
|
||||
<Link href={item.href}>{item.label}</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul> */}
|
||||
</li>
|
||||
</>
|
||||
);
|
||||
}
|
||||
79
components/headers/SearchPopup.jsx
Normal file
79
components/headers/SearchPopup.jsx
Normal file
@ -0,0 +1,79 @@
|
||||
"use client";
|
||||
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
|
||||
export default function SearchPopup() {
|
||||
const [isActive, setisActive] = useState(false);
|
||||
const popupRef = useRef(null);
|
||||
|
||||
useEffect(() => {
|
||||
function handleClickOutside(event) {
|
||||
if (popupRef.current && !popupRef.current.contains(event.target)) {
|
||||
// Clicked outside the popup
|
||||
setisActive(false);
|
||||
// Perform close action here
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener("mousedown", handleClickOutside);
|
||||
return () => {
|
||||
document.removeEventListener("mousedown", handleClickOutside);
|
||||
};
|
||||
}, []);
|
||||
return (
|
||||
<div className="popup-show-form" ref={popupRef}>
|
||||
<a
|
||||
href="#"
|
||||
onClick={(e) => {
|
||||
e.preventDefault();
|
||||
setisActive((pre) => !pre);
|
||||
}}
|
||||
className="tf-btn btn-white btn-find btn-show"
|
||||
>
|
||||
<i className="icon-search-solid" />
|
||||
<span className="bg-effect" />
|
||||
</a>
|
||||
<div
|
||||
className={`popup-show popup-form-search ${isActive ? "show" : ""} `}
|
||||
>
|
||||
<div className="close-form">
|
||||
<i className="icon-times-solid" />
|
||||
</div>
|
||||
<form
|
||||
className="form-search style-line-bot style-1"
|
||||
onSubmit={(e) => e.preventDefault()}
|
||||
>
|
||||
<fieldset className="text">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Search..."
|
||||
className=""
|
||||
name="text"
|
||||
tabIndex={0}
|
||||
defaultValue=""
|
||||
aria-required="true"
|
||||
required
|
||||
/>
|
||||
</fieldset>
|
||||
<button className="" type="submit">
|
||||
<i className="icon icon-search-solid" />
|
||||
</button>
|
||||
</form>
|
||||
<ul className="wrap-tag d-flex align-items-center flex-wrap gap_16">
|
||||
<li className="tag-item d-flex align-items-center gap_12">
|
||||
<span className="sub-heading text_black">Blog</span>
|
||||
<span className="remove-item">
|
||||
<i className="icon-times-solid" />
|
||||
</span>
|
||||
</li>
|
||||
<li className="tag-item d-flex align-items-center gap_12">
|
||||
<span className="sub-heading text_black">Single Post</span>
|
||||
<span className="remove-item">
|
||||
<i className="icon-times-solid" />
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user