https://fintax-associate.netlify.app/_next/static/chunks/app/(layout)/layout-17eee6fe98e6486e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6037],{6821:(e,t,a)=>{"use strict";a.d(t,{default:()=>o});var i=a(95155),s=a(51976),n=a(35695);a(12115);var r=a(97289);let o=function(){(0,n.usePathname)();let e={hidden:{opacity:0},visible:{opacity:1,transition:{duration:.6,staggerChildren:.1,delayChildren:.2}}},t={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{duration:.5}}};return(0,i.jsx)(r.P.footer,{className:"bg-white border-t border-gray-100 mt-auto",initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:e,children:(0,i.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,i.jsx)(r.P.div,{className:"py-6 sm:py-8",variants:e,children:(0,i.jsx)("nav",{className:"flex justify-center",children:(0,i.jsx)(r.P.ul,{className:"flex flex-col sm:flex-row flex-wrap items-center justify-center gap-4 sm:gap-6 md:gap-8 lg:gap-12 text-center",variants:e,children:[{href:"#home",label:"HOME",section:"home"},{href:"#about",label:"ABOUT US",section:"about"},{href:"#services",label:"OUR SERVICES",section:"services"},{href:"#contact",label:"CONTACTS",section:"contact"}].map((e,a)=>(0,i.jsx)(r.P.li,{variants:t,whileHover:{y:-2,transition:{duration:.2}},children:(0,i.jsx)(r.P.div,{whileHover:{scale:1.05,transition:{duration:.2}},whileTap:{scale:.95,transition:{duration:.1}},children:(0,i.jsx)("button",{onClick:()=>(e=>{let t=document.getElementById(e);if(t){let e=t.getBoundingClientRect().top+window.pageYOffset-100;window.scrollTo({top:e,behavior:"smooth"})}})(e.section),className:"block py-2 px-3 sm:py-1 sm:px-2 transition-colors duration-200 font-medium text-sm sm:text-base rounded-md touch-manipulation text-gray-700 hover:text-red-500 hover:bg-gray-50 active:bg-gray-100",children:e.label})})},e.href))})})}),(0,i.jsx)(r.P.div,{className:"border-t border-gray-100 py-4 sm:py-6",variants:{hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{duration:.6,delay:.8}}},children:(0,i.jsx)("div",{className:"flex justify-center",children:(0,i.jsxs)(r.P.p,{className:"text-gray-500 text-xs sm:text-sm flex flex-col sm:flex-row items-center text-center gap-1 sm:gap-0",variants:{hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.2,delayChildren:.2}}},children:[(0,i.jsx)(r.P.span,{variants:{hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{duration:.5}}},children:"Fintax Associates LLP"}),(0,i.jsx)(r.P.span,{className:"hidden sm:inline mx-2",variants:{hidden:{opacity:0,scale:0},visible:{opacity:1,scale:1,transition:{duration:.3}}},children:"|"}),(0,i.jsxs)(r.P.span,{className:"flex items-center gap-1",variants:{hidden:{opacity:0,x:20},visible:{opacity:1,x:0,transition:{duration:.5}}},children:[(0,i.jsx)("span",{children:"Made with"}),(0,i.jsx)(r.P.div,{animate:{scale:[1,1.2,1],rotate:[0,5,-5,0]},transition:{duration:2,repeat:1/0,repeatDelay:3,ease:"easeInOut"},children:(0,i.jsx)(s.A,{className:"w-3 h-3 sm:w-4 sm:h-4 text-red-500 fill-current mx-1"})}),(0,i.jsx)("span",{children:"in Nairobi"})]})]})})})]})})}},54891:(e,t,a)=>{Promise.resolve().then(a.bind(a,6821)),Promise.resolve().then(a.bind(a,94615))},94615:(e,t,a)=>{"use strict";a.d(t,{default:()=>h});var i=a(95155),s=a(66766),n=a(6874),r=a.n(n),o=a(35695),l=a(12115),c=a(97289),d=a(60760),m=a(74692);let h=function(){(0,o.usePathname)();let[e,t]=(0,l.useState)(!1),[a,n]=(0,l.useState)(!1),[h,u]=(0,l.useState)(0),[p,x]=(0,l.useState)("home"),v=l.useRef(null),f=l.useRef(null);(0,l.useEffect)(()=>{f.current&&u(f.current.offsetHeight)},[]),(0,l.useEffect)(()=>{let e=()=>{window.scrollY>h?n(!0):n(!1);let e=["home","about","services","resources","clients","contact"];window.scrollY,window.innerHeight;let t="home";for(let a=e.length-1;a>=0;a--){let i=e[a],s=document.getElementById(i);if(s){s.getBoundingClientRect();let e=s.offsetTop;if(window.scrollY>=e-150){t=i;break}}}x(t)};return e(),window.addEventListener("scroll",e,{passive:!0}),()=>window.removeEventListener("scroll",e)},[h]),(0,m.Wr)(v,()=>t(!1)),(0,l.useEffect)(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset"}),[e]);let g=[{href:"#home",label:"HOME",section:"home"},{href:"#about",label:"ABOUT US",section:"about"},{href:"#services",label:"OUR SERVICES",section:"services"},{href:"#resources",label:"RESOURCES",section:"resources"},{href:"#clients",label:"CLIENTS",section:"clients"},{href:"#contact",label:"CONTACTS",section:"contact"}],y=e=>{let t=document.getElementById(e);if(t){let e=t.getBoundingClientRect().top+window.pageYOffset-100;window.scrollTo({top:e,behavior:"smooth"})}};return(0,i.jsx)(c.P.header,{initial:{y:-100,opacity:0}

1,animate:{y:0,opacity:1},transition:{duration:.5},ref:f,className:"w-full top-0 left-0 right-0 z-50 ".concat(a?"fixed bg-white/90 backdrop-blur-lg shadow-md":"relative bg-white"),children:(0,i.jsx)(c.P.div,{className:"max-w-7xl mx-auto px-3 sm:px-6 lg:px-12",animate:{paddingTop:a?"0.5rem":"0.75rem",paddingBottom:a?"0.5rem":"0.75rem"},transition:{duration:.3,ease:"easeInOut"},children:(0,i.jsxs)(c.P.div,{className:"flex items-center justify-between",animate:{height:a?"3rem":"3.5rem"},transition:{duration:.3,ease:"easeInOut"},children:[(0,i.jsx)(r(),{href:"/",className:"flex-shrink-0 relative",children:(0,i.jsx)(c.P.div,{className:"relative",animate:{width:"260px",height:"62px"},transition:{duration:.3,ease:"easeInOut"},children:(0,i.jsx)(s.default,{src:"/fixtax-logo.svg",alt:"FinTax Logo",fill:!0,className:"object-contain",priority:!0})})}),(0,i.jsx)(c.P.nav,{className:"hidden lg:flex items-center",animate:{gap:a?"clamp(0.5rem, 1vw, 0.75rem)":"clamp(0.75rem, 1.5vw, 1rem)"},transition:{duration:.3,ease:"easeInOut"},children:g.map((e,t)=>{let s=p===e.section;return(0,i.jsxs)(c.P.div,{className:"relative",children:[(0,i.jsx)(c.P.button,{onClick:()=>y(e.section),className:"font-medium transition-all duration-200 rounded-lg hover:scale-105 whitespace-nowrap ".concat(s?"text-red-500":"text-gray-700 hover:text-red-500 hover:bg-red-50"),style:{fontSize:a?"clamp(0.75rem, 0.9vw, 0.8125rem)":"clamp(0.8125rem, 1vw, 0.875rem)",paddingLeft:"clamp(0.5rem, 1vw, 0.625rem)",paddingRight:"clamp(0.5rem, 1vw, 0.625rem)",paddingTop:a?"0.375rem":"0.5rem",paddingBottom:a?"0.375rem":"0.5rem"},initial:{opacity:0,y:-20},whileInView:{opacity:1,y:0},transition:{duration:.3,delay:.05*t,ease:"easeInOut"},children:e.label}),s&&(0,i.jsx)(c.P.div,{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-red-500",layoutId:"activeIndicator",initial:{opacity:0,scaleX:0},animate:{opacity:1,scaleX:1},exit:{opacity:0,scaleX:0},transition:{duration:.3,ease:"easeInOut"}})]},e.href)})}),(0,i.jsx)(c.P.nav,{className:"hidden md:flex lg:hidden items-center",animate:{gap:a?"clamp(0.25rem, 0.5vw, 0.35rem)":"clamp(0.35rem, 0.7vw, 0.5rem)"},transition:{duration:.3,ease:"easeInOut"},children:g.map((e,t)=>{let s=p===e.section;return(0,i.jsxs)(c.P.div,{className:"relative",children:[(0,i.jsx)(c.P.button,{onClick:()=>y(e.section),className:"font-medium transition-all duration-200 rounded-lg hover:scale-105 whitespace-nowrap ".concat(s?"text-red-500":"text-gray-700 hover:text-red-500 hover:bg-red-50"),style:{fontSize:a?"clamp(0.625rem, 0.8vw, 0.6875rem)":"clamp(0.6875rem, 0.9vw, 0.75rem)",paddingLeft:"clamp(0.375rem, 0.8vw, 0.5rem)",paddingRight:"clamp(0.375rem, 0.8vw, 0.5rem)",paddingTop:a?"0.3rem":"0.375rem",paddingBottom:a?"0.3rem":"0.375rem"},initial:{opacity:0,y:-20},whileInView:{opacity:1,y:0},transition:{duration:.3,delay:.05*t,ease:"easeInOut"},children:e.label}),s&&(0,i.jsx)(c.P.div,{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-red-500",layoutId:"activeIndicatorTablet",initial:{opacity:0,scaleX:0},animate:{opacity:1,scaleX:1},exit:{opacity:0,scaleX:0},transition:{duration:.3,ease:"easeInOut"}})]},e.href)})}),(0,i.jsx)("div",{className:"relative md:hidden",children:(0,i.jsxs)("div",{ref:v,children:[(0,i.jsx)(c.P.button,{onClick:()=>{t(!e)},className:"flex items-center justify-center rounded-lg transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-1 hover:scale-105 active:scale-95 ".concat(e?"text-white bg-red-500 shadow-md":"text-gray-700 hover:text-red-500 hover:bg-red-50"),"aria-label":"Toggle navigation menu","aria-expanded":e,animate:{width:a?"2.25rem":"2.5rem",height:a?"2.25rem":"2.5rem"},transition:{duration:.3,ease:"easeInOut"},children:(0,i.jsx)(c.P.svg,{className:"w-5 h-5 sm:w-6 sm:h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",animate:{scale:e?.9:1,rotate:90*!!e},transition:{duration:.3,ease:"easeInOut"},children:e?(0,i.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"}):(0,i.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})}),(0,i.jsx)(d.N,{children:e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c.P.div,{className:"fixed inset-0 bg-black/20 backdrop-blur-sm z-[9998]",initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},onClick:()=>t(!1)}),(0,i.jsx)(c.P.div,{className:"fixed bg-white/95 backdrop-blur-md shadow-xl border border-gray-200 rounded-xl p-4 sm:p-6 top-[70px] sm:top-[80px] right-3 sm:right-4 w-[calc(100vw-1.5rem)] sm:w-[calc(100vw-2rem)] max-w-xs sm:max-w-sm z-[9999] overflow-hidden",style:{boxShadow:"0 10px 25px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"},initial:{opacity:0,y:-20,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-20,scale:.95},transition:{duration:.3,ease:"easeOut"},children:g.map((e,a)=>{let s=p===e.section;return(0,i.jsx)(c.P.div,{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{duration:.2,delay:.05*a},className:"w-full",children:(0,i.jsxs)("button",{onClick:()=>{y(e.section),t(!1)},className:"flex items-center w-full px-3 sm:px-4 py-2.5 sm:py-3 mb-1.5 sm:mb-2 rounded-lg text-sm sm:text-base font-medium transition-all duration-200 hover:scale-[1.02] active:scale-[0.98] hover:shadow-sm ".concat(s?"text-red-500 bg-red-50 shadow-sm":"text-gray-700 hover:text-red-500 hover:bg-red-50"),children:[(0,i.jsx)("span",{className:"flex-1 text-left",children:e.label}),s?(0,i.jsx)(c.P.div,{initial:{scale:0,rotate:-180},animate:{scale:1,rotate:0},className:"w-2 h-2 bg-red-500 rounded-full"}):(0,i.jsx)("svg",{className:"w-4 h-4 text-gray-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,i.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]})},e.href)})})]})})]})})]})})})}}},e=>{e.O(0,[592,6874,3489,8441,5964,7358],()=>e(e.s=54891)),_N_E=e.O()}]);