exports.id=3701,exports.ids=[3701],exports.modules={5096:(a,b,c)=>{Promise.resolve().then(c.bind(c,29964))},29964:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(18478).registerClientReference)(function(){throw Error("Attempted to call the default export of \"C:\\\\Users\\\\ARYAN\\\\Downloads\\\\amaris-brand-creation-global\\\\components\\\\public\\\\ServiceDetailClient.tsx\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"C:\\Users\\ARYAN\\Downloads\\amaris-brand-creation-global\\components\\public\\ServiceDetailClient.tsx","default")},68648:(a,b,c)=>{Promise.resolve().then(c.bind(c,73195))},73195:(a,b,c)=>{"use strict";c.d(b,{default:()=>X});var d=c(49552),e=c(1641),f=c(28352),g=c(52795),h=c.n(g);function i({category:a}){let b=a.includes("brand")||a.includes("design")||a.includes("creative"),c=a.includes("marketing")||a.includes("growth")||a.includes("seo")||a.includes("advertising")||a.includes("digital-marketing"),e=a.includes("automation")||a.includes("ai")||a.includes("chatbot"),f=`
    @keyframes float {
      0%, 100% { transform: translateY(0px) rotate(0deg); }
      50% { transform: translateY(-10px) rotate(1deg); }
    }
    @keyframes pulse-glow {
      0%, 100% { opacity: 0.3; filter: drop-shadow(0 0 5px rgba(5,163,255,0.4)); }
      50% { opacity: 0.8; filter: drop-shadow(0 0 15px rgba(5,163,255,0.8)); }
    }
    @keyframes draw-line {
      0% { stroke-dashoffset: 100; }
      100% { stroke-dashoffset: 0; }
    }
    @keyframes rotate-ring {
      0% { transform: rotate(0deg); transform-origin: center; }
      100% { transform: rotate(360deg); transform-origin: center; }
    }
    @keyframes grid-flow {
      0% { stroke-dashoffset: 0; }
      100% { stroke-dashoffset: -20; }
    }
    .anim-float { animation: float 6s ease-in-out infinite; }
    .anim-float-delayed { animation: float 6s ease-in-out infinite; animation-delay: 3s; }
    .anim-glow { animation: pulse-glow 4s ease-in-out infinite; }
    .anim-glow-delayed { animation: pulse-glow 4s ease-in-out infinite; animation-delay: 2s; }
    .anim-rotate { animation: rotate-ring 25s linear infinite; }
    .anim-rotate-reverse { animation: rotate-ring 15s linear infinite reverse; }
  `;return b?(0,d.jsxs)("div",{className:"w-full aspect-square max-w-[400px] mx-auto relative group",children:[(0,d.jsx)("style",{dangerouslySetInnerHTML:{__html:f}}),(0,d.jsxs)("svg",{viewBox:"0 0 400 400",className:"w-full h-full fill-none anim-float",children:[(0,d.jsx)("rect",{x:"10",y:"10",width:"380",height:"380",rx:"24",fill:"#0b0b0c",stroke:"rgba(255,255,255,0.03)",strokeWidth:"1"}),(0,d.jsx)("path",{d:"M 50 10 L 50 390 M 100 10 L 100 390 M 150 10 L 150 390 M 200 10 L 200 390 M 250 10 L 250 390 M 300 10 L 300 390 M 350 10 L 350 390",stroke:"rgba(255,255,255,0.02)",strokeWidth:"0.5"}),(0,d.jsx)("path",{d:"M 10 50 L 390 50 M 10 100 L 390 100 M 10 150 L 390 150 M 10 200 L 390 200 M 10 250 L 390 250 M 10 300 L 390 300 M 10 350 L 390 350",stroke:"rgba(255,255,255,0.02)",strokeWidth:"0.5"}),(0,d.jsx)("circle",{cx:"200",cy:"200",r:"120",stroke:"rgba(244,114,182,0.15)",strokeWidth:"1",strokeDasharray:"4 4",className:"anim-rotate"}),(0,d.jsx)("circle",{cx:"200",cy:"200",r:"80",stroke:"rgba(5,163,255,0.15)",strokeWidth:"1.5",strokeDasharray:"6 3",className:"anim-rotate-reverse"}),(0,d.jsx)("rect",{x:"80",y:"80",width:"240",height:"240",rx:"12",stroke:"rgba(255,255,255,0.05)",strokeWidth:"1"}),(0,d.jsx)("line",{x1:"200",y1:"40",x2:"200",y2:"360",stroke:"rgba(5,163,255,0.2)",strokeWidth:"1",strokeDasharray:"3 3"}),(0,d.jsx)("line",{x1:"40",y1:"200",x2:"360",y2:"200",stroke:"rgba(5,163,255,0.2)",strokeWidth:"1",strokeDasharray:"3 3"}),(0,d.jsx)("path",{d:"M 140 260 L 200 140 L 260 260 Z",stroke:"url(#brandingGrad)",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round",className:"anim-glow"}),(0,d.jsx)("circle",{cx:"200",cy:"180",r:"30",stroke:"#f472b6",strokeWidth:"2.5",className:"anim-glow-delayed"}),(0,d.jsx)("rect",{x:"135",y:"255",width:"10",height:"10",fill:"#05A3FF"}),(0,d.jsx)("rect",{x:"255",y:"255",width:"10",height:"10",fill:"#05A3FF"}),(0,d.jsx)("rect",{x:"195",y:"135",width:"10",height:"10",fill:"#05A3FF"}),(0,d.jsx)("text",{x:"90",y:"110",fill:"rgba(255,255,255,0.25)",className:"text-[9px] font-mono font-bold",children:"R: 120px"}),(0,d.jsx)("text",{x:"90",y:"130",fill:"rgba(255,255,255,0.25)",className:"text-[9px] font-mono font-bold",children:"A: 60deg"}),(0,d.jsx)("text",{x:"250",y:"110",fill:"#05A3FF",className:"text-[9px] font-mono font-bold",children:"scale: 1:1"}),(0,d.jsx)("defs",{children:(0,d.jsxs)("linearGradient",{id:"brandingGrad",x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[(0,d.jsx)("stop",{offset:"0%",stopColor:"#05A3FF"}),(0,d.jsx)("stop",{offset:"100%",stopColor:"#f472b6"})]})})]})]}):c?(0,d.jsxs)("div",{className:"w-full aspect-square max-w-[400px] mx-auto relative group",children:[(0,d.jsx)("style",{dangerouslySetInnerHTML:{__html:f}}),(0,d.jsxs)("svg",{viewBox:"0 0 400 400",className:"w-full h-full fill-none anim-float",children:[(0,d.jsx)("rect",{x:"10",y:"10",width:"380",height:"380",rx:"24",fill:"#0b0b0c",stroke:"rgba(255,255,255,0.03)",strokeWidth:"1"}),(0,d.jsx)("path",{d:"M 50 50 L 350 50 M 50 110 L 350 110 M 50 170 L 350 170 M 50 230 L 350 230 M 50 290 L 350 290",stroke:"rgba(255,255,255,0.03)",strokeWidth:"1"}),(0,d.jsx)("line",{x1:"50",y1:"50",x2:"50",y2:"300",stroke:"rgba(255,255,255,0.1)",strokeWidth:"1.5"}),(0,d.jsx)("line",{x1:"50",y1:"300",x2:"350",y2:"300",stroke:"rgba(255,255,255,0.1)",strokeWidth:"1.5"}),(0,d.jsx)("rect",{x:"80",y:"180",width:"24",height:"120",fill:"rgba(5,163,255,0.05)",rx:"4"}),(0,d.jsx)("rect",{x:"140",y:"140",width:"24",height:"160",fill:"rgba(5,163,255,0.05)",rx:"4"}),(0,d.jsx)("rect",{x:"200",y:"100",width:"24",height:"200",fill:"rgba(5,163,255,0.05)",rx:"4"}),(0,d.jsx)("rect",{x:"260",y:"60",width:"24",height:"240",fill:"rgba(5,163,255,0.1)",rx:"4",className:"anim-glow"}),(0,d.jsx)("path",{d:"M 50 280 Q 110 220 170 180 T 290 80 T 350 70",stroke:"url(#marketGrad)",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"100",strokeDashoffset:"100",style:{animation:"draw-line 3s ease-out forwards"}}),(0,d.jsx)("circle",{cx:"170",cy:"180",r:"6",fill:"#05A3FF",className:"anim-glow"}),(0,d.jsx)("circle",{cx:"290",cy:"80",r:"6",fill:"#f472b6",className:"anim-glow-delayed"}),(0,d.jsx)("circle",{cx:"350",cy:"70",r:"8",fill:"#22c55e"}),(0,d.jsxs)("g",{transform:"translate(230, 130)",className:"anim-float-delayed",children:[(0,d.jsx)("rect",{width:"100",height:"40",rx:"8",fill:"#171819",stroke:"rgba(255,255,255,0.05)",strokeWidth:"1"}),(0,d.jsx)("text",{x:"12",y:"24",fill:"#22c55e",className:"text-[11px] font-mono font-bold",children:"+145% ROI"})]}),(0,d.jsx)("defs",{children:(0,d.jsxs)("linearGradient",{id:"marketGrad",x1:"0%",y1:"100%",x2:"100%",y2:"0%",children:[(0,d.jsx)("stop",{offset:"0%",stopColor:"#05A3FF"}),(0,d.jsx)("stop",{offset:"100%",stopColor:"#f472b6"})]})})]})]}):e?(0,d.jsxs)("div",{className:"w-full aspect-square max-w-[400px] mx-auto relative group",children:[(0,d.jsx)("style",{dangerouslySetInnerHTML:{__html:f}}),(0,d.jsxs)("svg",{viewBox:"0 0 400 400",className:"w-full h-full fill-none anim-float",children:[(0,d.jsx)("rect",{x:"10",y:"10",width:"380",height:"380",rx:"24",fill:"#0b0b0c",stroke:"rgba(255,255,255,0.03)",strokeWidth:"1"}),(0,d.jsx)("line",{x1:"200",y1:"200",x2:"100",y2:"120",stroke:"rgba(5,163,255,0.2)",strokeWidth:"1.5"}),(0,d.jsx)("line",{x1:"200",y1:"200",x2:"300",y2:"120",stroke:"rgba(5,163,255,0.2)",strokeWidth:"1.5"}),(0,d.jsx)("line",{x1:"200",y1:"200",x2:"130",y2:"280",stroke:"rgba(5,163,255,0.2)",strokeWidth:"1.5"}),(0,d.jsx)("line",{x1:"200",y1:"200",x2:"270",y2:"280",stroke:"rgba(5,163,255,0.2)",strokeWidth:"1.5"}),(0,d.jsx)("line",{x1:"100",y1:"120",x2:"300",y2:"120",stroke:"rgba(255,255,255,0.05)",strokeWidth:"1"}),(0,d.jsx)("line",{x1:"130",y1:"280",x2:"270",y2:"280",stroke:"rgba(255,255,255,0.05)",strokeWidth:"1"}),(0,d.jsx)("g",{transform:"translate(160, 160)",className:"anim-rotate",children:(0,d.jsx)("rect",{width:"80",height:"80",rx:"16",fill:"#171819",stroke:"url(#autoGrad)",strokeWidth:"2"})}),(0,d.jsx)("circle",{cx:"200",cy:"200",r:"16",fill:"#0b0b0c",stroke:"#05A3FF",strokeWidth:"3",className:"anim-glow"}),(0,d.jsx)("circle",{cx:"100",cy:"120",r:"24",fill:"#171819",stroke:"rgba(255,255,255,0.08)",strokeWidth:"1"}),(0,d.jsx)("path",{d:"M 92 120 L 108 120 M 100 112 L 100 128",stroke:"#05A3FF",strokeWidth:"2"}),(0,d.jsx)("circle",{cx:"300",cy:"120",r:"24",fill:"#171819",stroke:"rgba(255,255,255,0.08)",strokeWidth:"1"}),(0,d.jsx)("circle",{cx:"300",cy:"120",r:"8",fill:"#f472b6",className:"anim-glow-delayed"}),(0,d.jsx)("circle",{cx:"130",cy:"280",r:"24",fill:"#171819",stroke:"rgba(255,255,255,0.08)",strokeWidth:"1"}),(0,d.jsx)("path",{d:"M 124 280 L 136 280",stroke:"#a855f7",strokeWidth:"2"}),(0,d.jsx)("circle",{cx:"270",cy:"280",r:"24",fill:"#171819",stroke:"rgba(255,255,255,0.08)",strokeWidth:"1"}),(0,d.jsx)("circle",{cx:"270",cy:"280",r:"6",fill:"#05A3FF"}),(0,d.jsx)("text",{x:"70",y:"70",fill:"rgba(255,255,255,0.25)",className:"text-[8px] font-mono",children:"trigger: hook_api"}),(0,d.jsx)("text",{x:"250",y:"70",fill:"rgba(255,255,255,0.25)",className:"text-[8px] font-mono",children:"model: Claude-3"}),(0,d.jsx)("text",{x:"240",y:"340",fill:"#a855f7",className:"text-[8px] font-mono",children:"active_agents: 4"}),(0,d.jsx)("defs",{children:(0,d.jsxs)("linearGradient",{id:"autoGrad",x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[(0,d.jsx)("stop",{offset:"0%",stopColor:"#05A3FF"}),(0,d.jsx)("stop",{offset:"100%",stopColor:"#a855f7"})]})})]})]}):(0,d.jsxs)("div",{className:"w-full aspect-square max-w-[400px] mx-auto relative group",children:[(0,d.jsx)("style",{dangerouslySetInnerHTML:{__html:f}}),(0,d.jsxs)("svg",{viewBox:"0 0 400 400",className:"w-full h-full fill-none anim-float",children:[(0,d.jsx)("rect",{x:"20",y:"40",width:"360",height:"280",rx:"16",fill:"#0b0b0c",stroke:"rgba(255,255,255,0.05)",strokeWidth:"1.5"}),(0,d.jsx)("rect",{x:"20",y:"40",width:"360",height:"40",rx:"16",fill:"#171819"}),(0,d.jsx)("circle",{cx:"45",cy:"60",r:"5",fill:"#ef4444"}),(0,d.jsx)("circle",{cx:"65",cy:"60",r:"5",fill:"#f59e0b"}),(0,d.jsx)("circle",{cx:"85",cy:"60",r:"5",fill:"#10b981"}),(0,d.jsx)("rect",{x:"110",y:"50",width:"180",height:"20",rx:"6",fill:"#0b0b0c",stroke:"rgba(255,255,255,0.05)",strokeWidth:"1"}),(0,d.jsxs)("g",{transform:"translate(40, 100)",className:"anim-glow",children:[(0,d.jsx)("rect",{width:"180",height:"15",rx:"4",fill:"rgba(5,163,255,0.1)"}),(0,d.jsx)("rect",{y:"25",width:"240",height:"10",rx:"3",fill:"rgba(255,255,255,0.05)"}),(0,d.jsx)("rect",{y:"45",width:"120",height:"10",rx:"3",fill:"rgba(255,255,255,0.05)"})]}),(0,d.jsxs)("g",{transform:"translate(230, 190)",className:"anim-float-delayed",children:[(0,d.jsx)("rect",{width:"110",height:"50",rx:"12",fill:"#171819",stroke:"url(#devGrad)",strokeWidth:"1.5"}),(0,d.jsx)("text",{x:"16",y:"30",fill:"url(#devGrad)",className:"text-[12px] font-mono font-bold",children:"<div />"})]}),(0,d.jsxs)("g",{transform:"translate(40, 210)",className:"anim-float",children:[(0,d.jsx)("rect",{width:"130",height:"50",rx:"12",fill:"#171819",stroke:"rgba(255,255,255,0.05)",strokeWidth:"1"}),(0,d.jsx)("text",{x:"16",y:"30",fill:"#05A3FF",className:"text-[12px] font-mono font-bold",children:"SSR: Hydrated"})]}),(0,d.jsx)("path",{d:"M 200 320 L 200 360",stroke:"rgba(5,163,255,0.3)",strokeWidth:"2",strokeDasharray:"5 5"}),(0,d.jsx)("circle",{cx:"200",cy:"360",r:"8",fill:"#05A3FF",className:"anim-glow"}),(0,d.jsx)("defs",{children:(0,d.jsxs)("linearGradient",{id:"devGrad",x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[(0,d.jsx)("stop",{offset:"0%",stopColor:"#05A3FF"}),(0,d.jsx)("stop",{offset:"100%",stopColor:"#f472b6"})]})})]})]})}function j({title:a,subtitle:b,description:c,backLink:g="/services",backLabel:k="Back to Services",category:l="development"}){return(0,d.jsxs)("section",{className:"relative pt-20 pb-0 md:pt-24 md:pb-0 px-[5%] bg-[#09090b] text-white overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-[#05A3FF]/5 via-transparent to-transparent pointer-events-none"}),(0,d.jsx)("div",{className:"max-w-[90rem] mx-auto w-full relative z-10",children:(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.7,ease:"easeOut"},className:"flex flex-col gap-10",children:[(0,d.jsxs)(h(),{href:g,className:"group inline-flex items-center gap-3 text-[10px] font-black uppercase tracking-[0.4em] text-zinc-500 hover:text-white transition-colors",children:[(0,d.jsx)(f.A,{className:"w-3 h-3 rotate-180"}),k]}),(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center",children:[(0,d.jsxs)("div",{className:"lg:col-span-7 space-y-8",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-xs font-bold uppercase tracking-[0.3em] mb-4 block",children:"Service Expertise"}),(0,d.jsx)("h1",{className:"text-4xl md:text-6xl lg:text-7xl font-semibold tracking-tight leading-[1.2] mb-6",children:a}),b&&(0,d.jsx)("h2",{className:"text-xl md:text-2xl font-display italic font-light text-zinc-300 border-l-2 border-[#05A3FF] pl-6 mb-6",children:b}),(0,d.jsx)("p",{className:"text-lg md:text-xl text-zinc-400 font-light leading-relaxed max-w-2xl",children:c})]}),(0,d.jsxs)("button",{onClick:()=>{let a=document.getElementById("service-content");a&&a.scrollIntoView({behavior:"smooth"})},className:"group flex items-center gap-4 bg-white text-black px-8 py-4 rounded-full font-bold hover:bg-[#05A3FF] hover:text-white transition-all shadow-xl shadow-white/5 text-sm uppercase tracking-widest",children:["Explore Details",(0,d.jsx)(f.A,{className:"w-4 h-4 rotate-90 group-hover:translate-y-1 transition-transform"})]})]}),(0,d.jsx)("div",{className:"lg:col-span-5 flex items-center justify-center",children:(0,d.jsx)(i,{category:l})})]}),(0,d.jsx)("div",{className:"w-full border-t border-zinc-800 mt-3 md:mt-4 lg:mt-12 xl:mt-16"})]})})]})}var k=c(69073),l=c(3404),m=c(10934),n=c(56441),o=c(21909),p=c(78149),q=c(5001),r=c(59687),s=c(24231),t=c(99336),u=c(14056),v=c(96727),w=c(20188),x=c(70685),y=c(63121),z=c(65933),A=c(84163);function B({category:a}){let b=a.toLowerCase();return b.includes("marketing")||b.includes("growth")||b.includes("seo")||b.includes("advertising")||b.includes("digital-marketing")?(0,d.jsx)(C,{}):b.includes("automation")||b.includes("ai")||b.includes("chatbot")?(0,d.jsx)(F,{}):b.includes("brand")||b.includes("design")||b.includes("creative")?(0,d.jsx)(E,{}):(0,d.jsx)(D,{})}function C(){let[a,b]=(0,k.useState)(25e3),[c,e]=(0,k.useState)(2),[f,g]=(0,k.useState)(150),h=Math.round(c/100*a),i=h*f,j=Math.round(.35*i);return(0,d.jsxs)("section",{className:"py-24 px-[5%] bg-[#09090b] border-t border-white/5 relative overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_bottom_left,_var(--tw-gradient-stops))] from-[#05A3FF]/5 via-transparent to-transparent pointer-events-none"}),(0,d.jsxs)("div",{className:"max-w-[90rem] mx-auto",children:[(0,d.jsxs)("div",{className:"text-center mb-16",children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-4 block",children:"Interactive Tool"}),(0,d.jsxs)("h2",{className:"text-4xl md:text-6xl font-display font-bold tracking-tight",children:["Calculate Your ",(0,d.jsx)("span",{className:"italic font-serif font-light text-[#05A3FF]",children:"Growth Lift"}),"."]}),(0,d.jsx)("p",{className:"text-zinc-400 max-w-xl mx-auto mt-4 font-light text-sm",children:"Adjust the sliders below to estimate the impact of Amaris's conversion-led optimization strategies on your bottom line."})]}),(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center bg-black/40 border border-white/5 p-8 md:p-12 rounded-[3rem] backdrop-blur-md",children:[(0,d.jsxs)("div",{className:"lg:col-span-6 space-y-8",children:[(0,d.jsxs)("h3",{className:"text-2xl font-bold flex items-center gap-3 text-white",children:[(0,d.jsx)(u.A,{className:"w-6 h-6 text-[#05A3FF]"}),"Calculator Controls"]}),(0,d.jsxs)("div",{className:"space-y-4",children:[(0,d.jsxs)("div",{className:"flex justify-between text-sm font-semibold",children:[(0,d.jsx)("span",{className:"text-zinc-400",children:"Monthly Traffic"}),(0,d.jsxs)("span",{className:"text-white font-mono",children:[a.toLocaleString("en-US")," visitors"]})]}),(0,d.jsx)("input",{type:"range",min:"5000",max:"250000",step:"5000",value:a,onChange:a=>b(Number(a.target.value)),className:"w-full h-1.5 bg-zinc-800 rounded-lg appearance-none cursor-pointer accent-[#05A3FF]"})]}),(0,d.jsxs)("div",{className:"space-y-4",children:[(0,d.jsxs)("div",{className:"flex justify-between text-sm font-semibold",children:[(0,d.jsx)("span",{className:"text-zinc-400",children:"Conversion Rate"}),(0,d.jsxs)("span",{className:"text-white font-mono",children:[c.toFixed(1),"%"]})]}),(0,d.jsx)("input",{type:"range",min:"0.5",max:"10.0",step:"0.1",value:c,onChange:a=>e(Number(a.target.value)),className:"w-full h-1.5 bg-zinc-800 rounded-lg appearance-none cursor-pointer accent-[#05A3FF]"})]}),(0,d.jsxs)("div",{className:"space-y-4",children:[(0,d.jsxs)("div",{className:"flex justify-between text-sm font-semibold",children:[(0,d.jsx)("span",{className:"text-zinc-400",children:"Average Order Value (AOV)"}),(0,d.jsxs)("span",{className:"text-white font-mono",children:["$",f]})]}),(0,d.jsx)("input",{type:"range",min:"10",max:"1000",step:"10",value:f,onChange:a=>g(Number(a.target.value)),className:"w-full h-1.5 bg-zinc-800 rounded-lg appearance-none cursor-pointer accent-[#05A3FF]"})]})]}),(0,d.jsxs)("div",{className:"lg:col-span-6 grid grid-cols-1 sm:grid-cols-2 gap-6 pl-0 lg:pl-8 lg:border-l border-white/10",children:[(0,d.jsxs)("div",{className:"p-8 rounded-3xl bg-[#171819] border border-white/5 flex flex-col justify-between h-[160px]",children:[(0,d.jsx)("span",{className:"text-[10px] font-black uppercase tracking-[0.2em] text-zinc-500",children:"Current Monthly Revenue"}),(0,d.jsxs)("div",{className:"text-3xl md:text-4xl font-extrabold text-white font-mono",children:["$",i.toLocaleString("en-US")]}),(0,d.jsxs)("p",{className:"text-xs text-zinc-400 font-light",children:[h.toLocaleString("en-US")," conversions/mo"]})]}),(0,d.jsxs)("div",{className:"p-8 rounded-3xl bg-[#05A3FF]/10 border border-[#05A3FF]/20 flex flex-col justify-between h-[160px] relative overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute top-0 right-0 w-32 h-32 bg-[#05A3FF]/20 blur-[40px] rounded-full pointer-events-none"}),(0,d.jsxs)("span",{className:"text-[10px] font-black uppercase tracking-[0.2em] text-[#05A3FF] flex items-center gap-1.5",children:[(0,d.jsx)(v.A,{className:"w-3.5 h-3.5"}),"Expected Revenue Growth"]}),(0,d.jsxs)("div",{className:"text-3xl md:text-4xl font-extrabold text-[#05A3FF] font-mono",children:["+$",j.toLocaleString("en-US")]}),(0,d.jsx)("p",{className:"text-xs text-zinc-300 font-medium",children:"Estimated +35% revenue lift"})]}),(0,d.jsxs)("div",{className:"p-8 rounded-3xl bg-white text-black sm:col-span-2 flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("h4",{className:"text-xl font-bold",children:"Total Estimated Value"}),(0,d.jsx)("p",{className:"text-zinc-600 text-xs font-light mt-1",children:"Combine optimized organic search & high-speed UX gains."})]}),(0,d.jsxs)("div",{className:"text-3xl font-black font-mono text-[#05A3FF]",children:["$",(i+j).toLocaleString("en-US"),(0,d.jsx)("span",{className:"text-[10px] text-zinc-500 block uppercase tracking-widest text-right mt-1 font-bold",children:"Projected Monthly"})]})]})]})]})]})]})}function D(){let[a,b]=(0,k.useState)([]),[c,f]=(0,k.useState)(!1),[g,h]=(0,k.useState)(0);return(0,d.jsxs)("section",{className:"py-24 px-[5%] bg-[#09090b] border-t border-white/5 relative overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[300px] bg-purple-500/5 blur-[120px] rounded-full pointer-events-none"}),(0,d.jsxs)("div",{className:"max-w-[90rem] mx-auto",children:[(0,d.jsxs)("div",{className:"text-center mb-16",children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-4 block",children:"Interactive Demo"}),(0,d.jsxs)("h2",{className:"text-4xl md:text-6xl font-display font-bold tracking-tight",children:["Simulate Edge ",(0,d.jsx)("span",{className:"italic font-serif font-light text-[#05A3FF]",children:"Deployment"}),"."]}),(0,d.jsx)("p",{className:"text-zinc-400 max-w-xl mx-auto mt-4 font-light text-sm",children:"Launch our simulated builder pipeline to see how we bundle, secure, and deliver web platforms closer to your users."})]}),(0,d.jsxs)("div",{className:"max-w-4xl mx-auto bg-black border border-white/10 rounded-[2rem] overflow-hidden shadow-2xl",children:[(0,d.jsxs)("div",{className:"flex justify-between items-center px-6 py-4 bg-[#171819] border-b border-white/5",children:[(0,d.jsxs)("div",{className:"flex gap-2",children:[(0,d.jsx)("div",{className:"w-3.5 h-3.5 rounded-full bg-red-500"}),(0,d.jsx)("div",{className:"w-3.5 h-3.5 rounded-full bg-yellow-500"}),(0,d.jsx)("div",{className:"w-3.5 h-3.5 rounded-full bg-green-500"})]}),(0,d.jsxs)("span",{className:"text-xs font-mono text-zinc-500 flex items-center gap-1.5",children:[(0,d.jsx)(w.A,{className:"w-3.5 h-3.5"}),"amaris-builder --prod"]}),(0,d.jsx)(x.A,{className:"w-3.5 h-3.5 text-zinc-600"})]}),(0,d.jsxs)("div",{className:"p-8 font-mono text-sm min-h-[280px] flex flex-col justify-between bg-black/60 backdrop-blur-md",children:[(0,d.jsxs)("div",{className:"space-y-3",children:[0===a.length&&(0,d.jsx)("p",{className:"text-zinc-500 italic",children:'Click "Launch Builder" below to trigger execution...'}),a.map((a,b)=>(0,d.jsx)(e.PY1.p,{initial:{opacity:0,x:-5},animate:{opacity:1,x:0},className:a.includes("[SUCCESS]")?"text-emerald-400 font-bold":a.includes("[SYSTEM]")?"text-blue-400":"text-zinc-300",children:a},b))]}),(0,d.jsxs)("div",{className:"mt-8 pt-6 border-t border-white/5 flex flex-col sm:flex-row justify-between items-stretch sm:items-center gap-6",children:[(0,d.jsxs)("div",{className:"flex-1 space-y-2",children:[(0,d.jsxs)("div",{className:"flex justify-between text-xs text-zinc-500 font-bold",children:[(0,d.jsx)("span",{children:"DEPLOYMENT PROGRESS"}),(0,d.jsxs)("span",{children:[g,"%"]})]}),(0,d.jsx)("div",{className:"w-full bg-zinc-900 h-2 rounded-full overflow-hidden",children:(0,d.jsx)(e.PY1.div,{className:"bg-[#05A3FF] h-full",animate:{width:`${g}%`},transition:{ease:"easeInOut"}})})]}),(0,d.jsxs)("div",{className:"flex gap-4",children:[(0,d.jsxs)("button",{onClick:()=>{c||(f(!0),h(0),b(["[SYSTEM] Initializing deployment pipeline...","[SYSTEM] Connecting serverless edge gateways..."]))},disabled:c,className:"flex items-center justify-center gap-2 bg-[#05A3FF] hover:bg-[#05A3FF]/80 disabled:bg-zinc-800 disabled:text-zinc-600 text-white font-bold px-6 py-3 rounded-full text-xs uppercase tracking-widest transition-all",children:[(0,d.jsx)(m.A,{className:"w-3.5 h-3.5 fill-current"}),"Launch Builder"]}),(0,d.jsx)("button",{onClick:()=>{b([]),h(0)},className:"p-3 border border-white/10 hover:border-white/20 rounded-full text-zinc-400 hover:text-white transition-colors",children:(0,d.jsx)(y.A,{className:"w-4 h-4"})})]})]})]})]})]})]})}function E(){let[a,b]=(0,k.useState)("noir"),[c,f]=(0,k.useState)(24),[g,h]=(0,k.useState)(16),i={noir:{bg:"bg-black",text:"text-white",accent:"text-zinc-300",border:"border-zinc-800",description:"Monochrome minimalism designed for luxury, photography, and high-fashion spaces.",button:"bg-white text-black hover:bg-zinc-200"},cyber:{bg:"bg-zinc-950",text:"text-[#05A3FF]",accent:"text-fuchsia-400",border:"border-cyan-500/20",description:"Vibrant neon hues matching cutting-edge SaaS, blockchain, and artificial intelligence startups.",button:"bg-[#05A3FF] text-white hover:bg-cyan-600 shadow-lg shadow-cyan-500/20"},aurora:{bg:"bg-[#0b130e]",text:"text-emerald-400",accent:"text-teal-300",border:"border-emerald-500/20",description:"Organic gradient themes designed for green tech, premium wellness, and modern hospitality.",button:"bg-emerald-500 text-white hover:bg-emerald-600 shadow-lg shadow-emerald-500/10"}},j=i[a];return(0,d.jsxs)("section",{className:"py-24 px-[5%] bg-[#09090b] border-t border-white/5 relative overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-zinc-800/10 via-transparent to-transparent pointer-events-none"}),(0,d.jsxs)("div",{className:"max-w-[90rem] mx-auto",children:[(0,d.jsxs)("div",{className:"text-center mb-16",children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-4 block",children:"Interactive Design"}),(0,d.jsxs)("h2",{className:"text-4xl md:text-6xl font-display font-bold tracking-tight",children:["Brand Identity ",(0,d.jsx)("span",{className:"italic font-serif font-light text-[#05A3FF]",children:"Playground"}),"."]}),(0,d.jsx)("p",{className:"text-zinc-400 max-w-xl mx-auto mt-4 font-light text-sm",children:"Tweak styling variables and switch visual directions to see how we compile custom design systems that feel unique."})]}),(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center bg-black/40 border border-white/5 p-8 md:p-12 rounded-[3rem] backdrop-blur-md",children:[(0,d.jsxs)("div",{className:"lg:col-span-5 space-y-8",children:[(0,d.jsxs)("h3",{className:"text-2xl font-bold flex items-center gap-3 text-white",children:[(0,d.jsx)(z.A,{className:"w-6 h-6 text-[#05A3FF]"}),"Visual Tokens"]}),(0,d.jsxs)("div",{className:"space-y-4",children:[(0,d.jsx)("label",{className:"text-xs font-black uppercase tracking-widest text-zinc-500",children:"Theme Identity"}),(0,d.jsx)("div",{className:"flex gap-4",children:Object.keys(i).map(c=>(0,d.jsx)("button",{onClick:()=>b(c),className:`flex-1 py-3 text-xs uppercase font-bold tracking-widest rounded-xl border transition-all ${a===c?"border-[#05A3FF] bg-[#05A3FF]/10 text-white":"border-white/5 bg-[#171819] text-zinc-400 hover:border-white/10"}`,children:c},c))})]}),(0,d.jsxs)("div",{className:"space-y-4",children:[(0,d.jsxs)("div",{className:"flex justify-between text-xs font-bold text-zinc-400 uppercase tracking-wider",children:[(0,d.jsx)("span",{children:"Element Spacing"}),(0,d.jsxs)("span",{className:"text-white font-mono",children:[c,"px"]})]}),(0,d.jsx)("input",{type:"range",min:"12",max:"48",step:"4",value:c,onChange:a=>f(Number(a.target.value)),className:"w-full h-1.5 bg-zinc-800 rounded-lg appearance-none cursor-pointer accent-[#05A3FF]"})]}),(0,d.jsxs)("div",{className:"space-y-4",children:[(0,d.jsxs)("div",{className:"flex justify-between text-xs font-bold text-zinc-400 uppercase tracking-wider",children:[(0,d.jsx)("span",{children:"Border Radius"}),(0,d.jsxs)("span",{className:"text-white font-mono",children:[g,"px"]})]}),(0,d.jsx)("input",{type:"range",min:"0",max:"36",step:"4",value:g,onChange:a=>h(Number(a.target.value)),className:"w-full h-1.5 bg-zinc-800 rounded-lg appearance-none cursor-pointer accent-[#05A3FF]"})]})]}),(0,d.jsx)("div",{className:"lg:col-span-7 flex justify-center items-center p-8 md:p-12 rounded-[2rem] bg-zinc-950 border border-white/5 min-h-[380px]",children:(0,d.jsxs)(e.PY1.div,{layout:!0,style:{padding:`${c}px`,borderRadius:`${g}px`},className:`max-w-md w-full border ${j.bg} ${j.border} transition-all duration-300 shadow-2xl relative overflow-hidden`,children:[(0,d.jsx)("div",{className:"absolute -top-12 -right-12 w-32 h-32 bg-white/5 blur-[24px] rounded-full pointer-events-none"}),(0,d.jsx)("span",{className:`text-[9px] font-black uppercase tracking-[0.3em] ${j.text} opacity-60 mb-2 block`,children:"DESIGN TOKENS ACTIVE"}),(0,d.jsx)("h4",{className:"text-3xl font-display font-semibold mb-4 leading-tight",children:"Responsive visual systems."}),(0,d.jsx)("p",{className:"text-zinc-400 text-sm leading-relaxed mb-8 font-light",children:j.description}),(0,d.jsxs)("div",{className:"flex items-center justify-between pt-6 border-t border-white/10",children:[(0,d.jsx)("span",{className:`text-xs font-semibold ${j.text}`,children:"Interactive elements"}),(0,d.jsx)("button",{style:{borderRadius:`${g/2}px`},className:`px-6 py-2.5 text-xs font-bold uppercase tracking-widest transition-all ${j.button}`,children:"Action Button"})]})]})})]})]})]})}function F(){let[a,b]=(0,k.useState)([{role:"assistant",content:"Hello! I am your custom Amaris AI assistant. How can I help optimize your business pipelines today?"}]),[c,e]=(0,k.useState)(""),[f,g]=(0,k.useState)(!1),h=()=>{!c.trim()||f||(b(a=>[...a,{role:"user",content:c}]),e(""),g(!0),setTimeout(()=>{let a="I've indexed that workflow request. I recommend automating this via a trigger node connected to your CRM.";c.toLowerCase().includes("lead")?a="We can structure a pipeline to score inbound leads, run semantic checks via LLM, and route top candidates directly to Slack.":(c.toLowerCase().includes("cost")||c.toLowerCase().includes("save"))&&(a="By replacing manual database entries with serverless API hooks, clients typically lower operational latency by 85%."),b(b=>[...b,{role:"assistant",content:a}]),g(!1)},1200))};return(0,d.jsxs)("section",{className:"py-24 px-[5%] bg-[#09090b] border-t border-white/5 relative overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute top-0 right-1/2 translate-x-1/2 w-[500px] h-[250px] bg-emerald-500/5 blur-[100px] rounded-full pointer-events-none"}),(0,d.jsxs)("div",{className:"max-w-[90rem] mx-auto",children:[(0,d.jsxs)("div",{className:"text-center mb-16",children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-4 block",children:"Interactive Agent"}),(0,d.jsxs)("h2",{className:"text-4xl md:text-6xl font-display font-bold tracking-tight",children:["Chat With Custom ",(0,d.jsx)("span",{className:"italic font-serif font-light text-[#05A3FF]",children:"AI agents"}),"."]}),(0,d.jsx)("p",{className:"text-zinc-400 max-w-xl mx-auto mt-4 font-light text-sm",children:"Interact with our simulated business optimization chatbot to discover potential automation scenarios."})]}),(0,d.jsxs)("div",{className:"max-w-3xl mx-auto bg-black border border-white/10 rounded-[2.5rem] overflow-hidden shadow-2xl flex flex-col h-[420px]",children:[(0,d.jsxs)("div",{className:"flex justify-between items-center px-8 py-5 bg-[#171819] border-b border-white/5",children:[(0,d.jsxs)("div",{className:"flex items-center gap-3",children:[(0,d.jsx)("div",{className:"w-3 h-3 rounded-full bg-emerald-500 animate-pulse"}),(0,d.jsx)("span",{className:"text-sm font-bold text-white",children:"Amaris Automation Agent"})]}),(0,d.jsx)(A.A,{className:"w-4 h-4 text-emerald-400"})]}),(0,d.jsxs)("div",{className:"flex-1 p-6 overflow-y-auto space-y-4 scrollbar-thin scrollbar-thumb-zinc-800 scrollbar-track-transparent",children:[a.map((a,b)=>(0,d.jsx)("div",{className:`flex ${"user"===a.role?"justify-end":"justify-start"}`,children:(0,d.jsx)("div",{className:`max-w-xs md:max-w-md p-4 rounded-2xl text-sm leading-relaxed ${"user"===a.role?"bg-[#05A3FF] text-white rounded-br-none":"bg-[#171819] text-zinc-300 rounded-bl-none border border-white/5"}`,children:a.content})},b)),f&&(0,d.jsx)("div",{className:"flex justify-start",children:(0,d.jsx)("div",{className:"bg-[#171819] text-zinc-500 px-4 py-3 rounded-2xl rounded-bl-none text-xs border border-white/5 animate-pulse",children:"Agent is typing..."})})]}),(0,d.jsxs)("div",{className:"p-4 bg-zinc-950/60 border-t border-white/5 flex gap-4",children:[(0,d.jsx)("input",{type:"text",placeholder:"Ask about CRM automation or reducing latencies...",value:c,onChange:a=>e(a.target.value),onKeyDown:a=>"Enter"===a.key&&h(),className:"flex-1 bg-black border border-white/10 rounded-full px-6 py-3 text-sm text-white focus:outline-none focus:border-[#05A3FF] placeholder-zinc-600"}),(0,d.jsx)("button",{onClick:h,className:"bg-white text-black px-6 py-3 rounded-full font-bold text-xs uppercase tracking-widest hover:bg-[#05A3FF] hover:text-white transition-colors",children:"Send"})]})]})]})]})}var G=c(5828);let H={development:[{name:"Next.js",role:"SSR & Hydration",desc:"We utilize Next.js for high-speed Server-Side Rendering (SSR) and Static Site Generation (SSG), ensuring flawless SEO rankings and instant page loads.",iconText:"N"},{name:"React",role:"Component Model",desc:"Building modular, reusable user interfaces with robust local state handling and zero-latency user flows.",iconText:"R"},{name:"Tailwind CSS",role:"Styling Framework",desc:"Ensures responsive UI architectures using utility-first CSS configurations and strict brand color design tokens.",iconText:"T"},{name:"TypeScript",role:"Type Safety",desc:"Secures compile-time error checks and absolute type safety, preventing production runtime glitches.",iconText:"TS"},{name:"Stripe",role:"Payment Processing",desc:"Configuring secure payment checkouts, recurring billing, and multi-currency options with bank-grade security.",iconText:"S"},{name:"Vercel",role:"Edge Deployment",desc:"Deploying applications globally at edge networks to serve assets at minimal latency nearest to your clients.",iconText:"V"},{name:"Supabase",role:"Database & Auth",desc:"Provisioning secure user authentications, session state persistence, and real-time Postgres databases.",iconText:"SU"},{name:"PostgreSQL",role:"Relational Storage",desc:"Scalable databases featuring relational indexing, strict schema validations, and high transaction security.",iconText:"PG"}],branding:[{name:"Figma",role:"Interface UI/UX",desc:"Our core canvas for wireframing, building vector prototypes, and sharing design systems in real-time.",iconText:"F"},{name:"Adobe Illustrator",role:"Vector Artwork",desc:"Used to create mathematical logo curves, typography vector paths, and scalable identity assets.",iconText:"Ai"},{name:"Adobe Photoshop",role:"Media Editing",desc:"Retouching photographic assets, compositing brand visuals, and exporting optimized raster formats.",iconText:"Ps"},{name:"After Effects",role:"Motion & Animation",desc:"Crafting cinema-grade promotional animations, title cards, and visual motion systems for digital outlets.",iconText:"Ae"},{name:"Webflow",role:"Visual Development",desc:"Translating brand mockups into fluid web layouts directly matching Figma blueprints.",iconText:"W"},{name:"Vector SVG",role:"Scalable Formats",desc:"Exporting all icons and brand marks in clean XML formats for infinite scale without resolution loss.",iconText:"SVG"},{name:"InDesign",role:"Guidelines & Print",desc:"Structuring book layouts, print-ready corporate folders, and editorial brand guidelines.",iconText:"Id"}],marketing:[{name:"Google Ads",role:"High-Intent Search",desc:"Managing bids, ad copywriting, and keyword targeting to drive immediate conversions from buyers searching Google.",iconText:"G"},{name:"Meta Ads",role:"Social Campaigns",desc:"Targeting demographics on Instagram and Facebook using engaging creatives and lookalike audience mapping.",iconText:"M"},{name:"LinkedIn Ads",role:"B2B Outreach",desc:"Precision B2B targeting matching job titles, seniority levels, and corporate company names.",iconText:"In"},{name:"HubSpot",role:"CRM & Funneling",desc:"Automating customer relationship pipelines, lead scoring, and customer nurture automations.",iconText:"HS"},{name:"Google Analytics",role:"Traffic Intelligence",desc:"Analyzing user behavior, mapping user flows, and attributing conversions precisely to ad campaigns.",iconText:"GA"},{name:"Semrush",role:"SEO & Keyword Audit",desc:"Discovering competitor keywords, tracking search engine visibility, and auditing on-page SEO health.",iconText:"SE"},{name:"Mailchimp",role:"Email Marketing",desc:"Designing newsletters, auto-responders, and list segmentations to cultivate user retention.",iconText:"MC"},{name:"Zapier",role:"API Automation",desc:"Connecting lead capture channels directly to CRM databases, notifying sales teams via Slack instantly.",iconText:"Z"}],automation:[{name:"OpenAI",role:"Text & Reasoning",desc:"Configuring GPT-4 models to classify data, parse emails, and draft customer replies with reasoning engines.",iconText:"GPT"},{name:"Anthropic",role:"Context Extraction",desc:"Leveraging Claude models for long-form context analyzing, prompt orchestration, and strict outputs.",iconText:"CL"},{name:"Gemini",role:"Multimodal Engine",desc:"Utilizing Google's Gemini models for processing text, image, and data formats concurrently at scale.",iconText:"G"},{name:"n8n",role:"Workflow Orchestrator",desc:"Constructing self-hosted, complex multi-node automation sequences triggered by webhooks and cron schedulers.",iconText:"n8n"},{name:"Make",role:"Visual Automations",desc:"Building visual logic loops connecting cloud APIs without hosting overhead or custom scripting.",iconText:"M"},{name:"Zapier",role:"Platform Connector",desc:"Quickly linking thousands of business tools to automate repetitive tasks and save staff time.",iconText:"Z"},{name:"Pinecone",role:"Vector Database",desc:"High-performance vector storage holding corporate databases for semantically accurate AI answers.",iconText:"PC"},{name:"LangChain",role:"Agent Orchestration",desc:"Developing autonomous AI chains that run tools, query databases, and manage conversation memory.",iconText:"LC"}]};function I({category:a}){let b=a.toLowerCase(),c="development";b.includes("brand")||b.includes("design")||b.includes("creative")?c="branding":b.includes("marketing")||b.includes("growth")||b.includes("seo")||b.includes("advertising")||b.includes("digital-marketing")?c="marketing":(b.includes("automation")||b.includes("ai")||b.includes("chatbot"))&&(c="automation");let e=H[c]||H.development,[f,g]=(0,k.useState)(e[0]);return(0,d.jsxs)("section",{id:"integrations",className:"py-32 px-[5%] bg-black border-t border-white/5 relative overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute top-0 right-0 w-[500px] h-[300px] bg-[#05A3FF]/5 blur-[120px] rounded-full pointer-events-none"}),(0,d.jsx)("div",{className:"max-w-[90rem] mx-auto",children:(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-16 items-center",children:[(0,d.jsxs)("div",{className:"lg:col-span-5 space-y-8",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-4 block",children:"Tech & Integrations"}),(0,d.jsxs)("h2",{className:"text-4xl md:text-6xl font-display font-bold tracking-tight leading-tight",children:["Our Core ",(0,d.jsx)("span",{className:"italic font-serif font-light text-[#05A3FF]",children:"Stack"}),"."]}),(0,d.jsx)("p",{className:"text-zinc-400 mt-4 font-light leading-relaxed",children:"We leverage industry-leading technologies to guarantee maximum performance, conversion speed, and operational resilience."})]}),(0,d.jsxs)("div",{className:"p-8 rounded-[2rem] bg-[#171819] border border-[#05A3FF]/20 relative overflow-hidden min-h-[220px] flex flex-col justify-between",children:[(0,d.jsx)("div",{className:"absolute top-0 right-0 w-32 h-32 bg-[#05A3FF]/10 blur-[40px] rounded-full pointer-events-none"}),(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,d.jsx)("div",{className:"w-8 h-8 rounded-lg bg-[#05A3FF] flex items-center justify-center text-white font-bold text-xs font-mono",children:f.iconText}),(0,d.jsxs)("div",{children:[(0,d.jsx)("h4",{className:"font-bold text-white text-lg",children:f.name}),(0,d.jsx)("span",{className:"text-[10px] font-black tracking-widest text-zinc-500 uppercase",children:f.role})]})]}),(0,d.jsx)("p",{className:"text-zinc-300 text-sm leading-relaxed font-light",children:f.desc})]}),(0,d.jsxs)("div",{className:"flex items-center gap-2 text-[#05A3FF] text-[10px] font-black uppercase tracking-wider mt-4",children:[(0,d.jsx)(G.A,{className:"w-3.5 h-3.5"}),"Click any tool icon to inspect role"]})]})]}),(0,d.jsx)("div",{className:"lg:col-span-7 grid grid-cols-2 sm:grid-cols-4 gap-6",children:e.map((a,b)=>{let c=f.name===a.name;return(0,d.jsxs)("button",{onClick:()=>g(a),className:`p-6 rounded-[2rem] border text-center flex flex-col items-center justify-center gap-4 transition-all duration-300 min-h-[160px] ${c?"border-[#05A3FF] bg-[#05A3FF]/5 shadow-lg shadow-[#05A3FF]/10":"border-white/5 bg-[#171819] hover:border-white/10 hover:bg-white/[0.02]"}`,children:[(0,d.jsx)("div",{className:`w-12 h-12 rounded-xl flex items-center justify-center font-bold text-lg font-mono transition-all ${c?"bg-[#05A3FF] text-white":"bg-black text-zinc-400"}`,children:a.iconText}),(0,d.jsx)("span",{className:"text-xs font-bold text-white tracking-wider",children:a.name})]},b)})})]})})]})}var J=c(21439),K=c(42),L=c(42770),M=c(66969),N=c(37556),O=c(88700),P=c(76647);let Q={development:[{name:"Production GitHub Repository",format:"Git / TSX Source Code",size:"Private Repo Access",desc:"Clean, documented, type-safe Next.js component models, styles, and API integrations.",icon:(0,d.jsx)(K.A,{className:"w-5 h-5 text-[#05A3FF]"})},{name:"Live Vercel Edge Server link",format:"DNS / SSL Edge Deployment",size:"Zero-Downtime Pipeline",desc:"A live globally distributed edge network deployment with static page caching enabled.",icon:(0,d.jsx)(L.A,{className:"w-5 h-5 text-emerald-400"})},{name:"Database Schema Migrations",format:"SQL Schema & Seed Scripts",size:"PostgreSQL Config",desc:"Strict schema declarations, database indexing keys, and sandbox mock seed databases.",icon:(0,d.jsx)(M.A,{className:"w-5 h-5 text-purple-400"})},{name:"API Documentation & Tests",format:"Postman Spec / Unit Tests",size:"Vitest / TS check",desc:"Complete documentation of serverless APIs, auth structures, rate limits, and test coverage.",icon:(0,d.jsx)(K.A,{className:"w-5 h-5 text-[#05A3FF]"})}],branding:[{name:"Figma Collaborative Workspace",format:"Figma Source Vector files",size:"Unlimited Live Access",desc:"The primary design file containing core frames, interactive vector assets, and responsive wireframes.",icon:(0,d.jsx)(z.A,{className:"w-5 h-5 text-purple-400"})},{name:"Typography & Fonts Package",format:"OTF / TTF / Web Font WOFF",size:"Global Usage Rights",desc:"Commercial-licensed font packages paired specifically for display headers and body content.",icon:(0,d.jsx)(M.A,{className:"w-5 h-5 text-[#05A3FF]"})},{name:"Brand Guidelines Specification",format:"Print & Web PDF Book",size:"150+ Page Guidelines",desc:"Complete documentation on logo grids, exclusion parameters, font sizes, color specs, and mockups.",icon:(0,d.jsx)(K.A,{className:"w-5 h-5 text-emerald-400"})},{name:"Vector Logo Assets Matrix",format:"Scalable SVG / EPS / PDF",size:"Fully Layered Vectors",desc:"Complete set of logo iterations in monochrome, landscape, icon-only, and transparent options.",icon:(0,d.jsx)(z.A,{className:"w-5 h-5 text-purple-400"})}],marketing:[{name:"GA4 Traffic attribution Dashboard",format:"Google Analytics 4 Live View",size:"Shared Client Access",desc:"Attribution models displaying page views, bounce rates, and click funnels attributed to campaigns.",icon:(0,d.jsx)(q.A,{className:"w-5 h-5 text-emerald-400"})},{name:"Server-Side Tracking API keys",format:"Meta Conversions API bindings",size:"GDPR Consent Shield",desc:"Direct server-to-server tracking APIs to coordinate precise conversion tracking without cookie dependency.",icon:(0,d.jsx)(M.A,{className:"w-5 h-5 text-[#05A3FF]"})},{name:"Campaign Creatives Database",format:"Layered PSD / AI Ad files",size:"Print & Web formats",desc:"A set of high-performing marketing graphics, short-form reels, copywriting matrices, and email grids.",icon:(0,d.jsx)(z.A,{className:"w-5 h-5 text-purple-400"})},{name:"Paid Acquisition Planner",format:"Excel Spreadsheet / PDF Plan",size:"Budget Allocations Sheet",desc:"A roadmap detailing positive bid distributions, CTR targets, target CPA metrics, and negative keyword logs.",icon:(0,d.jsx)(q.A,{className:"w-5 h-5 text-emerald-400"})}],automation:[{name:"Workflow Orchestration YAML",format:"n8n / Zapier Blueprint JSON",size:"Multi-Node Pipeline",desc:"Complete pipeline templates with custom Javascript routers, API webhooks, and secure error fallbacks.",icon:(0,d.jsx)(N.A,{className:"w-5 h-5 text-purple-400"})},{name:"LLM Prompt Context files",format:"System Prompt Context Markdown",size:"Context-Restricted Instructions",desc:"Prompt architectures configured with specific agent guidelines, instruction steps, and defensive guards.",icon:(0,d.jsx)(K.A,{className:"w-5 h-5 text-[#05A3FF]"})},{name:"Vector Database embeddings mapping",format:"Pinecone index / CSV documents",size:"Knowledge Base RAG",desc:"Semantic vector indexes containing company manuals and database tables mapped for AI retrieval.",icon:(0,d.jsx)(M.A,{className:"w-5 h-5 text-emerald-400"})},{name:"API Authentication configuration",format:"Secure Environment Schema",size:"Encrypted Keys Template",desc:"A configuration structure showing safe integration endpoints, authorization tokens, and API limits.",icon:(0,d.jsx)(N.A,{className:"w-5 h-5 text-purple-400"})}]};function R({category:a}){let b=a.toLowerCase(),c="development";b.includes("brand")||b.includes("design")||b.includes("creative")?c="branding":b.includes("marketing")||b.includes("growth")||b.includes("seo")||b.includes("advertising")||b.includes("digital-marketing")?c="marketing":(b.includes("automation")||b.includes("ai")||b.includes("chatbot"))&&(c="automation");let f=Q[c]||Q.development,[g,h]=(0,k.useState)(!1),[i,j]=(0,k.useState)(null);return(0,d.jsxs)("section",{id:"handover-vault",className:"py-32 px-[5%] bg-[#050506] border-t border-white/5 relative overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[400px] bg-purple-500/5 blur-[120px] rounded-full pointer-events-none"}),(0,d.jsx)("div",{className:"max-w-[90rem] mx-auto",children:(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-16 items-center",children:[(0,d.jsxs)("div",{className:"lg:col-span-5 space-y-8",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-4 block",children:"Asset Protection"}),(0,d.jsxs)("h2",{className:"text-4xl md:text-6xl font-display font-bold tracking-tight leading-tight",children:["Your Digital ",(0,d.jsx)("span",{className:"italic font-serif font-light text-[#05A3FF]",children:"Vault"}),"."]}),(0,d.jsx)("p",{className:"text-zinc-400 mt-4 font-light leading-relaxed",children:"At project completion, we hand over 100% intellectual property rights and package files, structured in secure, editable formats."})]}),(0,d.jsxs)("div",{className:"p-8 rounded-[2.5rem] bg-[#171819] border border-white/5 flex flex-col justify-between min-h-[260px] relative overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute top-0 right-0 w-32 h-32 bg-[#05A3FF]/10 blur-[40px] rounded-full pointer-events-none"}),(0,d.jsxs)("div",{children:[(0,d.jsx)("h4",{className:"font-bold text-white text-lg mb-2",children:g?"Digital Locker Unlocked":"Secure Handover Simulation"}),(0,d.jsx)("p",{className:"text-zinc-400 text-xs leading-relaxed font-light mb-6",children:g?"Verify the deliverables in the grid. You receive full developer ownership of all source code, design assets, and database schemas.":"Simulate the asset handoff. Click the button below to unlock and inspect the final handover folder structure."})]}),(0,d.jsx)("button",{onClick:()=>{h(!g),g&&j(null)},className:`py-4 px-6 rounded-full font-bold text-xs uppercase tracking-widest flex items-center justify-center gap-3 transition-all ${g?"bg-emerald-500/10 text-emerald-400 border border-emerald-500/20 hover:bg-emerald-500/20":"bg-white text-black hover:bg-zinc-200"}`,children:g?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(O.A,{className:"w-4 h-4"}),"Lock Vault"]}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(P.A,{className:"w-4 h-4"}),"Unlock Vault"]})})]})]}),(0,d.jsx)("div",{className:"lg:col-span-7 relative",children:(0,d.jsx)(J.N,{mode:"wait",children:g?(0,d.jsx)(e.PY1.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:f.map((a,b)=>(0,d.jsx)("button",{onClick:()=>j(i?.name===a.name?null:a),className:`p-6 rounded-[2.5rem] border text-left flex flex-col justify-between min-h-[190px] transition-all duration-300 ${i?.name===a.name?"border-[#05A3FF] bg-[#05A3FF]/5":"border-white/5 bg-[#171819] hover:border-white/10 hover:bg-white/[0.02]"}`,children:(0,d.jsxs)("div",{className:"w-full",children:[(0,d.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,d.jsx)("div",{className:"w-10 h-10 rounded-xl bg-black border border-white/10 flex items-center justify-center",children:a.icon}),(0,d.jsx)("span",{className:"text-[9px] font-black tracking-widest text-zinc-500 uppercase",children:a.size})]}),(0,d.jsx)("h4",{className:"font-bold text-white text-sm tracking-wide mb-1",children:a.name}),(0,d.jsx)("span",{className:"text-[10px] font-black tracking-widest text-[#05A3FF] uppercase block mb-3",children:a.format}),i?.name===a.name&&(0,d.jsx)(e.PY1.p,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},className:"text-zinc-400 text-xs leading-relaxed font-light mt-2 pt-2 border-t border-white/5",children:a.desc})]})},b))},"unlocked"):(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},className:"aspect-[16/10] rounded-[3rem] border border-white/5 bg-[#171819]/50 flex flex-col items-center justify-center text-center p-12 backdrop-blur-md",children:[(0,d.jsx)("div",{className:"w-20 h-20 rounded-full bg-white/5 border border-white/10 flex items-center justify-center text-zinc-400 mb-6 shadow-2xl",children:(0,d.jsx)(P.A,{className:"w-8 h-8"})}),(0,d.jsx)("h3",{className:"text-xl font-bold text-white mb-2",children:"Access Restricted"}),(0,d.jsx)("p",{className:"text-zinc-500 text-xs max-w-sm leading-relaxed font-light mb-6",children:"Unlock the digital vault in the left panel to inspect the files, credentials, and source links included in this package."})]},"locked")})})]})})]})}let S={archLabel:"ARCHITECTURAL DESIGN",archTitle:"Modern Stack Blueprint.",archDesc:"We engineer modern applications using decoupled layers that communicate seamlessly. This ensures high availability, security, and independent scaling capabilities.",archChecks:["Server-side rendering rendering pipelines for SEO speed.","Decoupled state management systems for fluid reactive states."],archLayers:[{label:"01 / Frontend Client",desc:"Built with Next.js/React, utilizing optimized client caching and partial routing hydration."},{label:"02 / API Gateway",desc:"A robust serverless endpoint layer that handles validation, rate limiting, and core logic orchestration."},{label:"03 / Global CDN",desc:"Every asset is globally distributed on edge CDNs, serving queries closest to your user base."},{label:"04 / Secure Database",desc:"Multi-region replicated storage setup with point-in-time recovery and auto-scaling partitions."}],cycleLabel:"PROJECT LIFECYCLE",cycleTitle:"The Agile Path to Scale.",cyclePhases:[{num:"Phase 01",title:"Discovery",desc:"In-depth workshop alignment, defining specifications, system architectures, and UI/UX design tokens."},{num:"Phase 02",title:"Design Sprint",desc:"Iterative wireframing and prototyping in Figma, defining components for validation and sign-off."},{num:"Phase 03",title:"Development",desc:"Engineered in micro-sprints using continuous integration workflows. Every commit triggers dev environments."},{num:"Phase 04",title:"Production Launch",desc:"Automated regression testing, database migrations, CDN edge caching setup, and final domain routing."}],vitalsLabel:"PERFORMANCE METRICS",vitalsTitle:"Optimized for Vitals.",vitalsDesc:"We design with Core Web Vitals in focus. A faster page load increases user retention, organic search visibility, and conversion rates.",vitalsStats:[{metric:"100",label:"Lighthouse Performance",unit:"/100 score"},{metric:"<1.2s",label:"Largest Contentful Paint",unit:"LCP"},{metric:"<0.05",label:"Cumulative Layout Shift",unit:"CLS"},{metric:"<10ms",label:"Total Blocking Time",unit:"TBT"}],secLabel:"SECURITY & SCALE",secTitle:"Enterprise Infrastructure.",secDesc:"Launch with absolute confidence. Our setups are engineered to withstand traffic spikes, coordinate automatic failovers, and guarantee persistent operations under any load conditions.",secOpts:[{title:"Continuous Security Audits",desc:"Rigorous dependency scans, secure token verification, and automated vulnerability monitoring."},{title:"Scale-On-Demand Operations",desc:"Configure serverless resources to auto-scale dynamically, avoiding system failures during peak traffic events."},{title:"Continuous CI/CD Delivery",desc:"Automated test integration pipelines that guarantee zero-downtime updates and rapid feature deployment."}]},T={archLabel:"BRAND BLUEPRINT",archTitle:"Identity Foundations.",archDesc:"A memorable brand is built on a clean architectural system. We define guidelines, spacing grids, and core visual palettes that scale consistently across physical and digital mediums.",archChecks:["Pixel-perfect geometry guidelines for brand marks.","Custom HSL and HEX color mappings across CMYK/RGB."],archLayers:[{label:"01 / Logo System",desc:"Crafting iconic marks, wordmarks, and responsive variations configured for dark mode and mobile contexts."},{label:"02 / Typography System",desc:"A tailored font hierarchy combining display and body families that ensure absolute visual balance."},{label:"03 / Guidelines Spec",desc:"A comprehensive digital guide establishing clear exclusion zones, layouts, and incorrect usage bounds."},{label:"04 / Packaging Tokens",desc:"Standardized vector files, grid dimensions, and material finishes optimized for high-end production."}],cycleLabel:"BRAND LIFECYCLE",cycleTitle:"From Vision to Recognition.",cyclePhases:[{num:"Phase 01",title:"Discovery & Strategy",desc:"We study target demographics, competitors, and map out the brand's unique positioning narrative."},{num:"Phase 02",title:"Creative Concepting",desc:"Brainstorming and developing contrasting moodboards, visual metaphors, and conceptual sketches."},{num:"Phase 03",title:"Refinement",desc:"Perfecting design geometry, curve structures, typography pairs, and optimizing readability at micro-scales."},{num:"Phase 04",title:"Asset Handover",desc:"Exporting raw assets, preparing guideline documents, and provisioning digital brand books."}],vitalsLabel:"DESIGN CONSISTENCY",vitalsTitle:"Engineered for Memory.",vitalsDesc:"We design brands with high recall in focus. A consistent visual system builds trust, anchors customer awareness, and raises sales rates.",vitalsStats:[{metric:"100%",label:"Visual Consistency Check",unit:"Score"},{metric:"+45%",label:"Audience Recall Metric",unit:"Average Growth"},{metric:"Vector",label:"Asset Deliverables format",unit:"100% SVG/EPS"},{metric:"150+",label:"Comprehensive Guidelines",unit:"Pages"}],secLabel:"LEGAL HANDOVER",secTitle:"Brand Security & Ownership.",secDesc:"Protect your brand. We coordinate strict trademark clearances and provide full source file coordinates so you own everything with no licensing complications.",secOpts:[{title:"Trademark Clearances",desc:"Assisting with database research checks to ensure logo concepts can be registered securely."},{title:"100% IP Handoff",desc:"Full ownership of source files, font files, and vectors transfers to your company immediately upon completion."},{title:"Digital Asset Libraries",desc:"Structured, cloud-hosted folders containing every asset in all web and print file configurations."}]},U={archLabel:"CAMPAIGN ANATOMY",archTitle:"High-Conversion Funnels.",archDesc:"Marketing isn't just about traffic; it is about architecture. We construct digital funnel layers that guide users from discovery straight to purchase.",archChecks:["Integrated analytics tracking pixels across key paths.","Decoupled landing pages that load in milliseconds."],archLayers:[{label:"01 / Ad Platforms",desc:"Precision-targeted campaigns on Google Search, Meta Ads, and LinkedIn to attract high-intent users."},{label:"02 / Landing Hubs",desc:"High-speed landing platforms optimized for conversion, containing zero layout shifts and direct CTAs."},{label:"03 / E-mail Funnels",desc:"Automated newsletters and drip campaigns that cultivate leads and lower cart abandonment rates."},{label:"04 / Attribution Tech",desc:"Advanced server-side tracking analytics that attribute conversions exactly to their origin source."}],cycleLabel:"CAMPAIGN LIFECYCLE",cycleTitle:"Agile Growth Operations.",cyclePhases:[{num:"Phase 01",title:"Target Auditing",desc:"Auditing competitor budgets, discovering target keywords, and setting initial ROI goals."},{num:"Phase 02",title:"Asset Preparation",desc:"Creating copy assets, landing page graphics, and structuring ad accounts and tracking schemas."},{num:"Phase 03",title:"Scale Deployment",desc:"Launching campaign variations, starting dynamic budget routing, and auditing impression share metrics."},{num:"Phase 04",title:"Audit & Optimize",desc:"Analyzing conversion data, running A/B tests on creative variations, and raising top-performing campaigns."}],vitalsLabel:"GROWTH METRICS",vitalsTitle:"ROI-Focused Delivery.",vitalsDesc:"We design marketing campaigns with returns in focus. Every ad spend dollar is measured, refined, and scaled to drive sustainable business revenue.",vitalsStats:[{metric:"+28%",label:"Conversion Lift average",unit:"growth"},{metric:"+140%",label:"Organic Search impressions",unit:"growth"},{metric:"-35%",label:"Acquisition Cost reduction",unit:"average"},{metric:"4.5x",label:"Return on Advertising Spend",unit:"ROAS target"}],secLabel:"COMPLIANCE & INTEGRITY",secTitle:"Secure Attributions.",secDesc:"Protect customer data. We implement GDPR-compliant consent structures and privacy-first cookies while maintaining precise conversion tracking metrics.",secOpts:[{title:"Privacy Compliance",desc:"Strictly aligning lead forms and tracking tags with local privacy guidelines (GDPR, CCPA)."},{title:"Cookieless Attribution",desc:"Leveraging Server-Side Conversion APIs to bypass browser tag blocks and track data securely."},{title:"Fraud Auditing",desc:"Active monitoring of click-fraud activity to block malicious bots and safeguard advertising budgets."}]},V={archLabel:"INTELLIGENT DESIGN",archTitle:"AI Agent Orchestration.",archDesc:"Replace manual latency with automation. We design systems that run on secure pipeline triggers, powered by Large Language Models.",archChecks:["Vector database embeddings for semantic document search.","Strict data sanitization pipelines for user inputs."],archLayers:[{label:"01 / LLM Engine",desc:"Configuring state-of-the-art models (Gemini, Claude, GPT) to perform specific classification and extraction."},{label:"02 / Vector Database",desc:"High-speed semantic search nodes storing your proprietary company docs for context-aware answers."},{label:"03 / Automation Hub",desc:"Decoupled logic nodes utilizing APIs, webhooks, and automation pipelines (Make, Zapier)."},{label:"04 / Guardrail Shield",desc:"A validation layer that filters prompt injection attempts, toxic text inputs, and hallucinated statements."}],cycleLabel:"SYSTEM LIFECYCLE",cycleTitle:"Deploying Automation.",cyclePhases:[{num:"Phase 01",title:"Workflow Analysis",desc:"Analyzing your current team workflows, bottlenecks, and mapping target automated solutions."},{num:"Phase 02",title:"API Mapping",desc:"Connecting software endpoints, building database connectors, and validating auth structures."},{num:"Phase 03",title:"Model Training",desc:"Optimizing prompts, building RAG architectures, and fine-tuning models on proprietary data."},{num:"Phase 04",title:"Scale Deployment",desc:"Running live sandboxed tests, setting up guardrails, and routing automated flows to production."}],vitalsLabel:"INTELLIGENT VITALS",vitalsTitle:"Autonomous Efficiency.",vitalsDesc:"We design AI pipelines to eliminate bottlenecks. Our automations execute in milliseconds and scale dynamically to handle thousands of requests.",vitalsStats:[{metric:"85%",label:"Average Process Automation",unit:"efficiency lift"},{metric:"-99%",label:"Data Entry Human Error",unit:"reduction"},{metric:"<400ms",label:"Model Response Latency",unit:"average"},{metric:"98%",label:"LLM Classification Accuracy",unit:"score"}],secLabel:"DATA SECURITY",secTitle:"Guardrails & Integrity.",secDesc:"Enterprise-grade data safety. We ensure your proprietary business data is never used to train public LLM models and resides in secure containers.",secOpts:[{title:"Private Data Pipelines",desc:"Every transaction, token query, and prompt is fully encrypted. No telemetry is shared with public LLMs."},{title:"Strict Prompt Guardrails",desc:"Injecting defensive validators that prevent context escapes, prompt injections, and data leaks."},{title:"Failover Fallbacks",desc:"Configuring automatic redundancy loops that trigger when an LLM provider encounters API timeouts."}]};function W({service:a}){let b=(a.faqs||[]).map((a,b)=>({id:(b+1).toString(),question:a.q,answer:a.a})),c=a.category||"",g=S;c.includes("brand")||c.includes("design")||c.includes("creative")?g=T:c.includes("marketing")||c.includes("growth")||c.includes("seo")||c.includes("advertising")||c.includes("digital-marketing")?g=U:(c.includes("automation")||c.includes("ai")||c.includes("chatbot"))&&(g=V);let[i,j]=(0,k.useState)("overview"),[u,v]=(0,k.useState)(!1),[w,x]=(0,k.useState)(0);return(0,d.jsxs)("div",{id:"service-content",className:"flex flex-col min-h-screen bg-[#09090b] text-white selection:bg-[#05A3FF]/30 font-sans",children:[(0,d.jsx)("div",{id:"sub-nav-trigger",className:"w-full h-px -mt-px pointer-events-none"}),(0,d.jsx)("div",{className:`sticky top-20 z-40 w-full transition-all duration-300 ${u?"bg-[#09090b]/80 backdrop-blur-md border-b border-white/10 shadow-lg":"bg-transparent border-b border-transparent"}`,children:(0,d.jsxs)("div",{className:"max-w-[90rem] mx-auto px-6 py-4 flex items-center justify-between text-xs font-bold uppercase tracking-widest text-zinc-500",children:[(0,d.jsx)("div",{className:"flex gap-8",children:[{id:"overview",label:"Overview"},{id:"interactive",label:"Interactive Widget"},{id:"blueprint",label:"Blueprint"},{id:"capabilities",label:"Capabilities"},{id:"portfolio",label:"Portfolio"},{id:"faqs",label:"FAQs"}].map(a=>(0,d.jsx)("a",{href:`#${a.id}`,onClick:b=>{b.preventDefault(),document.getElementById(a.id)?.scrollIntoView({behavior:"smooth"})},className:`transition-colors hover:text-white ${i===a.id?"text-[#05A3FF]":""}`,children:a.label},a.id))}),(0,d.jsx)(h(),{href:"/contact",className:"hidden sm:inline-flex bg-white hover:bg-zinc-200 text-black px-4 py-2 rounded-full font-bold uppercase tracking-wider text-[10px]",children:"Inquire Now"})]})}),(0,d.jsx)("section",{id:"overview",className:"py-32 px-[5%] border-b border-white/5 bg-black",children:(0,d.jsxs)("div",{className:"max-w-[90rem] mx-auto grid grid-cols-1 lg:grid-cols-12 gap-16 lg:gap-24 items-start",children:[(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"lg:col-span-6",children:[(0,d.jsxs)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-6 block",children:["About ",a.title]}),(0,d.jsxs)("h2",{className:"text-4xl md:text-6xl font-display font-bold leading-[1.1] tracking-tight",children:[a.longDescription.split(".")[0],"."]})]}),(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.2},className:"lg:col-span-6 text-xl text-zinc-400 font-light leading-relaxed pt-4 lg:pt-12",children:[(0,d.jsx)("p",{className:"mb-8",children:a.longDescription.split(".").slice(1).join(". ")}),(0,d.jsxs)("div",{className:"flex items-center gap-8 pt-8 border-t border-white/5",children:[(0,d.jsx)("div",{className:"flex -space-x-4",children:[1,2,3,4].map(a=>(0,d.jsx)("div",{className:"w-12 h-12 rounded-full border-2 border-black bg-zinc-800 overflow-hidden relative",children:(0,d.jsx)(r.default,{src:"/images/avatar-woman-professional.jpg",alt:"Team",fill:!0,className:"object-cover",referrerPolicy:"no-referrer"})},a))}),(0,d.jsxs)("div",{className:"text-sm",children:[(0,d.jsx)("div",{className:"flex items-center gap-1 text-yellow-500 mb-1",children:[1,2,3,4,5].map(a=>(0,d.jsx)(l.A,{className:"w-3 h-3 fill-current"},a))}),(0,d.jsx)("p",{className:"text-zinc-500 font-bold uppercase tracking-widest text-[10px]",children:"Trusted by 150+ brands"})]})]})]})]})}),(0,d.jsxs)("section",{className:"py-24 px-[5%] bg-[#09090b] border-b border-white/5 overflow-hidden relative",children:[(0,d.jsx)("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[400px] bg-[#05A3FF]/10 blur-[120px] rounded-full pointer-events-none"}),(0,d.jsxs)("div",{className:"max-w-[90rem] mx-auto relative z-10",children:[(0,d.jsxs)("div",{className:"text-center mb-16",children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-6 block",children:"See it in action"}),(0,d.jsxs)("h2",{className:"text-4xl md:text-6xl font-display font-bold tracking-tight",children:["Experience the ",(0,d.jsx)("span",{className:"italic font-serif font-light text-[#05A3FF]",children:"difference"}),"."]})]}),(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,y:40},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"relative aspect-video max-w-5xl mx-auto rounded-[2rem] overflow-hidden border border-white/10 shadow-2xl group cursor-pointer",children:[(0,d.jsx)(r.default,{src:"/images/workspace-laptop.jpg",alt:"Interactive Demo",fill:!0,className:"object-cover transition-transform duration-700 group-hover:scale-105",referrerPolicy:"no-referrer"}),(0,d.jsx)("div",{className:"absolute inset-0 bg-black/40 group-hover:bg-black/20 transition-colors duration-500"}),(0,d.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,d.jsx)("div",{className:"w-20 h-20 rounded-full bg-white/10 backdrop-blur-md border border-white/20 flex items-center justify-center text-white group-hover:scale-110 group-hover:bg-[#05A3FF] transition-all duration-300 shadow-2xl",children:(0,d.jsx)(m.A,{className:"w-8 h-8 ml-1"})})}),(0,d.jsx)("div",{className:"absolute bottom-0 left-0 right-0 p-6 bg-gradient-to-t from-black/80 to-transparent",children:(0,d.jsxs)("div",{className:"flex items-center gap-4",children:[(0,d.jsx)("div",{className:"w-3 h-3 rounded-full bg-red-500"}),(0,d.jsx)("div",{className:"w-3 h-3 rounded-full bg-yellow-500"}),(0,d.jsx)("div",{className:"w-3 h-3 rounded-full bg-green-500"}),(0,d.jsx)("div",{className:"h-2 w-32 bg-white/20 rounded-full ml-4"})]})})]})]})]}),(0,d.jsx)("section",{className:"py-24 md:py-32 px-[5%] bg-black border-b border-white/5",children:(0,d.jsx)("div",{className:"max-w-[90rem] mx-auto",children:(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,x:-20},whileInView:{opacity:1,x:0},viewport:{once:!0},className:"p-10 md:p-16 rounded-[2.5rem] bg-red-500/5 border border-red-500/10",children:[(0,d.jsxs)("div",{className:"flex items-center gap-4 mb-8",children:[(0,d.jsx)("div",{className:"w-12 h-12 rounded-full bg-red-500/10 flex items-center justify-center text-red-500",children:(0,d.jsx)(n.A,{className:"w-6 h-6"})}),(0,d.jsx)("h3",{className:"text-2xl font-bold text-red-500",children:"The Old Way"})]}),(0,d.jsx)("ul",{className:"space-y-6",children:["Guesswork and gut feelings driving decisions.","Siloed tools that don't communicate with each other.","Wasted ad spend on poorly targeted audiences.","Manual, time-consuming reporting and analysis."].map((a,b)=>(0,d.jsxs)("li",{className:"flex items-start gap-4 text-zinc-400",children:[(0,d.jsx)(n.A,{className:"w-5 h-5 text-red-500/50 shrink-0 mt-0.5"}),(0,d.jsx)("span",{children:a})]},b))})]}),(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,x:20},whileInView:{opacity:1,x:0},viewport:{once:!0},className:"p-10 md:p-16 rounded-[2.5rem] bg-[#05A3FF]/5 border border-[#05A3FF]/20 relative overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute top-0 right-0 w-64 h-64 bg-[#05A3FF]/10 blur-[80px] rounded-full pointer-events-none"}),(0,d.jsxs)("div",{className:"flex items-center gap-4 mb-8 relative z-10",children:[(0,d.jsx)("div",{className:"w-12 h-12 rounded-full bg-[#05A3FF] flex items-center justify-center text-white shadow-lg shadow-[#05A3FF]/20",children:(0,d.jsx)(o.A,{className:"w-6 h-6"})}),(0,d.jsx)("h3",{className:"text-2xl font-bold text-white",children:"The Amaris Brand Creation Way"})]}),(0,d.jsx)("ul",{className:"space-y-6 relative z-10",children:["Data-driven strategies backed by hard analytics.","Seamlessly integrated tech stack for unified insights.","Hyper-targeted campaigns maximizing every dollar.","Automated, real-time dashboards for total transparency."].map((a,b)=>(0,d.jsxs)("li",{className:"flex items-start gap-4 text-zinc-300",children:[(0,d.jsx)(o.A,{className:"w-5 h-5 text-[#05A3FF] shrink-0 mt-0.5"}),(0,d.jsx)("span",{children:a})]},b))})]})]})})}),a.authority&&(0,d.jsx)("section",{className:"py-32 px-[5%] bg-[#09090b] border-b border-white/5 overflow-hidden",children:(0,d.jsx)("div",{className:"max-w-[90rem] mx-auto",children:(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-20 items-center",children:[(0,d.jsxs)("div",{className:"lg:col-span-7",children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-8 block",children:"Authority & Recognition"}),(0,d.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-12",children:a.authority.badges.map((a,b)=>(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},transition:{delay:.1*b},className:"flex flex-col gap-2 p-8 rounded-3xl bg-[#171819] border border-white/5 hover:bg-white/[0.04] transition-all",children:[(0,d.jsx)("span",{className:"text-3xl font-bold text-white",children:a.name}),(0,d.jsx)("span",{className:"text-[10px] font-black uppercase tracking-[0.2em] text-zinc-500",children:a.count})]},b))})]}),(0,d.jsx)("div",{className:"lg:col-span-5 grid grid-cols-3 gap-8 lg:border-l border-white/10 lg:pl-20",children:a.authority.stats.map((a,b)=>(0,d.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,d.jsx)("div",{className:"text-4xl md:text-5xl font-black text-white",children:a.value}),(0,d.jsx)("div",{className:"text-[10px] font-black uppercase tracking-[0.2em] text-zinc-500",children:a.label})]},b))})]})})}),(0,d.jsx)("section",{className:"py-32 px-[5%] bg-black",children:(0,d.jsxs)("div",{className:"max-w-[90rem] mx-auto",children:[(0,d.jsxs)("div",{className:"flex flex-col md:flex-row justify-between items-end mb-24 gap-12",children:[(0,d.jsxs)("div",{className:"max-w-2xl",children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-6 block",children:"What we do"}),(0,d.jsxs)("h2",{className:"text-5xl md:text-7xl font-display font-bold tracking-tight leading-[1.1]",children:["Everything you need for ",(0,d.jsx)("span",{className:"italic font-serif font-light text-[#05A3FF]",children:"digital excellence"}),"."]})]}),(0,d.jsx)("p",{className:"text-xl text-zinc-400 font-light max-w-md mb-4",children:"We provide a full suite of services to ensure your brand stands out and scales effectively in the modern digital landscape."})]}),(0,d.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8",children:a.features.map((a,b)=>(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{delay:.1*b},viewport:{once:!0},className:"group p-10 rounded-[2.5rem] bg-[#171819] border border-white/5 hover:border-[#05A3FF]/30 hover:bg-white/[0.04] transition-all flex flex-col justify-between min-h-[320px]",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"w-14 h-14 rounded-2xl bg-[#171819] border border-[#05A3FF]/20 flex items-center justify-center text-[#05A3FF] mb-8 group-hover:bg-[#05A3FF] group-hover:text-white transition-all",children:(0,d.jsx)(p.A,{className:"w-6 h-6"})}),(0,d.jsx)("h3",{className:"text-2xl font-bold mb-4 group-hover:text-[#05A3FF] transition-colors",children:a.title}),(0,d.jsx)("p",{className:"text-zinc-400 text-sm leading-relaxed font-light",children:a.description})]}),(0,d.jsxs)("div",{className:"mt-8 pt-8 border-t border-white/5 flex items-center justify-between opacity-0 group-hover:opacity-100 transition-opacity",children:[(0,d.jsx)("span",{className:"text-[10px] font-black uppercase tracking-[0.2em] text-[#05A3FF]",children:"Explore Feature"}),(0,d.jsx)(f.A,{className:"w-4 h-4 text-[#05A3FF]"})]})]},b))})]})}),(0,d.jsx)("div",{id:"interactive",children:(0,d.jsx)(B,{category:c})}),a.checklist&&(0,d.jsx)("section",{id:"capabilities",className:"py-32 px-[5%] bg-[#09090b]",children:(0,d.jsx)("div",{className:"max-w-[90rem] mx-auto",children:(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-20 items-center",children:[(0,d.jsxs)("div",{className:"lg:col-span-7 space-y-12",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-6 block",children:"Our Capabilities"}),(0,d.jsxs)("h2",{className:"text-5xl md:text-7xl font-display font-bold tracking-tight",children:["What we ",(0,d.jsx)("span",{className:"italic font-serif font-light text-[#05A3FF]",children:"deliver"}),"."]})]}),(0,d.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-6",children:a.checklist.map((a,b)=>(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,x:-10},whileInView:{opacity:1,x:0},transition:{delay:.05*b},viewport:{once:!0},className:"flex items-center gap-4 p-6 bg-[#171819] rounded-2xl border border-white/5 hover:border-white/10 transition-all group",children:[(0,d.jsx)("div",{className:"w-8 h-8 rounded-full bg-[#05A3FF]/10 border border-[#05A3FF]/20 flex items-center justify-center text-[#05A3FF] group-hover:bg-[#05A3FF] group-hover:text-white transition-all",children:(0,d.jsx)(o.A,{className:"w-4 h-4"})}),(0,d.jsx)("span",{className:"font-medium text-zinc-300 group-hover:text-white transition-colors",children:a})]},b))})]}),(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,scale:.95},whileInView:{opacity:1,scale:1},viewport:{once:!0},className:"lg:col-span-5 bg-white text-black p-12 md:p-16 rounded-[3rem] relative overflow-hidden group shadow-2xl shadow-white/10",children:[(0,d.jsx)("div",{className:"absolute top-0 right-0 w-64 h-64 bg-[#05A3FF]/5 blur-[100px] rounded-full -mr-32 -mt-32"}),(0,d.jsx)(q.A,{className:"w-12 h-12 mb-10 text-black/20 group-hover:scale-110 transition-transform",style:{color:"#888888"}}),(0,d.jsx)("h3",{className:"text-4xl font-display font-bold mb-8 leading-tight",style:{color:"#464646"},children:"Ready to build something extraordinary?"}),(0,d.jsx)("p",{className:"text-black/60 mb-12 text-xl font-light",style:{fontStyle:"italic",fontFamily:"Arial"},children:"Partner with us to architect scalable, cinematic digital experiences that set you apart from the competition."}),(0,d.jsxs)(h(),{href:"/contact",className:"inline-flex items-center gap-4 bg-black text-white px-12 py-6 rounded-full font-bold text-lg hover:gap-8 transition-all group/btn",children:["Start a Project",(0,d.jsx)(f.A,{className:"w-6 h-6 group-hover/btn:translate-x-2 transition-transform"})]})]})]})})}),(0,d.jsxs)("div",{id:"blueprint",children:[(0,d.jsxs)("section",{className:"py-32 px-[5%] bg-[#050506] border-t border-white/5 relative overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute top-1/2 left-0 w-[400px] h-[400px] bg-[#05A3FF]/5 blur-[120px] rounded-full pointer-events-none"}),(0,d.jsx)("div",{className:"max-w-[90rem] mx-auto",children:(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-16 items-center",children:[(0,d.jsxs)("div",{className:"lg:col-span-5 space-y-6",children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] block",children:g.archLabel}),(0,d.jsx)("h3",{className:"text-4xl md:text-5xl font-display font-bold leading-tight",children:g.archTitle}),(0,d.jsx)("p",{className:"text-zinc-400 text-lg leading-relaxed font-light",children:g.archDesc}),(0,d.jsx)("div",{className:"space-y-4 pt-4",children:g.archChecks.map((a,b)=>(0,d.jsxs)("div",{className:"flex gap-4",children:[(0,d.jsx)("div",{className:"w-6 h-6 rounded-full bg-[#05A3FF]/10 flex items-center justify-center text-[#05A3FF] shrink-0",children:"✔"}),(0,d.jsx)("p",{className:"text-zinc-300 text-sm",children:a})]},b))})]}),(0,d.jsx)("div",{className:"lg:col-span-7 grid grid-cols-1 sm:grid-cols-2 gap-6",children:g.archLayers.map((a,b)=>(0,d.jsxs)("div",{className:"p-8 rounded-[2rem] bg-[#171819] border border-white/5 hover:border-[#05A3FF]/20 transition-all",children:[(0,d.jsx)("h4",{className:"font-bold text-lg mb-3 text-white",children:a.label}),(0,d.jsx)("p",{className:"text-zinc-400 text-sm leading-relaxed font-light",children:a.desc})]},b))})]})})]}),(0,d.jsx)("section",{className:"py-32 px-[5%] bg-black border-t border-white/5 relative overflow-hidden",children:(0,d.jsxs)("div",{className:"max-w-[90rem] mx-auto text-left",children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-6 block",children:g.cycleLabel}),(0,d.jsx)("h3",{className:"text-4xl md:text-6xl font-display font-bold mb-16",children:g.cycleTitle}),(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-12 items-start",children:[(0,d.jsx)("div",{className:"lg:col-span-4 flex flex-col gap-4",children:g.cyclePhases.map((a,b)=>{let c=w===b;return(0,d.jsxs)("button",{onClick:()=>x(b),className:`p-6 rounded-2xl border text-left transition-all ${c?"border-[#05A3FF] bg-[#05A3FF]/5 text-white":"border-white/5 bg-[#171819]/50 text-zinc-400 hover:border-white/10"}`,children:[(0,d.jsx)("span",{className:"text-[10px] font-black tracking-widest uppercase block mb-1",children:a.num}),(0,d.jsx)("h4",{className:"text-lg font-bold",children:a.title})]},b)})}),(0,d.jsxs)("div",{className:"lg:col-span-8 p-12 rounded-[2.5rem] bg-[#171819] border border-[#05A3FF]/10 relative overflow-hidden min-h-[300px] flex flex-col justify-between",children:[(0,d.jsx)("div",{className:"absolute top-0 right-0 w-64 h-64 bg-[#05A3FF]/5 blur-[80px] rounded-full pointer-events-none"}),(0,d.jsxs)("div",{children:[(0,d.jsxs)("span",{className:"text-[#05A3FF] text-[10px] font-mono tracking-widest uppercase block mb-4",children:["Stage Details (",g.cyclePhases[w].num,")"]}),(0,d.jsx)("h4",{className:"text-3xl font-display font-bold text-white mb-6",children:g.cyclePhases[w].title}),(0,d.jsx)("p",{className:"text-zinc-300 text-lg leading-relaxed font-light",children:g.cyclePhases[w].desc})]}),(0,d.jsxs)("div",{className:"mt-8 pt-8 border-t border-white/5 flex items-center justify-between text-[10px] font-black tracking-widest uppercase text-zinc-500",children:[(0,d.jsx)("span",{children:"Phase Deliverable: Handover Handoff"}),(0,d.jsx)("span",{className:"text-[#05A3FF]",children:"Sprint Mode Active"})]})]})]})]})}),(0,d.jsxs)("section",{className:"py-32 px-[5%] bg-[#09090b] border-t border-white/5 relative overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute bottom-0 right-0 w-[300px] h-[300px] bg-[#05A3FF]/5 blur-[100px] rounded-full pointer-events-none"}),(0,d.jsx)("div",{className:"max-w-[90rem] mx-auto",children:(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-16 items-center",children:[(0,d.jsx)("div",{className:"lg:col-span-7 grid grid-cols-2 md:grid-cols-4 gap-6",children:g.vitalsStats.map((a,b)=>(0,d.jsxs)("div",{className:"p-6 rounded-2xl bg-black border border-white/5 flex flex-col justify-between items-center text-center h-[160px]",children:[(0,d.jsx)("span",{className:"text-4xl font-extrabold text-[#05A3FF] font-mono mt-4",children:a.metric}),(0,d.jsxs)("div",{children:[(0,d.jsx)("h5",{className:"text-[10px] font-bold uppercase tracking-wider text-white",children:a.label}),(0,d.jsx)("p",{className:"text-[8px] tracking-[0.2em] font-black uppercase text-zinc-500 mt-1",children:a.unit})]})]},b))}),(0,d.jsxs)("div",{className:"lg:col-span-5 space-y-6",children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] block",children:g.vitalsLabel}),(0,d.jsx)("h3",{className:"text-4xl md:text-5xl font-display font-bold leading-tight",children:g.vitalsTitle}),(0,d.jsx)("p",{className:"text-zinc-400 text-lg leading-relaxed font-light",children:g.vitalsDesc})]})]})})]}),(0,d.jsx)("section",{className:"py-32 px-[5%] bg-black border-t border-white/5 relative overflow-hidden",children:(0,d.jsx)("div",{className:"max-w-[90rem] mx-auto",children:(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-16 items-center",children:[(0,d.jsxs)("div",{className:"lg:col-span-6 space-y-6",children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] block",children:g.secLabel}),(0,d.jsx)("h3",{className:"text-4xl md:text-5xl font-display font-bold leading-tight",children:g.secTitle}),(0,d.jsx)("p",{className:"text-zinc-400 text-lg leading-relaxed font-light",children:g.secDesc})]}),(0,d.jsx)("div",{className:"lg:col-span-6 space-y-6",children:g.secOpts.map((a,b)=>(0,d.jsxs)("div",{className:"flex gap-6 p-6 rounded-[2rem] bg-[#171819] border border-white/5 hover:border-purple-500/30 transition-all",children:[(0,d.jsx)("div",{className:"w-12 h-12 rounded-xl bg-purple-500/10 flex items-center justify-center text-purple-400 font-bold shrink-0",children:b+1}),(0,d.jsxs)("div",{children:[(0,d.jsx)("h4",{className:"font-bold text-white mb-1",children:a.title}),(0,d.jsx)("p",{className:"text-zinc-400 text-sm leading-relaxed font-light",children:a.desc})]})]},b))})]})})})]}),(0,d.jsx)(I,{category:c}),(0,d.jsxs)("div",{id:"portfolio",children:[a.featuredWork&&(0,d.jsx)("section",{className:"py-32 px-[5%] bg-black",children:(0,d.jsxs)("div",{className:"max-w-[90rem] mx-auto",children:[(0,d.jsxs)("div",{className:"flex flex-col md:flex-row justify-between items-end mb-24 gap-12",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-6 block",children:"Portfolio"}),(0,d.jsxs)("h2",{className:"text-5xl md:text-7xl font-display font-bold tracking-tight",children:["Featured ",(0,d.jsx)("span",{className:"italic font-serif font-light text-[#05A3FF]",children:"Projects"}),"."]})]}),(0,d.jsxs)(h(),{href:"/portfolio",className:"group flex items-center gap-4 text-sm font-black uppercase tracking-[0.2em] text-white hover:text-[#05A3FF] transition-all",children:["View all work",(0,d.jsx)("div",{className:"w-10 h-10 rounded-full border border-white/10 flex items-center justify-center group-hover:bg-white group-hover:text-black transition-all",children:(0,d.jsx)(f.A,{className:"w-4 h-4"})})]})]}),(0,d.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-12",children:a.featuredWork.map((a,b)=>(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{delay:.1*b},className:"group cursor-pointer",children:[(0,d.jsxs)("div",{className:"aspect-[4/5] bg-zinc-900 rounded-[2.5rem] overflow-hidden mb-8 relative shadow-2xl border border-white/5",children:[(0,d.jsx)(r.default,{src:"/images/workspace-laptop.jpg",alt:a.title,fill:!0,className:"object-cover transition-transform duration-700 group-hover:scale-110",referrerPolicy:"no-referrer"}),(0,d.jsx)("div",{className:"absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center backdrop-blur-sm",children:(0,d.jsx)("span",{className:"bg-white text-black px-8 py-4 rounded-full font-bold text-sm uppercase tracking-widest",children:"View Case Study"})})]}),(0,d.jsxs)("div",{className:"flex justify-between items-start px-4",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("h4",{className:"text-2xl font-bold mb-2 group-hover:text-[#05A3FF] transition-colors",children:a.title}),(0,d.jsx)("p",{className:"text-[10px] font-black uppercase tracking-[0.3em] text-zinc-500",children:a.category})]}),(0,d.jsx)("span",{className:"text-xs font-black text-zinc-600 tracking-widest",children:a.year})]})]},b))})]})}),a.comparison&&(0,d.jsx)("section",{className:"py-32 px-[5%] bg-[#09090b]",children:(0,d.jsxs)("div",{className:"max-w-[90rem] mx-auto",children:[(0,d.jsxs)("div",{className:"text-center mb-24",children:[(0,d.jsx)("span",{className:"text-[#05A3FF] text-[10px] font-black uppercase tracking-[0.4em] mb-6 block",children:"The Edge"}),(0,d.jsxs)("h2",{className:"text-5xl md:text-7xl font-display font-bold tracking-tight",children:["Amaris Brand Creation vs. ",(0,d.jsx)("span",{className:"italic font-serif font-light text-[#05A3FF]",children:"Others"}),"."]})]}),(0,d.jsx)("div",{className:"max-w-5xl mx-auto bg-[#171819] rounded-[3rem] p-1 border border-white/5 overflow-hidden shadow-2xl",children:(0,d.jsxs)("table",{className:"w-full text-left border-collapse",children:[(0,d.jsx)("thead",{children:(0,d.jsxs)("tr",{className:"border-b border-white/5 bg-[#171819]",children:[(0,d.jsx)("th",{className:"px-12 py-10 text-[10px] font-black uppercase tracking-[0.3em] text-zinc-500",children:"Feature"}),(0,d.jsx)("th",{className:"px-12 py-10 text-[10px] font-black uppercase tracking-[0.3em] text-zinc-500",children:"Standard Agency"}),(0,d.jsx)("th",{className:"px-12 py-10 text-[10px] font-black uppercase tracking-[0.3em] text-[#05A3FF]",children:"The Amaris Brand Creation Way"})]})}),(0,d.jsx)("tbody",{className:"text-lg",children:a.comparison.map((a,b)=>(0,d.jsxs)("tr",{className:"border-b border-white/5 group hover:bg-white/[0.01] transition-colors",children:[(0,d.jsx)("td",{className:"px-12 py-10 font-bold text-white",children:a.feature}),(0,d.jsx)("td",{className:"px-12 py-10 text-zinc-500 font-light",children:a.others}),(0,d.jsx)("td",{className:"px-12 py-10 bg-[#05A3FF]/5 font-bold text-[#05A3FF] italic",children:a.amaris})]},b))})]})})]})})]}),(0,d.jsx)(R,{category:c}),(0,d.jsx)("div",{id:"faqs",children:a.faqs&&(0,d.jsx)(s.A,{heading:"Frequently Asked Questions",subheading:`Everything you need to know about our ${a.title} services.`,faqs:b})}),a.testimonial&&(0,d.jsx)("section",{className:"py-40 px-[5%] bg-[#09090b] overflow-hidden border-t border-white/5",children:(0,d.jsx)("div",{className:"max-w-5xl mx-auto",children:(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,scale:.95},whileInView:{opacity:1,scale:1},viewport:{once:!0},className:"relative p-16 md:p-32 rounded-[5rem] bg-[#171819] border border-white/5 text-center shadow-2xl",children:[(0,d.jsx)("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 w-24 h-24 bg-white rounded-3xl flex items-center justify-center text-black text-6xl font-display italic shadow-2xl",children:'"'}),(0,d.jsx)("blockquote",{className:"font-display text-3xl md:text-5xl font-medium leading-[1.3] text-white mb-16 italic",children:a.testimonial.quote}),(0,d.jsxs)("cite",{className:"not-italic",children:[(0,d.jsx)("span",{className:"block text-2xl font-bold text-white mb-2 uppercase tracking-tight",children:a.testimonial.author}),(0,d.jsx)("span",{className:"text-[#05A3FF] uppercase tracking-[0.4em] text-[10px] font-black italic",children:a.testimonial.role})]})]})})}),(0,d.jsx)(t.A,{})]})}function X({service:a,category:b}){return(0,d.jsxs)("div",{className:"flex flex-col min-h-screen bg-[#09090b] text-white selection:bg-[#05A3FF]/30 font-sans",children:[(0,d.jsx)(j,{title:a.title,subtitle:a.description,description:a.longDescription.split(".")[0]+".",backLink:"/services",backLabel:"Back to Services",category:b}),(0,d.jsx)(W,{service:a})]})}},99336:(a,b,c)=>{"use strict";c.d(b,{A:()=>k});var d=c(49552),e=c(1641),f=c(84163),g=c(28352),h=c(52795),i=c.n(h),j=c(21947);function k(){return(0,d.jsxs)("section",{className:"px-[5%] pb-24 pt-8 bg-[#050506] relative overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[350px] bg-gradient-to-r from-[#05A3FF]/10 to-purple-500/10 blur-[130px] rounded-full pointer-events-none"}),(0,d.jsx)("div",{className:"max-w-[90rem] mx-auto",children:(0,d.jsx)(j.A,{backgroundColor:"#0b0b0c",borderRadius:48,colors:["#05A3FF","#822dd3","#f472b6"],glowRadius:150,children:(0,d.jsxs)(e.PY1.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"p-12 md:p-24 rounded-[3rem] text-center flex flex-col items-center relative overflow-hidden bg-[#0b0b0c] border border-white/5 shadow-2xl group",children:[(0,d.jsx)("div",{className:"absolute inset-0 opacity-10 group-hover:opacity-20 transition-opacity duration-700 pointer-events-none",children:(0,d.jsxs)("svg",{className:"w-full h-full",viewBox:"0 0 100 100",preserveAspectRatio:"none",children:[(0,d.jsx)("defs",{children:(0,d.jsx)("pattern",{id:"cta-grid",width:"10",height:"10",patternUnits:"userSpaceOnUse",children:(0,d.jsx)("path",{d:"M 10 0 L 0 0 0 10",fill:"none",stroke:"rgba(255,255,255,0.15)",strokeWidth:"0.1"})})}),(0,d.jsx)("rect",{width:"100",height:"100",fill:"url(#cta-grid)"})]})}),(0,d.jsx)("div",{className:"absolute top-0 right-0 w-[350px] h-[350px] bg-[#05A3FF]/10 blur-[90px] rounded-full -mr-32 -mt-32 pointer-events-none"}),(0,d.jsx)("div",{className:"absolute bottom-0 left-0 w-[250px] h-[250px] bg-purple-500/5 blur-[70px] rounded-full -ml-24 -mb-24 pointer-events-none"}),(0,d.jsxs)("div",{className:"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-white/5 border border-white/10 backdrop-blur-md mb-8 relative z-10",children:[(0,d.jsx)(f.A,{className:"w-3.5 h-3.5 text-[#05A3FF] animate-pulse"}),(0,d.jsx)("span",{className:"text-white text-[9px] font-black uppercase tracking-[0.3em] font-sans",children:"NEXT STEPS"})]}),(0,d.jsxs)("h2",{className:"font-sans text-5xl md:text-8xl font-black tracking-tight mb-12 leading-[1.0] text-white max-w-4xl relative z-10",children:["Let's create ",(0,d.jsx)("br",{}),"something ",(0,d.jsx)("span",{className:"text-[#05A3FF] italic font-serif font-light bg-gradient-to-r from-[#05A3FF] to-purple-400 bg-clip-text text-transparent",children:"iconic"}),"."]}),(0,d.jsxs)(i(),{href:"/contact",className:"group relative inline-flex items-center gap-6 bg-white text-black px-12 py-5 rounded-full text-lg md:text-xl font-bold hover:scale-105 transition-all duration-300 shadow-2xl hover:shadow-[#05A3FF]/20 relative z-10 overflow-hidden",children:[(0,d.jsx)("div",{className:"absolute inset-0 w-full h-full bg-gradient-to-r from-transparent via-white/40 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-out"}),(0,d.jsx)("span",{className:"relative z-10",children:"Start Your Journey"}),(0,d.jsx)("div",{className:"w-10 h-10 rounded-full bg-black text-white flex items-center justify-center group-hover:translate-x-2 transition-transform duration-300 relative z-10 shrink-0",children:(0,d.jsx)(g.A,{className:"w-5 h-5"})})]})]})})})]})}}};