https://nacif.software/assets/ServicesSection-CG0d0wQg.js

1import{j as e,S as s,C as n,I as r,B as o}from"./index-BtUekdkm.js";import{S as a}from"./SectionIntro-D9RuuB1X.js";import"./react-tfQ9UB6H.js";const i={id:"services",title:"From building your first product to scaling your engineering team",description:"MVPs, web apps, web3 apps, internal systems, product platforms, and AI-enabled workflows, built by senior engineers who integrate with your team.",cta:"Not sure which model fits? Let's figure it out together.",action:{href:"https://calendar.notion.so/meet/ricardonacif/book-a-call",label:"Book a call"},items:[{icon:"terminal",iconFilled:!0,title:"Product Development",description:"End-to-end development from discovery to launch, prioritizing clean code and scalable architecture."},{icon:"groups",iconFilled:!0,title:"Engineering Pods",description:"Specialized, multi-functional teams that work as an extension of your own department."},{icon:"person_add",iconFilled:!0,title:"Embedded Engineers",description:"Individual senior specialists who plug directly into your current sprint cycles and meetings."},{icon:"psychology",iconFilled:!0,title:"AI Integration",description:"Modernizing workflows with LLMs and custom AI solutions that deliver tangible business value."}]},c=`
2.service-grid {
3  display: grid;
4  gap: 24px;
5  grid-template-columns: repeat(4, minmax(0, 1fr));
6}
7.service-card {
8  background: var(--surface);
9  border: 1px solid var(--ghost-border);
10  border-radius: var(--radius-lg);
11  padding: 32px;
12  box-shadow: none;
13  transition: box-shadow 500ms ease;
14  display: flex;
15  flex-direction: column;
16  gap: 18px;
17}
18.service-card:hover {
19  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.06);
20}
21.service-card__icon {
22  width: 48px;
23  height: 48px;
24  border-radius: var(--radius-sm);
25  display: inline-flex;
26  align-items: center;
27  justify-content: center;
28  background: var(--accent-soft);
29  color: var(--accent);
30  margin-bottom: 8px;
31}
32.service-card__symbol {
33  width: 1.5rem;
34  height: 1.5rem;
35  color: var(--accent);
36}
37.service-card h3 {
38  margin: 0;
39  font-size: 1.25rem;
40  font-weight: 700;
41}
42.service-card p {
43  font-size: 0.875rem;
44  line-height: 1.625;
45  color: var(--text-muted);
46}
47.section-cta {
48  margin-top: 64px;
49  display: flex;
50  flex-direction: column;
51  align-items: center;
52  justify-content: center;
53  gap: 24px;
54  text-align: center;
55}
56.section-cta p {
57  margin: 0;
58  font-family: "Space Grotesk", sans-serif;
59  text-transform: uppercase;
60  letter-spacing: 0.2em;
61  font-size: 0.875rem;
62  color: var(--text-muted);
63}
64@media (max-width: 1024px) {
65  .service-grid {
66    grid-template-columns: 1fr;
67  }
68}
69`;function m(){return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:c}),e.jsx(s,{className:"surface surface--muted",id:i.id,children:e.jsxs(n,{children:[e.jsx(a,{title:i.title,description:i.description}),e.jsx("div",{className:"service-grid",children:i.items.map(t=>e.jsxs("article",{className:"service-card",children:[e.jsx("div",{className:"service-card__icon",children:e.jsx(r,{name:t.icon,className:"service-card__symbol"})}),e.jsx("h3",{children:t.title}),e.jsx("p",{children:t.description})]},t.title))}),e.jsxs("div",{className:"section-cta",children:[e.jsx("p",{children:i.cta}),e.jsxs(o,{href:i.action.href,tone:"ghost",children:[i.action.label,e.jsx(r,{name:"arrow_forward",className:"button__icon button__icon--leading"})]})]})]})})]})}export{m as ServicesSection};