1import{j as e,L as d}from"./index-DBlru7FH.js";import{u as n,B as p,h as c,C as x,G as u}from"./GlobalLayout-Gp8Ccc6A.js";import{A as o}from"./arrow-right-Ck8g_zKM.js";import{C as l}from"./circle-check-C0MGre1O.js";import{m as t}from"./proxy-CSV1d8pg.js";import{B as b}from"./briefcase-BcQ7KBLq.js";import{T as g}from"./trending-up-CrSwhlYv.js";import{R as j}from"./rocket-DrI9r50o.js";import{B as v}from"./boxes-CpV6TLRp.js";import{S as h}from"./shield-DIoX0aCr.js";import{T as f}from"./target-BXV2TeT2.js";import{C as y}from"./clock-Cq6ShnXg.js";import{c as m}from"./createLucideIcon-CAaIArH-.js";import{R as N,I as k,T as w,C as z}from"./index-BMwybaWX.js";import"./sparkles-DWUDvgV-.js";/** 2 * @license lucide-react v0.487.0 - ISC 3 * 4 * This source code is licensed under the ISC license. 5 * See the LICENSE file in the root directory of this source tree. 6 */const S=[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"m19 9-5 5-4-4-3 3",key:"2osh9i"}]],P=m("chart-line",S);/** 7 * @license lucide-react v0.487.0 - ISC 8 * 9 * This source code is licensed under the ISC license. 10 * See the LICENSE file in the root directory of this source tree. 11 */const A=[["path",{d:"m11 17 2 2a1 1 0 1 0 3-3",key:"efffak"}],["path",{d:"m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4",key:"9pr0kb"}],["path",{d:"m21 3 1 11h-2",key:"1tisrp"}],["path",{d:"M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3",key:"1uvwmv"}],["path",{d:"M3 4h8",key:"1ep09j"}]],C=m("handshake",A);function I(){const r=n();return e.jsxs("section",{className:"pt-36 pb-28 sm:pt-44 sm:pb-36 lg:pt-56 lg:pb-44 relative overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.018]",style:{backgroundImage:` 12 linear-gradient(to right, rgba(124, 58, 237, 0.6) 1px, transparent 1px), 13 linear-gradient(to bottom, rgba(124, 58, 237, 0.6) 1px, transparent 1px) 14 `,backgroundSize:"160px 160px"}}),e.jsx("div",{className:"absolute left-0 right-0 top-[40%] h-px bg-gradient-to-r from-transparent via-primary/[0.06] to-transparent"}),e.jsx("div",{className:"absolute left-0 right-0 bottom-[35%] h-px bg-gradient-to-r from-transparent via-primary/[0.04] to-transparent"}),e.jsx("div",{className:"absolute top-[45%] right-[30%] w-[600px] h-[400px] bg-primary/[0.012] blur-[140px]"})]}),e.jsx("div",{className:"container mx-auto px-4 sm:px-6 lg:px-12 relative",children:e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsxs(t.div,{className:"inline-flex items-center gap-3 text-[11px] text-muted-foreground/55 border border-border/20 rounded-full px-4 py-2 backdrop-blur-sm font-medium tracking-[0.14em] uppercase mb-10 sm:mb-14",initial:{opacity:0,y:-10},animate:{opacity:1,y:0},transition:{duration:.7,ease:[.22,1,.36,1]},children:[e.jsx("div",{className:"w-1.5 h-1.5 bg-primary rounded-full animate-pulse"}),e.jsx("span",{children:"O nama"})]}),e.jsxs(t.h1,{className:"text-[clamp(2.25rem,8.5vw,6rem)] font-bold leading-[1.06] tracking-[-0.022em] mb-10 sm:mb-14",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.9,delay:.1,ease:[.22,1,.36,1]},children:[e.jsx("span",{className:"text-primary",children:"Syntax"})," je digitalna firma"," ",e.jsx("br",{className:"hidden sm:block"}),"koja spaja"," ",e.jsx("span",{className:"text-primary",children:"web, growth,"}),e.jsx("br",{className:"hidden sm:block"}),"automatizaciju"," ",e.jsx("span",{className:"text-primary",children:"i razvoj softvera"})," ","u jedan sistem."]}),e.jsx(t.p,{className:"text-[1.0625rem] sm:text-[1.3125rem] lg:text-[1.5rem] text-muted-foreground/68 leading-[1.72] max-w-[56rem] mb-14 sm:mb-20",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.9,delay:.2,ease:[.22,1,.36,1]},children:"Pomažemo firmama da izgledaju ozbiljnije, budu vidljivije i dobijaju viÅ¡e konkretnih upita â kroz strateÅ¡ki dizajn, kvalitetan development i jasno postavljene digitalne tokove."}),e.jsx(t.div,{className:"flex flex-col sm:flex-row gap-4 sm:gap-5 mb-16 sm:mb-24",initial:{opacity:0,y:20}
14,animate:{opacity:1,y:0},transition:{duration:.9,delay:.3,ease:[.22,1,.36,1]},children:e.jsxs("button",{onClick:r,className:"group bg-primary text-primary-foreground px-10 sm:px-12 py-4 sm:py-5 rounded-lg hover:bg-primary/90 transition-all hover:shadow-2xl hover:shadow-primary/20 flex items-center justify-center gap-3 relative overflow-hidden text-[15px] sm:text-base font-semibold",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent translate-x-[-200%] group-hover:translate-x-[200%] transition-transform duration-700"}),e.jsx("span",{className:"relative",children:"Zatraži konsultacije"}),e.jsx(o,{className:"w-[18px] h-[18px] group-hover:translate-x-1 transition-transform relative"})]})}),e.jsx(t.div,{className:"flex flex-col sm:flex-row sm:flex-wrap gap-6 sm:gap-14 pt-10 sm:pt-14 border-t border-border/8",initial:{opacity:0},animate:{opacity:1},transition:{duration:.9,delay:.4},children:["Jasna strategija i proces","Premium UI/UX + engineering",'Fokus na rezultat, ne na "Å¡minku"'].map(a=>e.jsxs("div",{className:"flex items-center gap-3 text-[13px] sm:text-[14px] text-muted-foreground/58",children:[e.jsx(l,{className:"w-[16px] h-[16px] text-primary/55 flex-shrink-0"}),e.jsx("span",{children:a})]},a))})]})})]})}function D(){return e.jsxs("section",{className:"py-36 sm:py-48 lg:py-64 relative overflow-hidden bg-gradient-to-b from-background to-card/15",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.012]",style:{backgroundImage:` 15 linear-gradient(to right, rgba(124, 58, 237, 0.6) 1px, transparent 1px), 16 linear-gradient(to bottom, rgba(124, 58, 237, 0.6) 1px, transparent 1px) 17 `,backgroundSize:"140px 140px"}}),e.jsx("div",{className:"absolute left-0 right-0 top-[45%] h-px bg-gradient-to-r from-transparent via-primary/[0.06] to-transparent"}),e.jsx("div",{className:"absolute top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 w-[700px] h-[500px] bg-primary/[0.015] blur-[160px]"})]}),e.jsx("div",{className:"container mx-auto px-4 sm:px-6 lg:px-12 relative",children:e.jsxs("div",{className:"max-w-5xl mx-auto text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2.5 text-[11px] text-primary/55 border border-primary/18 rounded-full px-4 py-2 mb-12 sm:mb-16 font-medium tracking-[0.14em] uppercase backdrop-blur-sm",children:[e.jsx("div",{className:"w-1 h-1 bg-primary rounded-full"}),"NaÅ¡ fokus"]}),e.jsxs("h2",{className:"text-[clamp(2.25rem,7.5vw,5.5rem)] font-bold leading-[1.04] tracking-[-0.02em] mb-12 sm:mb-16",children:["Ne gradimo samo"," ",e.jsx("span",{className:"text-primary",children:"web stranice"}),"."," ",e.jsx("br",{className:"hidden sm:block"}),"Gradimo"," ",e.jsx("span",{className:"text-primary",children:"digitalne sisteme"}),"."]}),e.jsxs("div",{className:"max-w-4xl mx-auto space-y-8 sm:space-y-10",children:[e.jsx("p",{className:"text-[1.125rem] sm:text-[1.375rem] text-muted-foreground/70 leading-[1.72]",children:"Syntax nije generiÄka web agencija. Mi pristupamo projektima kroz prizmu poslovnih ciljeva, jasne logike i izvrÅ¡enja."}),e.jsx("p",{className:"text-[1.125rem] sm:text-[1.375rem] text-muted-foreground/70 leading-[1.72]",children:'Spajamo web, marketing, automatizaciju i razvoj softvera u jedan povezan sistem â jer to je jedini naÄin da digitalno prisustvo zaista radi posao umjesto da bude samo "online broÅ¡ura".'}),e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-4 gap-8 sm:gap-10 pt-12 sm:pt-16",children:[{label:"Poslovni ciljevi",desc:"Ne poÄinjemo od dizajna, nego od cilja"},{label:"JasnoÄa",desc:"Jednostavan jezik i struktura"},{label:"IzvrÅ¡enje",desc:"Kvalitetna tehnika i stabilnost"},{label:"Povezani sistemi",desc:"Web + growth + automatizacija"}].map(r=>e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"inline-flex items-center justify-center w-14 h-14 rounded-lg bg-gradient-to-br from-primary to-violet-600 mb-5",children:e.jsx("div",{className:"w-2 h-2 bg-white rounded-full"})}
17),e.jsx("div",{className:"font-bold text-foreground/90 mb-2 text-[15px]",children:r.label}),e.jsx("div",{className:"text-sm text-muted-foreground/60 leading-[1.6]",children:r.desc})]},r.label))})]})]})})]})}function R(){const r=[{title:"Sistem prije alata",description:"Prvo logika i proces, pa tehnologija. Alat je sredstvo, ne cilj."},{title:"Jasan put do upita",description:"UX i CRO nisu dodatak, nego osnova. Dizajn mora voditi do akcije."},{title:"Kvalitetna izvedba",description:"Brzina, stabilnost i održivost. TehniÄka kvaliteta nije opciona."},{title:"Marketing i development zajedno",description:'Nema "svako vuÄe na svoju stranu". Rade kao jedan tim sa jednim ciljem.'},{title:"Mjerljiv napredak",description:'Optimizacija kroz vrijeme, ne jednokratno "gotovo". PraÄenje i poboljÅ¡anje.'},{title:"Premium dojam",description:"Ozbiljan nastup gradi povjerenje. Estetika je dio poslovne strategije."}];return e.jsxs("section",{className:"py-36 sm:py-48 lg:py-64 relative overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.01]",style:{backgroundImage:` 18 linear-gradient(to right, rgba(124, 58, 237, 0.6) 1px, transparent 1px), 19 linear-gradient(to bottom, rgba(124, 58, 237, 0.6) 1px, transparent 1px) 20 `,backgroundSize:"120px 120px"}}),e.jsx("div",{className:"absolute left-0 right-0 bottom-[40%] h-px bg-gradient-to-r from-transparent via-primary/[0.05] to-transparent"})]}),e.jsx("div",{className:"container mx-auto px-4 sm:px-6 lg:px-12 relative",children:e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsxs("div",{className:"mb-20 sm:mb-28 text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2.5 text-[11px] text-primary/55 border border-primary/18 rounded-full px-4 py-2 mb-10 sm:mb-12 font-medium tracking-[0.14em] uppercase backdrop-blur-sm",children:[e.jsx("div",{className:"w-1 h-1 bg-primary rounded-full"}),"Principi"]}),e.jsxs("h2",{className:"text-[clamp(2.125rem,7vw,4.75rem)] font-bold leading-[1.04] tracking-[-0.012em] max-w-5xl mx-auto",children:["Kako radimo"," ",e.jsx("span",{className:"text-primary",children:"i zaÅ¡to"})," ","to donosi"," ",e.jsx("span",{className:"text-primary",children:"bolji rezultat"})]})]}),e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-8 sm:gap-10",children:r.map((a,i)=>e.jsxs("div",{className:"group relative bg-gradient-to-br from-card/65 to-card/35 backdrop-blur-xl border border-border/28 rounded-xl sm:rounded-2xl p-8 sm:p-10 hover:border-primary/22 transition-all duration-500",children:[e.jsx("div",{className:"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary/12 to-transparent"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/[0.025] group-hover:to-violet-600/[0.015] transition-all duration-500 rounded-xl sm:rounded-2xl"}),e.jsxs("div",{className:"relative space-y-5",children:[e.jsx("div",{className:"inline-flex items-center justify-center w-12 h-12 rounded-lg bg-gradient-to-br from-primary to-violet-600 group-hover:scale-105 transition-transform",children:e.jsx(l,{className:"w-6 h-6 text-white"})}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h3",{className:"text-xl sm:text-2xl font-bold leading-[1.28]",children:a.title}),e.jsx("p",{className:"text-muted-foreground/66 leading-[1.75] text-[15px]",children:a.description})]})]})]},i))})]})})]})}function T(){const r=[{group:"Web",description:"Premium web stranice, landing pages, redizajn i web prodavnice sa fokusom na conversion i brand.",links:[{to:"/izrada-web-stranica",label:"Web stranice"},{to:"/izrada-landing-page",label:"Landing pages"},{to:"/web-redizajn",label:"Redizajn"},{to:"/izrada-web-prodavnice",label:"Web prodavnice"}]},{group:"Growth",description:"Organsko pozicioniranje (SEO) i paid kampanje (Google Ads, Meta Ads) za viÅ¡e kvalitetnih upita.",links:[{to:"/seo-usluge",label:"SEO"},{to:"/google-ads-usluge",label:"Google Ads"},{to:"/meta-ads-usluge",label:"Meta Ads"}]},{group:"Systems",description:"Automatizacija poslovnih procesa â smanjenje manual
20nog rada i poveÄanje efikasnosti.",links:[{to:"/automatizacija-poslovanja",label:"Automatizacija"}]},{group:"Software",description:"Custom softver, web aplikacije, mobilne aplikacije i portali â za složenije digitalne proizvode.",links:[{to:"/izrada-softvera-po-mjeri",label:"Softver po mjeri"},{to:"/izrada-web-aplikacije",label:"Web aplikacije"},{to:"/izrada-mobilne-aplikacije",label:"Mobilne aplikacije"},{to:"/izrada-web-portala",label:"Web portali"}]}];return e.jsxs("section",{className:"py-36 sm:py-48 lg:py-64 relative overflow-hidden bg-gradient-to-b from-card/15 to-background",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.01]",style:{backgroundImage:` 21 linear-gradient(to right, rgba(124, 58, 237, 0.6) 1px, transparent 1px), 22 linear-gradient(to bottom, rgba(124, 58, 237, 0.6) 1px, transparent 1px) 23 `,backgroundSize:"120px 120px"}}),e.jsx("div",{className:"absolute left-0 right-0 top-[35%] h-px bg-gradient-to-r from-transparent via-primary/[0.05] to-transparent"})]}),e.jsx("div",{className:"container mx-auto px-4 sm:px-6 lg:px-12 relative",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsxs("div",{className:"mb-20 sm:mb-28 text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2.5 text-[11px] text-primary/55 border border-primary/18 rounded-full px-4 py-2 mb-10 sm:mb-12 font-medium tracking-[0.14em] uppercase backdrop-blur-sm",children:[e.jsx("div",{className:"w-1 h-1 bg-primary rounded-full"}),"Usluge"]}),e.jsxs("h2",{className:"text-[clamp(2.125rem,7vw,4.75rem)] font-bold leading-[1.04] tracking-[-0.012em]",children:["Å ta ",e.jsx("span",{className:"text-primary",children:"Syntax"})," radi"]})]}),e.jsx("div",{className:"grid md:grid-cols-2 gap-8 sm:gap-10",children:r.map(a=>e.jsxs("div",{className:"group relative bg-gradient-to-br from-card/70 to-card/40 backdrop-blur-xl border border-border/30 rounded-xl sm:rounded-2xl p-8 sm:p-10 hover:border-primary/22 transition-all duration-500",children:[e.jsx("div",{className:"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary/12 to-transparent"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/[0.03] group-hover:to-violet-600/[0.02] transition-all duration-500 rounded-xl sm:rounded-2xl"}),e.jsxs("div",{className:"relative space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-gradient-to-br from-primary to-violet-600 flex items-center justify-center",children:e.jsx("div",{className:"w-2 h-2 bg-white rounded-full"})}),e.jsx("h3",{className:"text-2xl sm:text-3xl font-bold",children:a.group})]}),e.jsx("p",{className:"text-muted-foreground/68 leading-[1.75] text-[15px]",children:a.description}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-2",children:a.links.map(i=>e.jsxs(d,{to:i.to,className:"inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-background/50 border border-border/25 text-sm font-medium text-foreground/85 hover:bg-primary/5 hover:border-primary/30 hover:text-primary transition-all",children:[e.jsx("span",{children:i.label}),e.jsx(o,{className:"w-3.5 h-3.5"})]},i.to))})]})]},a.group))})]})})]})}function O(){const r=[{number:"01",title:"Uvodni razgovor",description:"Razumijemo cilj i kontekst â Å¡to želite postiÄi i gdje ste trenutno."},{number:"02",title:"Procjena i plan",description:"Predložimo najpametniji sljedeÄi korak â koje rjeÅ¡enje ima smisla i zaÅ¡to."},{number:"03",title:"Isporuka u fazama",description:"Dizajn, development, optimizacija (po potrebi) â postepeno i kontrolisano."},{number:"04",title:"Testiranje i lansiranje",description:"Stabilnost i performanse prije live â provjeravamo da sve radi kako treba."},{number:"05",title:"Dalji razvoj",description:"Optimizacije, scale i podrÅ¡ka â praÄenje i kontinuirano poboljÅ¡anje."}];return e.jsxs("section",{className:"py-36 sm:py-48 lg:py-64 relative overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.01]",style:{backgroundImage:` 24 linear-gradient(to right, rgba(124, 58, 237, 0.6) 1px, transparent 1px), 25 linear-gradient(to bottom, rgba(124, 58, 237, 0.6) 1px, transparent 1px) 26 `,backgroundSize:"120px 120px"}}),e.jsx("div",{className:"absolute left-0 right-0 bottom-[40%] h-px bg-gradient-to-r from-transparent via-primary/[0.05] to-transparent"})]}),e.jsx("div",{className:"container mx-auto px-4 sm:px-6 lg:px-12 relative",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsxs("div",{className:"mb-20 sm:mb-28 text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2.5 text-[11px] text-primary/55 border border-primary/18 rounded-full px-4 py-2 mb-10 sm:mb-12 font-medium tracking-[0.14em] uppercase backdrop-blur-sm",children:[e.jsx("div",{className:"w-1 h-1 bg-primary rounded-full"}),"Proces saradnje"]}),e.jsxs("h2",{className:"text-[clamp(2.125rem,7vw,4.75rem)] font-bold leading-[1.04] tracking-[-0.012em] max-w-4xl mx-auto",children:["Kako izgleda"," ",e.jsx("span",{className:"text-primary",children:"saradnja"})," ","sa Syntaxom"]})]}),e.jsx("div",{className:"space-y-8 sm:space-y-10",children:r.map((a,i)=>e.jsxs("div",{className:"flex flex-col md:flex-row gap-6 sm:gap-8",children:[e.jsx("div",{className:"flex-shrink-0",children:e.jsx("div",{className:"inline-flex items-center justify-center w-16 h-16 rounded-xl bg-gradient-to-br from-primary to-violet-600",children:e.jsx("span",{className:"text-2xl font-bold text-white",children:a.number})})}),e.jsxs("div",{className:"flex-1 group relative bg-gradient-to-br from-card/65 to-card/35 backdrop-blur-xl border border-border/28 rounded-xl sm:rounded-2xl p-6 sm:p-8 hover:border-primary/22 transition-all duration-500",children:[e.jsx("div",{className:"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary/12 to-transparent"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/[0.025] group-hover:to-violet-600/[0.015] transition-all duration-500 rounded-xl sm:rounded-2xl"}),e.jsxs("div",{className:"relative space-y-3",children:[e.jsx("h3",{className:"text-xl sm:text-2xl font-bold leading-[1.28]",children:a.title}
26),e.jsx("p",{className:"text-muted-foreground/66 leading-[1.75] text-[15px]",children:a.description})]})]})]},i))})]})})]})}function M(){const r=[{icon:p,type:"Klinike i poliklinike",reason:"Trebaju premium web, booking sistem i SEO za lokalno privlaÄenje pacijenata."},{icon:c,type:"Nekretnine i investitori",reason:"Trebaju ozbiljan web nastup, lead generation i automatizaciju upita."},{icon:b,type:"Servisne firme i B2B kompanije",reason:"Trebaju jasno pozicioniranje, kredibilitet i conversion-focus na upit."},{icon:g,type:"Brendovi orijentisani na prodaju",reason:"Trebaju web prodavnice, marketing kampanje i mjerljive rezultate."},{icon:j,type:"Kompanije u fazi rasta",reason:'Trebaju skalabilan sistem koji može rasti sa firmom â ne samo "basic web".'},{icon:v,type:"Timovi kojima trebaju web, growth i automatizacija",reason:"Žele jedan partner umjesto viÅ¡e agencija koje ne komuniciraju."}];return e.jsxs("section",{className:"py-36 sm:py-48 lg:py-64 relative overflow-hidden bg-gradient-to-b from-background to-card/15",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.01]",style:{backgroundImage:` 27 linear-gradient(to right, rgba(124, 58, 237, 0.6) 1px, transparent 1px), 28 linear-gradient(to bottom, rgba(124, 58, 237, 0.6) 1px, transparent 1px) 29 `,backgroundSize:"120px 120px"}}),e.jsx("div",{className:"absolute left-0 right-0 top-[35%] h-px bg-gradient-to-r from-transparent via-primary/[0.05] to-transparent"})]}),e.jsx("div",{className:"container mx-auto px-4 sm:px-6 lg:px-12 relative",children:e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsxs("div",{className:"mb-20 sm:mb-28 text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2.5 text-[11px] text-primary/55 border border-primary/18 rounded-full px-4 py-2 mb-10 sm:mb-12 font-medium tracking-[0.14em] uppercase backdrop-blur-sm",children:[e.jsx("div",{className:"w-1 h-1 bg-primary rounded-full"}),"Idealni klijenti"]}),e.jsxs("h2",{className:"text-[clamp(2.125rem,7vw,4.75rem)] font-bold leading-[1.04] tracking-[-0.012em] max-w-4xl mx-auto",children:["Za koga je"," ",e.jsx("span",{className:"text-primary",children:"Syntax"})," ","najbolji fit"]})]}),e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-8 sm:gap-10",children:r.map((a,i)=>{const s=a.icon;return e.jsxs("div",{className:"group relative bg-gradient-to-br from-card/65 to-card/35 backdrop-blur-xl border border-border/28 rounded-xl sm:rounded-2xl p-8 sm:p-9 hover:border-primary/22 transition-all duration-500",children:[e.jsx("div",{className:"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary/12 to-transparent"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/[0.025] group-hover:to-violet-600/[0.015] transition-all duration-500 rounded-xl sm:rounded-2xl"}),e.jsxs("div",{className:"relative space-y-5",children:[e.jsx("div",{className:"inline-flex items-center justify-center w-12 h-12 rounded-lg bg-gradient-to-br from-primary to-violet-600 group-hover:scale-105 transition-transform",children:e.jsx(s,{className:"w-6 h-6 text-white"})}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h3",{className:"text-lg sm:text-xl font-bold leading-[1.3]",children:a.type}),e.jsx("p",{className:"text-muted-foreground/66 leading-[1.75] text-[14px]",children:a.reason})]})]})]},i)})})]})})]})}function B(){const r=[{icon:h,title:"Jasna komunikacija i proces",description:'Bez zbunjujuÄeg žargona ili neodreÄenih "možda". Znate Å¡ta se deÅ¡ava i zaÅ¡to.'},{icon:f,title:"Fokus na kvalitet",description:"Ne radimo nekvalitetno, jeftino ili brzo-brzo. Radimo dobro i održivo."},{icon:y,title:"DugoroÄna održivost rjeÅ¡enja",description:"Gradimo sisteme koji mogu rasti i skalirati, ne jednokratne projekte koji se raspadnu."},{icon:P,title:"Rezultat i mjerljivost",description:"Pratimo performanse, optimizujemo i fokusiramo se na stvarne poslovne metrike."},{icon:C,title:"Partnerstvo, ne jednokratna isporuka",description:'Ne "radimo web pa odlazimo". Dostupni smo za optimizacije i dalji razvoj.'}];return e.jsxs("section",{className:"py-36 sm:py-48 lg:py-64 relative overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.01]",style:{backgroundImage:` 30 linear-gradient(to right, rgba(124, 58, 237, 0.6) 1px, transparent 1px), 31 linear-gradient(to bottom, rgba(124, 58, 237, 0.6) 1px, transparent 1px) 32 `,backgroundSize:"120px 120px"}}),e.jsx("div",{className:"absolute left-0 right-0 top-[40%] h-px bg-gradient-to-r from-transparent via-primary/[0.05] to-transparent"})]}),e.jsx("div",{className:"container mx-auto px-4 sm:px-6 lg:px-12 relative",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsxs("div",{className:"mb-20 sm:mb-28 text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2.5 text-[11px] text-primary/55 border border-primary/18 rounded-full px-4 py-2 mb-10 sm:mb-12 font-medium tracking-[0.14em] uppercase backdrop-blur-sm",children:[e.jsx("div",{className:"w-1 h-1 bg-primary rounded-full"}),"Povjerenje"]}),e.jsxs("h2",{className:"text-[clamp(2.125rem,7vw,4.75rem)] font-bold leading-[1.04] tracking-[-0.012em]",children:["ZaÅ¡to nam firme"," ",e.jsx("span",{className:"text-primary",children:"vjeruju"})]})]}),e.jsx("div",{className:"grid md:grid-cols-2 gap-8 sm:gap-10",children:r.map((a,i)=>{const s=a.icon;return e.jsxs("div",{className:"group relative bg-gradient-to-br from-card/70 to-card/40 backdrop-blur-xl border border-border/30 rounded-xl sm:rounded-2xl p-8 sm:p-10 hover:border-primary/22 transition-all duration-500",children:[e.jsx("div",{className:"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary/12 to-transparent"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-primary/0 to-primary/0 group-hover:from-primary/[0.03] group-hover:to-violet-600/[0.02] transition-all duration-500 rounded-xl sm:rounded-2xl"}),e.jsxs("div",{className:"relative flex gap-6",children:[e.jsx("div",{className:"flex-shrink-0",children:e.jsx("div",{className:"inline-flex items-center justify-center w-14 h-14 roun
32ded-xl bg-gradient-to-br from-primary to-violet-600 group-hover:scale-105 transition-transform",children:e.jsx(s,{className:"w-7 h-7 text-white"})})}),e.jsxs("div",{className:"space-y-3 flex-1",children:[e.jsx("h3",{className:"text-xl sm:text-2xl font-bold leading-[1.28]",children:a.title}),e.jsx("p",{className:"text-muted-foreground/66 leading-[1.75] text-[15px]",children:a.description})]})]})]},i)})}),e.jsx("div",{className:"mt-20 sm:mt-28 text-center",children:e.jsx("p",{className:"text-[1.0625rem] sm:text-[1.1875rem] text-muted-foreground/68 leading-[1.72] max-w-3xl mx-auto",children:"Ne radimo sa svima. Radimo sa firmama koje žele ozbiljan digitalni sistem i razumiju da kvalitet zahtijeva vrijeme i budžet."})})]})})]})}function U(){const r=[{question:"Da li radite internacionalno?",answer:"Da. Radimo sa klijentima iz cijelog regiona i Å¡ire â komunikacija ide online, sve se može organizovati remote. Jezik nije prepreka."},{question:"Da li radite projekte u fazama (MVP â iteracije)?",answer:"Da, to je naÅ¡ preferirani naÄin rada. PoÄinjemo sa najpametnjim MVP-om (minimum viable product), lansiramo brzo, pa nastavljamo sa iteracijama i optimizacijama na osnovu povratnih informacija i podataka."},{question:"Da li radite i dizajn i development?",answer:"Da. Radimo kompletno â UX/UI dizajn, frontend development, backend development, integracije, SEO, marketing kampanje i automatizaciju. Sve pod jednim krovom."},{question:"Da li možete preuzeti postojeÄi projekat i nastaviti rad?",answer:"Da. Äesto radimo na projektima koji su zapoÄeti sa drugim developerom ili agencijom. Prvo radimo code review i procjenu stanja, pa predlažemo plan kako nastaviti â refactor, redizajn ili nastavak sa postojeÄim sistemom."},{question:"Koji je najbolji prvi korak ako nisam siguran Å¡ta mi treba?",answer:'Zakaži kratak poziv (15â30 min). OpiÅ¡eÅ¡ problem ili cilj, mi postavimo pitanja, pa predložimo najpametniji sljedeÄi korak â Äesto to nije "novi web", nego optimizacija postojeÄeg, SEO, ili automatizacija. Prvi poziv je besplatan.'}];return e.jsxs("section",{className:"py-36 sm:py-48 lg:py-64 relative overflow-hidden bg-gradient-to-b from-card/15 to-background",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.01]",style:{backgroundImage:` 33 linear-gradient(to right, rgba(124, 58, 237, 0.6) 1px, transparent 1px), 34 linear-gradient(to bottom, rgba(124, 58, 237, 0.6) 1px, transparent 1px) 35 `,backgroundSize:"120px 120px"}}),e.jsx("div",{className:"absolute left-0 right-0 top-[35%] h-px bg-gradient-to-r from-transparent via-primary/[0.05] to-transparent"})]}),e.jsx("div",{className:"container mx-auto px-4 sm:px-6 lg:px-12 relative",children:e.jsxs("div",{className:"max-w-4xl mx-auto",children:[e.jsxs("div",{className:"mb-20 sm:mb-28 text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2.5 text-[11px] text-primary/55 border border-primary/18 rounded-full px-4 py-2 mb-10 sm:mb-12 font-medium tracking-[0.14em] uppercase backdrop-blur-sm",children:[e.jsx("div",{className:"w-1 h-1 bg-primary rounded-full"}),"Pitanja"]}),e.jsxs("h2",{className:"text-[clamp(2.125rem,7vw,4.75rem)] font-bold leading-[1.04] tracking-[-0.012em]",children:["Äesto postavljena"," ",e.jsx("span",{className:"text-primary",children:"pitanja"})]})]}),e.jsx(N,{type:"single",collapsible:!0,className:"space-y-4 sm:space-y-5",children:r.map((a,i)=>e.jsxs(k,{value:`item-${i}`,className:"group relative bg-gradient-to-br from-card/60 to-card/30 backdrop-blur-xl border border-border/25 rounded-xl overflow-hidden hover:border-primary/20 transition-all duration-500",children:[e.jsx("div",{className:"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary/10 to-transparent"}),e.jsxs(w,{className:"w-full flex items-center justify-between gap-6 p-7 sm:p-8 text-left group/trigger",children:[e.jsx("span",{className:"text-base sm:text-lg font-bold leading-[1.4] group-hover/trigger:text-primary transition-colors",children:a.question}),e.jsx(x,{className:"w-5 h-5 text-primary/60 flex-shrink-0 transition-transform duration-300 group-data-[state=open]:rotate-180"})]}),e.jsx(z,{className:"overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",children:e.jsx("div",{className:"px-7 sm:px-8 pb-7 sm:pb-8 pt-0",children:e.jsx("p",{className:"text-[15px] text-muted-foreground
35/68 leading-[1.75] max-w-2xl",children:a.answer})})})]},i))})]})})]})}function E(){const r=n();return e.jsxs("section",{className:"py-36 sm:py-48 lg:py-64 relative overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.015]",style:{backgroundImage:` 36 linear-gradient(to right, rgba(124, 58, 237, 0.6) 1px, transparent 1px), 37 linear-gradient(to bottom, rgba(124, 58, 237, 0.6) 1px, transparent 1px) 38 `,backgroundSize:"140px 140px"}}),e.jsx("div",{className:"absolute left-0 right-0 top-[45%] h-px bg-gradient-to-r from-transparent via-primary/[0.08] to-transparent"}),e.jsx("div",{className:"absolute top-[50%] left-[50%] -translate-x-1/2 -translate-y-1/2 w-[700px] h-[500px] bg-primary/[0.015] blur-[160px]"})]}),e.jsx("div",{className:"container mx-auto px-4 sm:px-6 lg:px-12 relative",children:e.jsx("div",{className:"max-w-5xl mx-auto",children:e.jsxs("div",{className:"relative bg-gradient-to-br from-card/70 to-card/40 backdrop-blur-xl border border-border/30 rounded-2xl sm:rounded-3xl p-12 sm:p-16 lg:p-20 text-center",children:[e.jsx("div",{className:"absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary/15 to-transparent"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-primary/[0.03] to-violet-600/[0.02] rounded-2xl sm:rounded-3xl"}),e.jsxs("div",{className:"relative space-y-10 sm:space-y-12",children:[e.jsxs("div",{className:"inline-flex items-center gap-2.5 text-[11px] text-primary/60 border border-primary/20 rounded-full px-4 py-2 font-medium tracking-[0.14em] uppercase backdrop-blur-sm",children:[e.jsx("div",{className:"w-1.5 h-1.5 bg-primary rounded-full animate-pulse"}),"Spremni za ozbiljniji digitalni sistem?"]}),e.jsxs("h2",{className:"text-[clamp(2rem,6.5vw,4.5rem)] font-bold leading-[1.08] tracking-[-0.018em] max-w-4xl mx-auto",children:["Ako želiÅ¡"," ",e.jsx("span",{className:"text-primary",children:"ozbiljniji"})," ","digitalni nastup"," ",e.jsx("br",{className:"hidden sm:block"}),"i sistem koji"," ",e.jsx("span",{className:"text-primary",children:"radi posao"})," ","â"," ",e.jsx("br",{className:"hidden sm:block"}),"hajde da priÄamo."]}),e.jsx("p",{className:"text-[1.0625rem] sm:text-[1.1875rem] text-muted-foreground/68 leading-[1.72] max-w-3xl mx-auto",children:"Dobit ÄeÅ¡ konkretan razgovor o tome Å¡ta ima smisla graditi prvo i kako postaviti zdrav temelj za rast."}),e.jsx("div",{className:"flex flex-col sm:flex-row gap-4 sm:gap-5 justify-center pt-4",children:e.jsxs("button",{onClick:r,className:"group bg-primary text-primary-foreground px-10 sm:px-12 py-4 sm:py-5 rounded-lg hover:bg-primary/90 transition-all hover:shadow-2xl hover:shadow-primary/20 flex items-center justify-center gap-3 relative overflow-hidden text-[15px] sm:text-base font-semibold",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent translate-x-[-200%] group-hover:translate-x-[200%] transition-transform duration-700"}),e.jsx("span",{className:"relative",children:"Zatraži konsultacije"}),e.jsx(o,{className:"w-[18px] h-[18px] group-hover:translate-x-1 transition-transform relative"})]})})]})]})})})]})}function ee(){return e.jsx(u,{children:e.jsx("div",{className:"min-h-screen bg-background text-foreground",children:e.jsxs("main",{children:[e.jsx(I,{}),e.jsx(D,{}),e.jsx(R,{}),e.jsx(T,{}),e.jsx(O,{}),e.jsx(M,{}),e.jsx(B,{}),e.jsx(U,{}),e.jsx(E,{})]})})})}export{ee as ONama,ee as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.