PageSourceSearch

https://ronaldstolk.nl/assets/Development-DL2FWr-1.js

js ronaldstolk.nl collected 2026-10-04 07:30:38 UTC 8,480 bytes, 1 lines download raw bytes

1import{r,j as e,m as s}from"./vendor-B5DssOfd.js";import{u,S as g,E as l,U as h,r as b,R as v,P as f}from"./index-DkvNy9W1.js";import{u as j}from"./i18n-uURfBduE.js";function d(t){const i=`${t.first_name??""} ${t.last_name??""}`.trim();return i||(t.company_name?t.company_name:(t.username||"").split("@")[0])}function _(){const{t,i18n:i}=j(),{currentSite:y}=u(),[c,p]=r.useState([]),[m,o]=r.useState(!0);r.useEffect(()=>{fetch("https://api.rstcc.net/api/users/rstcc-developers/").then(a=>a.ok?a.json():[]).then(a=>{Array.isArray(a)&&p(a),o(!1)}).catch(()=>o(!1))},[]);const x=[{id:"discovery",icon:"search"},{id:"design",icon:"draw"},{id:"build",icon:"code"},{id:"qa",icon:"verified"},{id:"launch",icon:"rocket_launch"},{id:"support",icon:"support_agent"}];return e.jsxs("div",{className:"bg-background min-h-screen transition-colors duration-500 overflow-x-hidden pt-20",children:[e.jsx(g,{title:"Software & App Development | RSTCC",description:"Premium software development, web applications, and mobile apps. From start to finish, or as consultancy for your existing projects."}),e.jsxs("section",{className:"relative py-24 md:py-32 px-6 md:px-12 lg:px-24 min-h-[70vh] flex flex-col justify-center overflow-hidden",children:[e.jsxs(l,{page:"rstcc/development",section:"hero",className:"absolute inset-0 overflow-hidden",fallback:e.jsx("video",{className:"absolute inset-0 w-full h-full object-cover grayscale opacity-20 dark:opacity-30",src:"/videos/consultancy/consultancy_runner.mp4",autoPlay:!0,loop:!0,muted:!0,playsInline:!0}),children:[e.jsx("div",{className:"absolute inset-0 pointer-events-none bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:40px_40px]"}),e.jsx("div",{className:"absolute inset-0 pointer-events-none bg-gradient-to-b from-background via-transparent to-background"})]}),e.jsxs("div",{className:"relative z-10 max-w-[1920px] mx-auto text-left",children:[e.jsxs(s.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.8},className:"mb-8 flex items-center space-x-4",children:[e.jsx("span",{className:"h-[2px] w-12 bg-primary"}),e.jsx("span",{className:"uppercase tracking-[0.4em] text-primary font-bold text-xs lg:text-sm",children:"Software & App Development"})]}),e.jsxs(s.h1,{initial:{opacity:0,x:-50},animate:{opacity:1,x:0},transition:{duration:.8,delay:.2},className:"text-4xl md:text-6xl lg:text-8xl font-black tracking-tighter uppercase mb-12 text-on-surface leading-tight max-w-6xl",children:[e.jsx("span",{className:"text-[#31689B] dark:text-[#F07E32]",children:"CRAFTING "}),"DIGITAL EXCELLENCE"]}),e.jsx(s.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:.4},className:"space-y-6 mb-12",children:e.jsx("p",{className:"text-xl md:text-2xl text-on-surface-variant font-medium max-w-3xl leading-relaxed italic opacity-80",children:"Van simpele websites tot complete webapplicaties en mobiele apps. Wij bouwen van top tot teen, maar bieden ook consultancy als u al een andere bouwer heeft en begeleiding zoekt bij het proces."})})]})]}),e.jsxs("section",{className:"relative overflow-hidden py-24 px-6 md:px-12 lg:px-24 bg-surface-container-lowest",children:[e.jsx(l,{page:"rstcc/development",section:"expertise",controlsClassName:"top-6 right-6",className:"absolute inset-0 z-0",fallback:null}),e.jsx("div",{className:"max-w-[1920px] mx-auto relative z-10",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-24 items-center",children:[e.jsxs(s.div,{initial:{opacity:0,x:-30},whileInView:{opacity:1,x:0},viewport:{once:!0},className:"space-y-8",children:[e.jsxs("h2",{className:"text-4xl md:text-6xl font-black tracking-tighter uppercase italic leading-tight",children:["ONZE ",e.jsx("span",{className:"text-primary",children:"AANPAK"})]}),e.jsxs("div",{className:"space-y-6 text-xl text-on-surface-variant font-light leading-relaxed",children:[e.jsx("p",{children:"Wij geloven in een holistische benadering van softwareontwikkeling. Het gaat niet alleen om code, maar om het bouwen van systemen die waarde toevoegen aan uw organisatie. Of we nu vanaf nul beginnen of een bestaand team begeleiden, kwaliteit en performance staan voorop."}),e.jsxs("p",{children:["Onze methodiek is geworteld in de principes van ",e.jsx("strong",{children:"Marginal Gains"}),": elke interactie, elke regel code en elke pixel telt. We werken in korte iteraties, met directe feedbackloops, zodat we snel kunnen schakelen en het eindproduct perfect aansluit bij de behoeften van de gebruiker."]}
1),e.jsx("p",{children:"Als consultants fungeren we als de brug tussen techniek en business. We begeleiden uw interne team of externe bouwer om ervoor te zorgen dat de architectuur toekomstbestendig is en de codekwaliteit gewaarborgd blijft."})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("span",{className:"material-symbols-outlined text-primary",children:"check_circle"}),e.jsx("span",{className:"font-bold uppercase tracking-widest text-sm",children:"Full-Stack Development"})]}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("span",{className:"material-symbols-outlined text-primary",children:"check_circle"}),e.jsx("span",{className:"font-bold uppercase tracking-widest text-sm",children:"Cloud Native Architecture"})]}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("span",{className:"material-symbols-outlined text-primary",children:"check_circle"}),e.jsx("span",{className:"font-bold uppercase tracking-widest text-sm",children:"Performance Engineering"})]})]})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-8",children:x.map((a,n)=>e.jsxs(s.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:n*.1},className:"p-8 bg-surface-container rounded-3xl border border-outline-variant/10 group hover:border-primary/50 transition-all",children:[e.jsx("span",{className:"material-symbols-outlined text-4xl text-primary mb-4 group-hover:scale-110 transition-transform",children:a.icon}),e.jsx("h3",{className:"text-xl font-black uppercase tracking-tight mb-2",children:t(`development.approach.steps.${a.id}.title`,a.id.toUpperCase())}),e.jsx("p",{className:"text-sm text-on-surface-variant opacity-70",children:t(`development.approach.steps.${a.id}.desc`,"Omschrijving van deze stap in ons proces.")})]},a.id))})]})})]}),e.jsxs("section",{className:"relative overflow-hidden py-24 px-6 md:px-12 lg:px-24",children:[e.jsx(l,{page:"rstcc/development",section:"team",controlsClassName:"top-6 right-6",className:"absolute inset-0 z-0",fallback:null}),e.jsxs("div",{className:"max-w-[1920px] mx-auto relative z-10",children:[e.jsxs("div",{className:"mb-16 text-center",children:[e.jsxs("h2",{className:"text-4xl md:text-6xl font-black tracking-tighter uppercase italic mb-4",children:["DEVELOPERS & ",e.jsx("span",{className:"text-primary",children:"CONSULTANTS"})]}),e.jsx("p",{className:"text-on-surface-variant font-medium opacity-60 uppercase tracking-widest text-xs",children:"Het brein achter de code"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:m?[1,2,3].map(a=>e.jsx("div",{className:"h-64 bg-surface-container rounded-3xl animate-pulse"},a)):c.length>0?c.map((a,n)=>e.jsxs(s.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:n*.1},className:"group p-8 bg-surface-container rounded-3xl border border-outline-variant/10 hover:border-primary/40 transition-all flex items-center gap-6",children:[e.jsx(h,{src:b(a.rstcc_profile_image,a.profile_image),firstName:a.first_name,lastName:a.last_name,name:d(a),className:"w-20 h-20 rounded-full border-2 border-primary/20 flex-shrink-0 grayscale group-hover:grayscale-0 transition-all"}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-black uppercase tracking-tight",children:d(a)}),e.jsx("p",{className:"text-primary font-bold uppercase tracking-widest text-[10px]",children:a.rstcc_function||a.function||((a.role||"").toLowerCase().includes("consultant")?"Consultant":"Developer")})]})]},a.id)):e.jsx("div",{className:"col-span-full py-12 text-center opacity-40 italic",children:"Geen actieve developers of consultants gevonden op dit moment."})})]})]}),e.jsx(v,{bgPage:"rstcc/development",bgSection:"projecten"}),e.jsx(f,{bgPage:"rstcc/development",bgSection:"partners"})]})}export{_ 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.