https://www.kriraai.com/_next/static/chunks/6354-a702e0c5fe2451cf.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6354],{6354:(e,t,s)=>{s.r(t),s.d(t,{default:()=>g});var r=s(95155),a=s(5421),i=s.n(a),l=s(12115),n=s(89239),d=s(5045),o=s(90467),c=s(98500),m=s.n(c),x=s(5772),b=s(77333);let h={Brain:d.A,ArrowRight:o.A};function g({title:e,description:t,buttons:s,rightContent:a,backgroundGradient:c="from-slate-50 via-white to-gray-100",showDecorative:f=!0,show3D:u=!0,image:p,imageAlt:j,align:y}){let w,[v,N]=(0,l.useState)(!1),[k,$]=(0,l.useState)(!1),[z,A]=(0,l.useState)(!1),S=!!(a||p),_="left"===y||"center"!==y&&S;(0,l.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=window.matchMedia("(min-width: 1024px)");$(e.matches),A(t.matches);let s=e=>$(e.matches),r=e=>A(e.matches);return e.addEventListener("change",s),t.addEventListener("change",r),()=>{e.removeEventListener("change",s),t.removeEventListener("change",r)}},[]),(0,l.useEffect)(()=>{if(!z||k)return;let e=new IntersectionObserver(([t])=>{t.isIntersecting&&(N(!0),e.disconnect())},{threshold:.1,rootMargin:"100px"}),t=document.querySelector("#hero-section");return t&&e.observe(t),()=>e.disconnect()},[z,k]);let E=s?.primary&&h[s.primary.icon]||d.A,L=a&&h[a.icon]||d.A;return(0,r.jsxs)("section",{id:"hero-section",className:"jsx-346de3be76b63a7d relative mt-20 flex items-center justify-center overflow-x-hidden bg-white py-8 sm:py-20 md:mt-0",children:[(0,r.jsx)("div",{className:"jsx-346de3be76b63a7d relative z-10 mx-auto w-full max-w-7xl px-4 py-8 sm:px-6 sm:py-12 lg:px-8 lg:py-0",children:(0,r.jsxs)("div",{className:`jsx-346de3be76b63a7d grid w-full grid-cols-1 items-center gap-8 sm:gap-12 ${a||p?"lg:grid-cols-2":""}`,children:[(0,r.jsxs)("div",{className:"jsx-346de3be76b63a7d "+((_?"min-w-0 w-full text-left":"mx-auto min-w-0 w-full max-w-4xl text-center")||""),children:[(w=[e?.highlight,e?.subtitle,e?.accent].filter(e=>!!(e&&String(e).trim())).join(" ").replace(/\s+/g," ").trim())?(0,r.jsx)(b._x,{as:"h1",title:w,centered:!_,className:"mb-4 text-balance text-3xl will-change-transform sm:mb-6 sm:text-4xl md:text-5xl lg:text-6xl"}):null,(0,r.jsxs)("div",{className:"jsx-346de3be76b63a7d mb-6 space-y-3 sm:mb-8 sm:space-y-4",children:[(0,r.jsx)("p",{className:"jsx-346de3be76b63a7d text-pretty text-sm leading-relaxed text-gray-600 md:text-base lg:text-lg",children:t.highlightText?(0,r.jsxs)(r.Fragment,{children:[t.primary.split(t.highlightText)[0]," ",(0,r.jsx)("span",{className:"jsx-346de3be76b63a7d font-semibold text-[#66cc66]",children:t.highlightText}),t.primary.split(t.highlightText)[1]]}):t.primary}),t.secondary?t.secondary.split(/\n\n+/).map(e=>e.trim()).filter(Boolean).map(e=>(0,r.jsx)("p",{className:"jsx-346de3be76b63a7d text-pretty text-sm leading-relaxed text-gray-500 md:text-base lg:text-lg",children:e},e)):null]}),s?.primary?(0,r.jsxs)("div",{className:`jsx-346de3be76b63a7d mb-6 flex w-full max-w-full flex-col gap-3 sm:mb-8 sm:flex-row sm:gap-4 ${_?"items-stretch justify-start sm:items-center":"items-stretch justify-center sm:items-center"}`,children:[(0,r.jsx)(m(),{href:s.primary.href||"/contact",className:"inline-block w-full min-w-0 sm:w-auto",children:(0,r.jsxs)(n.$,{size:"lg",className:"!h-auto w-full max-w-full transform !whitespace-normal bg-gradient-to-r from-[#66cc66] to-[#0099cb] px-4 py-3 text-sm font-semibold text-white shadow-lg transition-opacity duration-200 transition-transform hover:scale-[1.02] hover:opacity-90 hover:shadow-xl sm:px-6 sm:py-4 sm:text-base lg:px-8 lg:text-lg",children:[(0,r.jsx)(E,{size:20,className:"jsx-346de3be76b63a7d mr-2 shrink-0 sm:mr-3"}),(0,r.jsx)("span",{className:"jsx-346de3be76b63a7d min-w-0 text-center leading-snug",children:s.primary.text}),(0,r.jsx)(o.A,{className:"ml-2 shrink-0 sm:ml-3",size:20})]})}),s.secondary?(0,r.jsx)(m(),{href:s.secondary.href||"/work",className:"inline-block w-full min-w-0 sm:w-auto",children:(0,r.jsx)(n.$,{variant:"outline",size:"lg",className:"!h-auto w-full max-w-full !whitespace-normal border-2 border-[#66cc66] px-4 py-3 text-sm font-semibold text-[#66cc66] transition-all duration-200 hover:bg-[#66cc66] hover:text-white sm:px-6 sm:py-4 sm:text-base lg:px-8 lg:text-lg",children:s.secondary.text})}):null]}):null]}),p?(0,r.jsx)("div",{className:"jsx-346de3be76b63a7d relative hidden lg:block",children:(0,r.jsxs)("div",{className:"jsx-346de3be76b63a7d relative mx-auto w-full max-w-xl",children:[(0,r.jsx)(x.default,{src:p,alt:j||e?.subtitle||"AI illustration",width:1200,height:800,className:"object-contain drop-shadow-2xl",quality:95,priority:!0}),(0,r.jsx)("div",{className:"jsx-346de3be76b63a7d absolute -top-8 -left-8 h-24 w-24 rounded-full bg-[#0099cb]/10 blur-xl"}),(0,r.jsx)("div",{className:"jsx-346de3be76b63a7d absolute -bottom-8 -right-8 h-32 w-32 rounded-full bg-[#66cc66]/10 blur-xl"})]})}):a?(0,r.jsx)("div",{className:"jsx-346de3be76b63a7d relative hidden min-w-0 lg:block",children:(0,r.jsx)("div",{className:"jsx-346de3be76b63a7d bg-gradient-to-br from-[#66cc66]/5 to-[#0099cb]/5 rounded-2xl lg:rou

1nded-3xl p-4 sm:p-6 lg:p-8",children:(0,r.jsxs)("div",{className:"jsx-346de3be76b63a7d text-center space-y-4 lg:space-y-6",children:[(0,r.jsx)("div",{className:"jsx-346de3be76b63a7d inline-flex items-center justify-center w-12 h-12 sm:w-16 sm:h-16 lg:w-20 lg:h-20 rounded-full bg-gradient-to-r from-[#66cc66] to-[#0099cb] shadow-xl",children:(0,r.jsx)(L,{size:z?32:24,className:"jsx-346de3be76b63a7d text-white"})}),(0,r.jsx)("h3",{className:"jsx-346de3be76b63a7d text-lg sm:text-xl lg:text-2xl font-bold text-gray-900",children:a.title}),(0,r.jsx)("p",{className:"jsx-346de3be76b63a7d text-gray-600 text-sm sm:text-base",children:a.description}),(0,r.jsx)("div",{className:`jsx-346de3be76b63a7d grid ${z?"space-y-3":"grid-cols-1 gap-3"} pt-4`,children:a.features.map((e,t)=>{let s="string"==typeof e?e:e.title,a="string"==typeof e?void 0:e.description;return(0,r.jsxs)("div",{className:`jsx-346de3be76b63a7d flex items-start ${z?"space-x-3":"space-x-2 p-2 bg-white/50 rounded-lg"}`,children:[(0,r.jsx)("div",{className:`jsx-346de3be76b63a7d mt-1.5 shrink-0 rounded-full bg-gradient-to-r from-[#66cc66] to-[#0099cb] ${z?"w-2 h-2":"w-1.5 h-1.5"}`}),(0,r.jsxs)("div",{className:"jsx-346de3be76b63a7d min-w-0 text-left",children:[(0,r.jsx)("span",{className:`jsx-346de3be76b63a7d block text-gray-700 font-medium ${z?"text-base":"text-sm"}`,children:s}),a?(0,r.jsx)("p",{className:`jsx-346de3be76b63a7d mt-0.5 text-gray-600 ${z?"text-sm":"text-xs"}`,children:a}):null]})]},t)})})]})})}):null]})}),f&&(0,r.jsx)("div",{className:"jsx-346de3be76b63a7d absolute inset-0 pointer-events-none",children:[{top:"20%",left:"10%",size:"w-2 h-2",color:"bg-[#66cc66]",delay:"0s"},{top:"30%",left:"15%",size:"w-1 h-1",color:"bg-[#0099cb]",delay:"0.5s"},{bottom:"30%",left:"12%",size:"w-3 h-3",color:"bg-[#66cc66]",delay:"1s"},{top:"25%",right:"15%",size:"w-2 h-2",color:"bg-[#0099cb]",delay:"1.5s"},{bottom:"35%",right:"20%",size:"w-1 h-1",color:"bg-[#66cc66]",delay:"2s"}].map((e,t)=>(0,r.jsx)("div",{style:{top:e.top,left:e.left,right:e.right,bottom:e.bottom,animationDelay:e.delay},className:`jsx-346de3be76b63a7d absolute ${e.size} ${e.color} rounded-full opacity-60 animate-pulse hidden sm:block`},t))}),(0,r.jsx)(i(),{id:"346de3be76b63a7d",children:"@keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin-reverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}@keyframes ping-slow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.animate-spin-slow.jsx-346de3be76b63a7d{animation:spin-slow 8s linear infinite}.animate-spin-reverse.jsx-346de3be76b63a7d{animation:spin-reverse 12s linear infinite}.animate-ping-slow.jsx-346de3be76b63a7d{animation:ping-slow 3s ease-in-out infinite}"})]})}},40980:(e,t,s)=>{s.d(t,{cn:()=>i});var r=s(29722),a=s(622);function i(...e){return(0,a.QP)((0,r.$)(e))}},77333:(e,t,s)=>{s.d(t,{_x:()=>l,a$:()=>i});var r=s(95155),a=s(40980);let i="bg-gradient-to-r from-[#66cc66] to-[#0099cb] bg-clip-text text-transparent";function l({title:e,highlight:t,className:s,as:n="h2",centered:d=!0}){let o=(0,a.cn)("mb-4 text-2xl font-bold leading-tight text-gray-900 sm:mb-6 md:text-4xl lg:text-5xl",d&&"text-center",s);if("string"!=typeof e)return(0,r.jsx)(n,{className:o,children:e});let c=function(e,t){if(!t?.trim())return -1;let s=Array.from(new Set([t.trim(),t.replace(/-/g," ").trim(),t.replace(/\s+/g,"").trim(),t.replace(/\s+/g,"-").trim()].filter(Boolean))),r=e.toLowerCase();for(let e of s){let t=r.indexOf(e.toLowerCase());if(t>=0)return t}return -1}(e,t),m=c>=0?c:function(e){for(let t of[/^(Why\s+)/i,/^(How\s+)/i,/^(Benefits of\s+)/i,/^(Frequently Asked Questions\s+(?:About\s+)?)/i,/^(Selected\s+)/i,/^(Our\s+)/i,/^(Custom\s+)/i]){let s=e.match(t);if(s&&s[0].length<e.length)return s[0].length}for(let t of[/\bKriraAI\b.*$/i,/\b(?:in|for|by)\s+(?=[A-Z])/i,/\b[A-Z][a-z]+-[A-Z][a-z]+.*$/,/\b(Technology\s+)?Stack\b.*$/i,/\bProcess\b.*$/i,/\bWe Serve\b.*$/i]){let s=e.match(t);if(s?.index!=null&&!(s.index<0)){if(/^(?:in|for|by)\s+$/i.test(s[0]))return s.index+s[0].length;if(s.index>0)return s.index}}return -1}(e);return m>0?(0,r.jsxs)(n,{className:o,children:[e.slice(0,m),(0,r.jsx)("span",{className:i,children:e.slice(m)})]}):0===m?(0,r.jsx)(n,{className:o,children:(0,r.jsx)("span",{className:i,children:e})}):(0,r.jsx)(n,{className:o,children:e})}},89239:(e,t,s)=>{s.d(t,{$:()=>o});var r=s(95155),a=s(12115),i=s(42442),l=s(18460),n=s(40980);let d=(0,l.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),o=a.forwardRef(({className:e,variant:t,size:s,asChild:a=!1,...l},o)=>{let c=a?i.DX:"button";return(0,r.jsx)(c,{className:(0,n.cn)(d({variant:t,size:s}),e),ref:o,...l})});o.displayName="Button"}}]);