<!DOCTYPE html>

<head>

<title>sops.people — The Hub for HR, People & Talent Leaders in Barcelona</title>

<style>

:root { --purple-deep:#4B2D8F; --purple-mid:#7B5EA7; --purple-light:#C9B8E8; --purple-pale:#EDE7F6; --purple-ghost:#F7F4FD; --cream:#FDFCFF; --dark:#1A1225; --text:#2D2040; --muted:#8B7BA8; }

* { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior:smooth; }

body { font-family:'DM Sans',sans-serif; background:var(--cream); color:var(--text); overflow-x:hidden; }

/* LANG TOGGLE */

.lang-toggle { display:flex; background:var(--purple-pale); border-radius:100px; padding:3px; border:1px solid var(--purple-light); }

.lang-btn { background:none; border:none; border-radius:100px; padding:0.3rem 0.9rem; font-family:'DM Sans',sans-serif; font-size:0.75rem; font-weight:500; letter-spacing:0.06em; cursor:pointer; color:var(--muted); transition:all 0.2s; }

.lang-btn.active { background:var(--purple-deep); color:white; }

/* NAV */

nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; justify-content:space-between; align-items:center; padding:1.2rem 4rem; background:rgba(253,252,255,0.88); backdrop-filter:blur(12px); border-bottom:1px solid var(--purple-pale); gap:1rem; }

.nav-logo { font-family:'Cormorant Garamond',serif; font-size:1.4rem; font-weight:500; color:var(--purple-deep); }

.nav-logo span { font-style:italic; color:var(--purple-mid); }

nav ul { list-style:none; display:flex; gap:2rem; }

nav ul a { text-decoration:none; font-size:0.8rem; color:var(--muted); letter-spacing:0.06em; text-transform:uppercase; transition:color 0.2s; }

nav ul a:hover { color:var(--purple-deep); }

.nav-right { display:flex; align-items:center; gap:1rem; }

.nav-cta { background:var(--purple-deep); color:white; padding:0.55rem 1.4rem; border-radius:100px; text-decoration:none; font-size:0.8rem; font-weight:500; transition:background 0.2s; }

.nav-cta:hover { background:var(--purple-mid); }

/* HERO */

.hero { min-height:100vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:8rem 2rem 4rem; position:relative; overflow:hidden; }

.hero-bg { position:absolute; inset:0; background:radial-gradient(ellipse 70% 60% at 50% 20%,rgba(155,109,255,0.12) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 80% 70%,rgba(201,184,232,0.18) 0%,transparent 60%),radial-gradient(ellipse 30% 30% at 20% 80%,rgba(75,45,143,0.08) 0%,transparent 60%); }

.hero-badge { display:inline-block; background:var(--purple-pale); color:var(--purple-deep); font-size:0.75rem; font-weight:500; letter-spacing:0.1em; text-transform:uppercase; padding:0.4rem 1.2rem; border-radius:100px; margin-bottom:2rem; border:1px solid var(--purple-light); animation:fadeUp 0.8s ease both; }

.hero h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(3rem,7vw,6rem); font-weight:300; line-height:1.1; color:var(--dark); margin-bottom:1.5rem; animation:fadeUp 0.8s 0.1s ease both; }

.hero h1 em { font-style:italic; color:var(--purple-mid); }

.hero p { font-size:1.05rem; color:var(--muted); max-width:520px; margin:0 auto 2.5rem; line-height:1.7; font-weight:300; animation:fadeUp 0.8s 0.2s ease both; }

.hero-actions { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; animation:fadeUp 0.8s 0.3s ease both; }

.btn-primary { background:var(--purple-deep); color:white; padding:0.85rem 2rem; border-radius:100px; text-decoration:none; font-size:0.9rem; font-weight:500; transition:all 0.2s; }

.btn-primary:hover { background:var(--purple-mid); transform:translateY(-2px); box-shadow:0 8px 24px rgba(75,45,143,0.2); }

.btn-secondary { background:transparent; color:var(--purple-deep); padding:0.85rem 2rem; border-radius:100px; text-decoration:none; font-size:0.9rem; font-weight:500; border:1.5px solid var(--purple-light); transition:all 0.2s; }

.btn-secondary:hover { border-color:var(--purple-mid); background:var(--purple-ghost); }

.hero-stats { display:flex; gap:3rem; justify-content:center; margin-top:5rem; padding-top:3rem; border-top:1px solid var(--purple-pale); animation:fadeUp 0.8s 0.4s ease both; }

.stat { text-align:center; }

.stat-number { font-family:'Cormorant Garamond',serif; font-size:2.2rem; font-weight:400; color:var(--purple-deep); display:block; }

.stat-label { font-size:0.78rem; color:var(--muted); letter-spacing:0.06em; text-transform:uppercase; }

/* SECTIONS */

section { padding:6rem 2rem; }

.container { max-width:1100px; margin:0 auto; }

.section-label { font-size:0.72rem; font-weight:500; letter-spacing:0.14em; text-transform:uppercase; color:var(--purple-mid); margin-bottom:1rem; display:flex; align-items:center; gap:0.6rem; }

.section-label::before { content:''; display:block; width:24px; height:1px; background:var(--purple-light); }

.section-title { font-family:'Cormorant Garamond',serif; font-size:clamp(2rem,4vw,3rem); font-weight:300; line-height:1.2; color:var(--dark); margin-bottom:1.2rem; }

.section-title em { font-style:italic; color:var(--purple-mid); }

.section-sub { font-size:0.95rem; color:var(--muted); line-height:1.7; max-width:520px; font-weight:300; }

/* ABOUT */

.about { background:var(--purple-ghost); }

.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }

.about-visual { position:relative; height:360px; }

.about-card { position:absolute; background:white; border-radius:16px; padding:1.5rem; box-shadow:0 4px 32px rgba(75,45,143,0.08); border:1px solid var(--purple-pale); }

.about-card-main { top:0; left:0; right:60px; bottom:60px; display:flex; flex-direction:column; justify-content:center; padding:2.5rem; }

.about-card-main p { font-family:'Cormorant Garamond',serif; font-size:1.4rem; font-style:italic; color:var(--dark); line-height:1.5; font-weight:300; }

.about-card-float { bottom:0; right:0; width:180px; background:var(--purple-deep); color:white; border:none; }

.about-card-float .float-num { font-family:'Cormorant Garamond',serif; font-size:2.5rem; font-weight:300; display:block; line-height:1; }

.about-card-float .float-label { font-size:0.75rem; opacity:0.7; letter-spacing:0.05em; margin-top:0.3rem; }

.about-pillars { display:flex; flex-direction:column; gap:1.2rem; margin-top:2rem; }

.pillar { display:flex; align-items:flex-start; gap:1rem; }

.pillar-icon { width:36px; height:36px; border-radius:10px; background:var(--purple-pale); display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0; }

.pillar-text strong { display:block; font-size:0.88rem; font-weight:500; color:var(--dark); margin-bottom:0.2rem; }

.pillar-text span { font-size:0.82rem; color:var(--muted); line-height:1.5; }

/* EVENTS */

.events-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.5rem; margin-top:3rem; }

.event-card { background:white; border-radius:16px; padding:1.8rem; border:1px solid var(--purple-pale); transition:all 0.25s; position:relative; overflow:hidden; }

.event-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--purple-deep),var(--purple-light)); opacity:0; transition:opacity 0.25s; }

.event-card:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(75,45,143,0.1); }

.event-card:hover::before { opacity:1; }

.event-date { font-size:0.72rem; font-weight:500; letter-spacing:0.1em; text-transform:uppercase; color:var(--purple-mid); margin-bottom:0.8rem; }

.event-title { font-family:'Cormorant Garamond',serif; font-size:1.25rem; font-weight:400; color:var(--dark); margin-bottom:0.6rem; line-height:1.3; }

.event-desc { font-size:0.82rem; color:var(--muted); line-height:1.6; margin-bottom:1.2rem; }

.event-meta { display:flex; flex-direction:column; gap:0.3rem; }

.event-meta span { font-size:0.78rem; color:var(--muted); }

.event-tag { display:inline-block; background:var(--purple-pale); color:var(--purple-deep); font-size:0.68rem; font-weight:500; letter-spacing:0.06em; text-transform:uppercase; padding:0.25rem 0.7rem; border-radius:100px; margin-bottom:1rem; }

/* SERVICES */

.services { background:var(--dark); color:white; }

.services .section-label { color:var(--purple-light); }

.services .section-label::before { background:var(--purple-mid); }

.services .section-title { color:white; }

.services .section-sub { color:rgba(255,255,255,0.5); }

.service-tabs { display:flex; flex-wrap:wrap; gap:0.6rem; margin:2.5rem 0 0; }

.service-tab { background:rgba(255,255,255,0.06); border:1.5px solid rgba(255,255,255,0.12); color:rgba(255,255,255,0.55); border-radius:100px; padding:0.6rem 1.3rem; font-family:'DM Sans',sans-serif; font-size:0.82rem; font-weight:500; cursor:pointer; transition:all 0.2s; }

.service-tab:hover { background:rgba(255,255,255,0.1); color:rgba(255,255,255,0.8); }

.service-tab.active { background:white; border-color:white; color:var(--purple-deep); }

.tab-content { display:none; margin-top:2rem; animation:fadeUp 0.4s ease both; }

.tab-content.active { display:block; }

.tab-intro { margin-bottom:2rem; }

.tab-intro p { font-size:0.95rem; color:rgba(255,255,255,0.5); line-height:1.7; max-width:640px; font-weight:300; }

.services-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1.5rem; }

.service-card { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:2rem; transition:all 0.25s; }

.service-card:hover { background:rgba(155,109,255,0.1); border-color:rgba(155,109,255,0.3); transform:translateY(-3px); }

.service-icon { font-size:1.6rem; margin-bottom:1.2rem; display:block; }

.service-title { font-family:'Cormorant Garamond',serif; font-size:1.3rem; font-weight:400; color:white; margin-bottom:0.6rem; }

.service-desc { font-size:0.82rem; color:rgba(255,255,255,0.45); line-height:1.6; }

.service-disclaimer { margin-top:1.5rem; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:10px; padding:0.8rem 1.2rem; font-size:0.78rem; color:rgba(255,255,255,0.3); line-height:1.5; }

/* FOUNDER */

.founder-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:5rem; align-items:center; }

.founder-visual { background:var(--purple-pale); border-radius:24px; aspect-ratio:3/4; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }

.founder-monogram { font-family:'Cormorant Garamond',serif; font-size:6rem; font-weight:300; color:var(--purple-mid); opacity:0.4; font-style:italic; }

.founder-tag { position:absolute; bottom:1.5rem; left:1.5rem; background:var(--purple-deep); color:white; padding:0.6rem 1.2rem; border-radius:100px; font-size:0.78rem; font-weight:500; }

.founder-quote { font-family:'Cormorant Garamond',serif; font-size:1.6rem; font-style:italic; font-weight:300; color:var(--dark); line-height:1.5; margin-bottom:1.5rem; padding-left:1.5rem; border-left:2px solid var(--purple-light); }

.founder-bio { font-size:0.9rem; color:var(--muted); line-height:1.8; margin-bottom:2rem; }

.founder-tags { display:flex; flex-wrap:wrap; gap:0.6rem; }

.ftag { background:var(--purple-pale); color:var(--purple-deep); font-size:0.75rem; font-weight:500; padding:0.35rem 0.9rem; border-radius:100px; border:1px solid var(--purple-light); }

/* CTA */

.cta { background:linear-gradient(135deg,var(--purple-deep) 0%,var(--purple-mid) 100%); text-align:center; position:relative; overflow:hidden; }

.cta::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(255,255,255,0.08) 0%,transparent 70%); }

.cta h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.2rem,5vw,4rem); font-weight:300; color:white; margin-bottom:1rem; position:relative; }

.cta h2 em { font-style:italic; opacity:0.8; }

.cta p { font-size:1rem; color:rgba(255,255,255,0.65); margin-bottom:2.5rem; max-width:480px; margin-left:auto; margin-right:auto; position:relative; line-height:1.7; }

.mail-form-wrap { margin-top:2.5rem; position:relative; }

.mail-form { display:flex; max-width:480px; margin:0 auto; background:rgba(255,255,255,0.12); border:1.5px solid rgba(255,255,255,0.25); border-radius:100px; padding:0.35rem; }

.mail-form input { flex:1; background:transparent; border:none; outline:none; padding:0.7rem 1.2rem; font-family:'DM Sans',sans-serif; font-size:0.88rem; color:white; min-width:0; }

.mail-form input::placeholder { color:rgba(255,255,255,0.5); }

.mail-form button { background:white; color:var(--purple-deep); border:none; border-radius:100px; padding:0.7rem 1.5rem; font-family:'DM Sans',sans-serif; font-size:0.85rem; font-weight:500; cursor:pointer; transition:all 0.2s; white-space:nowrap; }

.mail-form button:hover { background:var(--purple-pale); }

.mail-note { font-size:0.78rem; color:rgba(255,255,255,0.45); margin-top:1rem; }

/* FOOTER */

footer { background:var(--dark); padding:3rem 2rem; text-align:center; border-top:1px solid rgba(255,255,255,0.06); }

.footer-logo { font-family:'Cormorant Garamond',serif; font-size:1.3rem; color:white; margin-bottom:0.5rem; }

.footer-logo span { font-style:italic; color:var(--purple-light); }

.footer-links { display:flex; gap:2rem; justify-content:center; margin:1.5rem 0 1rem; flex-wrap:wrap; }

.footer-links a { font-size:0.78rem; color:rgba(255,255,255,0.35); text-decoration:none; letter-spacing:0.06em; text-transform:uppercase; transition:color 0.2s; }

.footer-links a:hover { color:var(--purple-light); }

.footer-contact { margin:0.5rem 0 1rem; }

.footer-linkedin { display:inline-flex; align-items:center; gap:0.5rem; color:var(--purple-light); text-decoration:none; font-size:0.82rem; font-weight:500; border:1px solid rgba(201,184,232,0.3); padding:0.45rem 1.1rem; border-radius:100px; transition:all 0.2s; }

.footer-linkedin:hover { background:rgba(201,184,232,0.1); border-color:var(--purple-light); color:white; }

footer p { font-size:0.78rem; color:rgba(255,255,255,0.3); }

@keyframes fadeUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }

@media (max-width:768px) {

nav { padding:1rem 1.5rem; }

nav ul { display:none; }

.about-grid, .founder-grid { grid-template-columns:1fr; gap:2.5rem; }

.about-visual { height:260px; }

.hero-stats { gap:1.5rem; }

section { padding:4rem 1.5rem; }

}

</style>

</head>

<body>

<nav>

<div class="nav-logo">sops<span>.people</span></div>

<ul>

<li><a href="#about" data-en="About" data-es="Nosotros">About</a></li>

<li><a href="#events" data-en="Events" data-es="Eventos">Events</a></li>

<li><a href="#services" data-en="Services" data-es="Servicios">Services</a></li>

<li><a href="#founder" data-en="Founder" data-es="Fundadora">Founder</a></li>

</ul>

</div>

</div>

</nav>

<div class="hero-badge" data-en="📍 Barcelona · HR & People Community" data-es="📍 Barcelona · Comunidad HR & People">📍 Barcelona · HR, People & Talent Community</div>

<h1 data-en="Your sop for a <em>better</em><br>People career." data-es="Tu sop para una <em>mejor</em><br>carrera en People.">Your sop for a <em>better</em><br>People career.</h1>

<p data-en="Networking shouldn't feel like a mystery you haven't cracked yet. We curate Barcelona's best HR events so you never miss a conversation worth having." data-es="El networking no debería sentirse como un misterio. Seleccionamos los mejores eventos de RRHH de Barcelona para que nunca te pierdas una conversación que vale la pena.">Networking shouldn't feel like a mystery you haven't cracked yet. We curate Barcelona's best HR events so you never miss a conversation worth having.</p>

<a href="#events" class="btn-primary" data-en="See This Week's Events" data-es="Ver Eventos de Esta Semana">See This Week's Events</a>

<a href="#about" class="btn-secondary" data-en="Learn More" data-es="Saber Más">Learn More</a>

</div>

<div class="stat"><span class="stat-number">10+</span><span class="stat-label" data-en="Events This Month" data-es="Eventos Este Mes">Events This Month</span></div>

<div class="stat"><span class="stat-number">450+</span><span class="stat-label" data-en="HR Leaders Connected" data-es="Líderes HR Conectados">HR Leaders Connected</span></div>

<div class="stat"><span class="stat-number">1</span><span class="stat-label" data-en="City. Endless Opportunity" data-es="Ciudad. Infinitas Oportunidades">City. Endless Opportunity</span></div>

</div>

</section>

<p data-en='"The velvet rope doesn\'t live here. Just the conversations that actually matter."' data-es='"La cuerda de terciopelo no existe aquí. Solo las conversaciones que realmente importan."'>"The velvet rope doesn't live here. Just the conversations that actually matter."</p>

</div>

<div class="float-label" data-en="Countries Represented at Barcelona HR Events" data-es="Países en Eventos de HR Barcelona">Countries Represented at Barcelona HR Events</div>

</div>

<div>

<div class="section-label" data-en="About Us" data-es="Sobre Nosotros">About Us</div>

<h2 class="section-title" data-en="Rewriting the <em>standard operating procedure</em> for HR networking." data-es="Reescribiendo el <em>procedimiento estándar</em> del networking en RRHH.">Rewriting the <em>standard operating procedure</em> for HR networking.</h2>

<p class="section-sub" data-en="Whether you're a VP of People who wants to share what took you years to learn, or a Junior Recruiter ready for their first real seat at the table — this is your space." data-es="Tanto si eres un(a) VP de People que quiere compartir lo que tardaste años en aprender, como si eres una Junior Recruiter — este es tu espacio.">Whether you're a VP of People who wants to share what took you years to learn, or a Junior Recruiter ready for their first real seat at the table — this is your space.</p>

<div class="pillar"><div class="pillar-icon">🗓️</div><div class="pillar-text"><strong data-en="Curated Events" data-es="Eventos Curados">Curated Events</strong><span data-en="From intimate community nights to international summits, we find what matters." data-es="Desde noches íntimas de comunidad hasta cumbres internacionales, encontramos lo que importa.">From intimate community nights to international summits, we find what matters.</span></div></div>

<div class="pillar"><div class="pillar-icon">🤝</div><div class="pillar-text"><strong data-en="Real Connections" data-es="Conexiones Reales">Real Connections</strong><span data-en="Where experience meets ambition. Senior leaders and rising talent in the same room." data-es="Donde la experiencia se encuentra con la ambición. Líderes senior y talento emergente en la misma sala.">Where experience meets ambition. Senior leaders and rising talent in the same room.</span></div></div>

<div class="pillar"><div class="pillar-icon">🚀</div><div class="pillar-text"><strong data-en="Career Growth" data-es="Crecimiento Profesional">Career Growth</strong><span data-en="Access, knowledge and community — the three things that actually move careers forward." data-es="Acceso, conocimiento y comunidad — las tres cosas que realmente impulsan las carreras.">Access, knowledge and community — the three things that actually move careers forward.</span></div></div>

</div>

</section>

<div class="section-label" data-en="This Week in Barcelona" data-es="Esta Semana en Barcelona">This Week in Barcelona</div>

<h2 class="section-title" data-en="Don't miss a <em>conversation</em><br>worth having." data-es="No te pierdas una <em>conversación</em><br>que vale la pena.">Don't miss a <em>conversation</em><br>worth having.</h2>

<p class="section-sub" data-en="Curated every Monday — we find the rooms worth walking into." data-es="Seleccionados cada lunes — encontramos las salas que vale la pena cruzar.">Curated every Monday — we find the rooms worth walking into.</p>

<div class="event-tag" data-en="Global talent" data-es="Global talent">Global talent</div>

<div class="event-date">March 31 · 16:00 - 18:00</div>

<div class="event-title" data-en="Global talent" data-es="Global talent">Global talent</div>

<div class="event-desc" data-en="Global Experiences: Living & Working in Barcelona 🌍

Real stories from international professionals who built careers here. Cultural adaptation, leadership, career growth — and the kind of honest insight you don't get from a job posting.

As People professionals, understanding what global talent actually experiences when they land in Barcelona? That's not a nice-to-have. That's your competitive advantage." data-es="Global Experiences: Living & Working in Barcelona 🌍

Historias reales de profesionales internacionales que construyeron su carrera aquí. Adaptación cultural, liderazgo, crecimiento profesional — y el tipo de honestidad que no encuentras en ninguna oferta de trabajo.

Como profesionales de People, entender lo que el talento global realmente vive cuando llega a Barcelona no es un extra. Es tu ventaja competitiva.">Global Experiences: Living & Working in Barcelona 🌍

Real stories from international professionals who built careers here. Cultural adaptation, leadership, career growth — and the kind of honest insight you don't get from a job posting.

As People professionals, understanding what global talent actually experiences when they land in Barcelona? That's not a nice-to-have. That's your competitive advantage.</div>

<div class="event-meta"><span>📍 C3S Business School, Barcelona</span><span>🎟️ Eventbrite</span></div>

</div>

<div class="event-tag" data-en="People & Culture" data-es="People & Culture">People & Culture</div>

<div class="event-date">March 31 · 19:00 - 21:00</div>

<div class="event-title" data-en="Arquitectura Invisible de un Proyecto 🏗️" data-es="Arquitectura Invisible de un Proyecto 🏗️">Arquitectura Invisible de un Proyecto 🏗️</div>

<div class="event-desc" data-en="What keeps a project alive when motivation drops? Spoiler: it's not passion. It's structure.

For HR and People leaders, this one is gold. Because building a team, a culture or a people function is exactly like building a creative project — and most of them stall for the same reason: no invisible architecture holding them up.">¿Qué mantiene vivo un proyecto cuando baja la motivación? Spoiler: no es la pasión. Es la estructura.

Para líderes de RRHH y People, este evento es oro puro. Porque construir un equipo, una cultura o una función de personas es exactamente como construir un proyecto creativo — y la mayoría se frena por la misma razón: no hay una arquitectura invisible que lo sostenga.</div>

<div class="event-meta"><span>📍 Nimura (Raima), Barcelona</span><span>🎟️ luma.com/3y8dw71e</span></div>

</div>

</section>

<div class="section-label" data-en="Beyond Community" data-es="Más Allá de la Comunidad">Beyond Community</div>

<h2 class="section-title" style="color:white;" data-en="We work directly with <em>people & organisations.</em>" data-es="Trabajamos directamente con <em>personas y organizaciones.</em>">We work directly with <em>people & organisations.</em></h2>

<p class="section-sub" data-en="Whether you're a startup building your HR foundations, a professional navigating a difficult sitution, or someone landing in Spain for the first time — we're the team you call." data-es="Tanto si eres una startup construyendo tus bases de RRHH, un profesional en una situación difícil, o alguien llegando a España por primera vez — somos el equipo al que llamas.">Whether you're a startup building your HR foundations, a professional navigating a difficult situation, or someone landing in Spain for the first time — we're the team you call.</p>

<button class="service-tab active" onclick="switchTab(this,'tab-startups')" data-en="🚀 Startups & Scaleups" data-es="🚀 Startups y Scaleups">🚀 Startups & Scaleups</button>

<button class="service-tab" onclick="switchTab(this,'tab-employees')" data-en="👤 Employees" data-es="👤 Empleados">👤 Employees</button>

<button class="service-tab" onclick="switchTab(this,'tab-companies')" data-en="🏢 Companies (ER)" data-es="🏢 Empresas (ER)">🏢 Companies (ER)</button>

<button class="service-tab" onclick="switchTab(this,'tab-relocation')" data-en="✈️ Relocation to Spain" data-es="✈️ Reubicación a España">✈️ Relocation to Spain</button>

</div>

<div class="tab-intro"><p data-en="Growing fast in Barcelona? We help startups and scaleups get their people operations right from day one — without the complexity." data-es="¿Creciendo rápido en Barcelona? Ayudamos a startups y scaleups a gestionar bien sus operaciones de personas desde el primer día — sin la complejidad.">Growing fast in Barcelona? We help startups and scaleups get their people operations right from day one.</p></div>

<div class="service-card"><span class="service-icon">🧭</span><div class="service-title" data-en="HR Strategy" data-es="Estrategia de RRHH">HR Strategy</div><div class="service-desc" data-en="Growing fast without a People strategy is like building a house without a blueprint. We define your HR foundations before the cracks appear — org design, hiring frameworks and culture alignment." data-es="Crecer rápido sin una estrategia de People es como construir una casa sin planos. Definimos tus bases de RRHH antes de que aparezcan las grietas.">Growing fast without a People strategy is like building a house without a blueprint. We define your foundations before the cracks appear.</div></div>

<div class="service-card"><span class="service-icon">👥</span><div class="service-title" data-en="People Operations" data-es="People Operations">People Operations</div><div class="service-desc" data-en="We design and implement the processes, policies and workflows that make your team run smoothly as you scale — from onboarding to performance frameworks." data-es="Diseñamos e implementamos los procesos, políticas y flujos de trabajo que hacen que tu equipo funcione sin fricciones a medida que creces.">We design and implement the processes and workflows that make your team run smoothly as you scale.</div></div>

<div class="service-card"><span class="service-icon">🧾</span><div class="service-title" data-en="Payroll & HRIS" data-es="Nóminas y HRIS">Payroll & HRIS</div><div class="service-desc" data-en="Spanish payroll is complex — getting it wrong is expensive. We set up compliant, accurate systems and implement the HRIS that fits how you work today and scales for tomorrow." data-es="La nómina española es compleja — equivocarse sale caro. Configuramos sistemas precisos e implementamos el HRIS que se adapta a cómo trabajas hoy y escala para mañana.">Spanish payroll is complex — getting it wrong is expensive. We set up accurate systems and the right HRIS for your team.</div></div>

<div class="service-card"><span class="service-icon">🌍</span><div class="service-title" data-en="EOR Support" data-es="Soporte EOR">EOR Support</div><div class="service-desc" data-en="Want to hire in Spain without a legal entity? We guide you through EOR solutions, find the right provider for your budget and make sure your team is set up for success from day one." data-es="¿Quieres contratar en España sin una entidad legal? Te guiamos a través de las soluciones EOR y encontramos el proveedor adecuado para tu presupuesto.">Want to hire in Spain without a legal entity? We guide you through EOR solutions and find the right provider.</div></div>

<div class="service-card"><span class="service-icon">📍</span><div class="service-title" data-en="Barcelona Ecosystem" data-es="Ecosistema Barcelona">Barcelona Ecosystem</div><div class="service-desc" data-en="We are embedded in Barcelona's HR and tech ecosystem. We know the market, the communities and the people — giving you a local advantage no remote consultancy can replicate." data-es="Estamos integrados en el ecosistema de RRHH y tech de Barcelona. Conocemos el mercado, las comunidades y las personas — una ventaja local que ninguna consultora remota puede replicar.">Embedded in Barcelona's ecosystem — giving you a local advantage no remote consultancy can replicate.</div></div>

</div>

<div class="tab-intro"><p data-en="Sometimes the hardest part isn't the situation itself — it's not knowing what to do next. We offer a confidential space to think through difficult workplace situations and prepare for what comes next." data-es="A veces lo más difícil no es la situación en sí — es no saber qué hacer a continuación. Ofrecemos un espacio confidencial para reflexionar sobre situaciones laborales difíciles.">Sometimes the hardest part isn't the situation — it's not knowing what to do next.</p></div>

<div class="service-card"><span class="service-icon">💬</span><div class="service-title" data-en="Difficult Conversations" data-es="Conversaciones Difíciles">Difficult Conversations</div><div class="service-desc" data-en="Preparing for a hard conversation with your manager or HR? We help you understand what's happening, what to say and how to walk in feeling prepared — not blindsided." data-es="¿Preparándote para una conversación difícil? Te ayudamos a entender qué está pasando y cómo entrar sintiéndote preparado/a, no desprevenido/a.">Preparing for a hard conversation? We help you understand what's happening and walk in feeling prepared.</div></div>

<div class="service-card"><span class="service-icon">📋</span><div class="service-title" data-en="Know Your Rights" data-es="Conoce Tus Derechos">Know Your Rights</div><div class="service-desc" data-en="We're not lawyers — but we know your rights as an employee in Spain. We help you understand what's fair, what to document and what your options are before things escalate." data-es="No somos abogados — pero conocemos tus derechos como empleado en España. Te ayudamos a entender qué es justo y cuáles son tus opciones antes de que las cosas escalen.">We know your rights as an employee in Spain. We help you understand what's fair before things escalate.</div></div>

<div class="service-card"><span class="service-icon">🧭</span><div class="service-title" data-en="Next Steps Clarity" data-es="Claridad en los Próximos Pasos">Next Steps Clarity</div><div class="service-desc" data-en="When something doesn't feel right at work, the path forward can feel overwhelming. We help you map your options and move forward with confidence — not confusion." data-es="Cuando algo no se siente bien en el trabajo, el camino puede parecer abrumador. Te ayudamos a definir tus opciones y avanzar con confianza, no con confusión.">We help you map your options and move forward with confidence — not confusion.</div></div>

<div class="service-card"><span class="service-icon">🔒</span><div class="service-title" data-en="Confidential Support" data-es="Apoyo Confidencial">Confidential Support</div><div class="service-desc" data-en="Everything we discuss stays between us. Human-first, practical and always on your side. No jargon, no judgment — just honest guidance when you need it most." data-es="Todo lo que hablamos queda entre nosotros. Con las personas en el centro, práctico y siempre de tu lado. Sin tecnicismos, sin juicios.">Everything stays between us. Human-first, practical and always on your side.</div></div>

</div>

<div class="service-disclaimer" data-en="⚠️ sops.people does not provide legal advice. For legal matters, we always recommend consulting a qualified employment lawyer in Spain." data-es="⚠️ sops.people no ofrece asesoramiento legal. Para asuntos legales, siempre recomendamos consultar con un abogado laboralista cualificado en España.">⚠️ sops.people does not provide legal advice. For legal matters, we always recommend consulting a qualified employment lawyer in Spain.</div>

</div>

<div class="tab-intro"><p data-en="Managing a difficult situation with an employee is one of the most draining things a People leader faces. Before it gets legal, there's a lot you can do. We're your thinking partner." data-es="Gestionar una situación difícil con un empleado es una de las cosas más desgastantes para un líder de People. Antes de que se vuelva legal, hay mucho que puedes hacer. Somos tu socio de confianza.">Managing a difficult situation? Before it gets legal, there's a lot you can do. We're your thinking partner.</p></div>

<div class="service-card"><span class="service-icon">🤝</span><div class="service-title" data-en="ER Advisory" data-es="Asesoría Relaciones Laborales">ER Advisory</div><div class="service-desc" data-en="We help you assess difficult employee situations objectively, structure your approach and make sure every step is documented and defensible — before it ever needs legal counsel." data-es="Te ayudamos a evaluar situaciones difíciles objetivamente y asegurarte de que cada paso esté documentado y sea defendible — antes de que requiera asesoramiento legal.">We help you assess situations objectively and ensure every step is documented and defensible.</div></div>

<div class="service-card"><span class="service-icon">💬</span><div class="service-title" data-en="Difficult Conversations" data-es="Conversaciones Difíciles">Difficult Conversations</div><div class="service-desc" data-en="We help you structure difficult conversations with employees — performance, conduct or culture fit — so the conversation is clear, fair and creates the right outcome." data-es="Te ayudamos a estructurar conversaciones difíciles con empleados — rendimiento, conducta o encaje cultural — para que sean claras, justas y produzcan el resultado correcto.">We help you structure difficult conversations so they are clear, fair and create the right outcome.</div></div>

<div class="service-card"><span class="service-icon">📋</span><div class="service-title" data-en="Process & Documentation" data-es="Proceso y Documentación">Process & Documentation</div><div class="service-desc" data-en="How you handle early conversations determines everything that comes after. We help you build a clear paper trail and understand what a fair, compliant process looks like in Spain." data-es="Cómo manejas las primeras conversaciones determina todo lo que viene después. Te ayudamos a construir un registro claro y entender qué es un proceso justo y conforme en España.">How you handle early conversations determines everything after. We help you build a clear, compliant paper trail.</div></div>

<div class="service-card"><span class="service-icon">⚖️</span><div class="service-title" data-en="When to Escalate" data-es="Cuándo Escalar">When to Escalate</div><div class="service-desc" data-en="We help you recognise when it is — and isn't — time to bring in legal counsel, so you're never underprepared and never over-escalating a situation that could be resolved another way." data-es="Te ayudamos a reconocer cuándo es — y cuándo no es — el momento de llamar a un abogado, para que nunca estés desprevenido ni escales innecesariamente.">We help you recognise when it is — and isn't — time to bring in legal counsel.</div></div>

</div>

<div class="tab-intro"><p data-en="Moving to Spain is exciting. The paperwork that comes with it? Not so much. We help internationally mobile professionals land in Barcelona with a clear roadmap — less time at government offices, more time building your life here." data-es="Mudarse a España es emocionante. El papeleo que viene con ello… no tanto. Ayudamos a profesionales internacionales a aterrizar en Barcelona con una hoja de ruta clara.">Moving to Spain is exciting. The paperwork that comes with it? Not so much. We help you land with a clear roadmap.</p></div>

<div class="service-card"><span class="service-icon">🛂</span><div class="service-title" data-en="Visas & Work Permits" data-es="Visados y Permisos de Trabajo">Visas & Work Permits</div><div class="service-desc" data-en="Understanding the visa and work permit landscape before you arrive saves weeks of confusion. We walk you through your options and what to expect at every step." data-es="Entender el panorama de visados antes de llegar te ahorra semanas de confusión. Te guiamos a través de tus opciones y lo que puedes esperar en cada paso.">Understanding visas before you arrive saves weeks of confusion. We walk you through every step.</div></div>

<div class="service-card"><span class="service-icon">🪪</span><div class="service-title" data-en="NIE & Social Security" data-es="NIE y Seguridad Social">NIE & Social Security</div><div class="service-desc" data-en="The NIE and social security number unlock everything else in Spain. We help you get them sorted without the queues, the confusion or the wasted trips." data-es="El NIE y el número de la seguridad social desbloquean todo lo demás en España. Te ayudamos a gestionarlos sin colas ni confusión.">The NIE and social security unlock everything else. We help you get them sorted without the queues.</div></div>

<div class="service-card"><span class="service-icon">📄</span><div class="service-title" data-en="Contracts & Employee Rights" data-es="Contratos y Derechos Laborales">Contracts & Employee Rights</div><div class="service-desc" data-en="Spanish employment contracts come with specific rights that differ significantly from other countries. We help you understand what you're signing and what you're entitled to." data-es="Los contratos laborales españoles tienen derechos específicos muy diferentes a otros países. Te ayudamos a entender qué estás firmando y a qué tienes derecho.">Spanish contracts differ significantly from other countries. We help you understand what you're signing.</div></div>

<div class="service-card"><span class="service-icon">🏥</span><div class="service-title" data-en="Health & Tax Registration" data-es="Sanidad y Registro Fiscal">Health & Tax Registration</div><div class="service-desc" data-en="Accessing public health and registering with Hacienda are two things most newcomers get wrong. We walk you through both so you're covered, compliant and not hit with a surprise bill." data-es="Acceder a la sanidad pública y registrarse en Hacienda son dos cosas que la mayoría de los recién llegados hacen mal. Te guiamos para que estés cubierto y en regla.">Two things most newcomers get wrong. We walk you through both so you're covered and compliant.</div></div>

<div class="service-card"><span class="service-icon">🗺️</span><div class="service-title" data-en="Full Landing Roadmap" data-es="Hoja de Ruta Completa">Full Landing Roadmap</div><div class="service-desc" data-en="You don't need to figure out Spain alone. We've done it — and we'll walk you through every step with a personalised roadmap from day one to fully settled. Practical, personal, plain language." data-es="No tienes que descubrir España solo/a. Nosotros ya lo hemos hecho — te acompañamos en cada paso con una hoja de ruta personalizada. Práctico, personal y en lenguaje claro.">You don't need to figure out Spain alone. We've done it — personalised roadmap from day one to fully settled.</div></div>

</div>

</section>

<div class="founder-tag" data-en="People Professional" data-es="People Professional">People Professional</div>

</div>

<div>

<div class="section-label" data-en="Meet the Founder" data-es="Conoce a la Fundadora">Meet the Founder</div>

<div class="founder-quote" data-en='"I built sops.people because the best opportunities in this city were hiding in rooms most people didn\'t know existed."' data-es='"Creé sops.people porque las mejores oportunidades en esta ciudad estaban escondidas en salas que la mayoría de las personas no sabían que existían."'>"I built sops.people because the best opportunities in this city were hiding in rooms most people didn't know existed."</div>

<p class="founder-bio" data-en="sops.people was born out of a simple frustration: networking in HR felt like a black box. The best events, the most valuable conversations, the connections that actually moved careers — they weren't visible to everyone.<br><br>As a People Professional embedded in Barcelona's HR ecosystem, the mission became clear: curate what matters, open the doors wider, and make sure that whether you're a seasoned VP or just starting out, you always know where the conversation is happening.<br><br>Beyond community building, we work directly with startups, scaleups, employees and professionals relocating to Spain — helping them build people functions and careers that are ready for what's next." data-es="sops.people nació de una frustración simple: el networking en RRHH se sentía como una caja negra. Los mejores eventos, las conversaciones más valiosas, las conexiones que realmente impulsaban las carreras — no eran visibles para todos.<br><br>Como profesional de Recursos Humanos integrada en el ecosistema de RRHH de Barcelona, la misión quedó clara: seleccionar lo que importa, abrir las puertas más ampliamente, y asegurarse de que tanto si eres un(a) VP experimentada como si estás empezando, siempre sepas dónde está ocurriendo la conversación.<br><br>Más allá de construir comunidad, trabajamos directamente con startups, scaleups, empleados y profesionales que se reubican en España — ayudándoles a construir funciones de personas y carreras preparadas para lo que viene.">sops.people was born out of a simple frustration: networking in HR felt like a black box. The best events, the most valuable conversations, the connections that actually moved careers — they weren't visible to everyone.<br><br>As a People Success Partner embedded in Barcelona's HR ecosystem, the mission became clear: curate what matters, open the doors wider, and make sure that whether you're a seasoned VP or just starting out, you always know where the conversation is happening.<br><br>Beyond community building, we work directly with startups, scaleups, employees and professionals relocating to Spain — helping them build people functions and careers that are ready for what's next.</p>

<span class="ftag" data-en="People Operations" data-es="People Operations">People Operations</span>

<span class="ftag" data-en="Payroll & HRIS" data-es="Nóminas y HRIS">Payroll & HRIS</span>

<span class="ftag" data-en="EOR Solutions" data-es="Soluciones EOR">EOR Solutions</span>

<span class="ftag" data-en="Barcelona Ecosystem" data-es="Ecosistema Barcelona">Barcelona Ecosystem</span>

<span class="ftag" data-en="HR Strategy" data-es="Estrategia de RRHH">HR Strategy</span>

<span class="ftag" data-en="Relocation Support" data-es="Apoyo en Reubicación">Relocation Support</span>

</div>

</section>

<h2 data-en="Your next career move<br>starts with a <em>conversation.</em>" data-es="Tu próximo movimiento profesional<br>empieza con una <em>conversación.</em>">Your next career move<br>starts with a <em>conversation.</em></h2>

<p data-en="Join Barcelona's HR, People & Talent community. Get curated events, insights and opportunities delivered straight to your inbox — never miss what matters." data-es="Únete a la comunidad de HR, People y Talento de Barcelona. Recibe los eventos, insights y oportunidades directamente en tu bandeja de entrada.">Join Barcelona's HR People & Talent community. Get curated events, insights and opportunities delivered straight to your inbox — never miss what matters.</p>

</form>

<p class="mail-note" id="mail-note" data-en="✨ No spam. Just the events and conversations worth your time." data-es="✨ Sin spam. Solo los eventos y conversaciones que valen tu tiempo.">✨ No spam. Just the events and conversations worth your time.</p>

</div>

</section>

<div class="footer-logo">sops<span>.people</span></div>

<a href="#about" data-en="About" data-es="Nosotros">About</a>

<a href="#events" data-en="Events" data-es="Eventos">Events</a>

<a href="#services" data-en="Services" data-es="Servicios">Services</a>

<a href="#founder" data-en="Founder" data-es="Fundadora">Founder</a>

</div>

<span data-en="Connect on LinkedIn" data-es="Conectar en LinkedIn">Connect on LinkedIn</span>

</a>

</div>

<span data-en="Connect on Instagram" data-es="Conectar en Instagram">Connect on Instagram</span>

</a>

</div>

<p data-en="📍 Barcelona · The Networking Hub for HR, People & Talent Leaders · © 2026 sops.people" data-es="📍 Barcelona · El Hub para Líderes de HR, People & Talent · © 2026 sops.people">📍 Barcelona · The Hub for HR, People & Talent Leaders · © 2026 sops.people</p>

</footer>

let currentLang = localStorage.getItem('sops_lang') || 'en';

function setLang(lang) {

currentLang = lang;

localStorage.setItem('sops_lang', lang);

document.querySelectorAll('.lang-btn').forEach(btn => {

btn.classList.toggle('active', btn.textContent.toLowerCase() === lang);

});

document.querySelectorAll('[data-en]').forEach(el => {

const text = lang === 'es' ? el.getAttribute('data-es') : el.getAttribute('data-en');

if (!text) return;

if (el.tagName === 'BUTTON' && el.classList.contains('service-tab')) {

el.textContent = text;

} else if (el.tagName === 'INPUT') {

el.placeholder = text;

} else {

el.innerHTML = text;

}

});

document.getElementById('email-input').placeholder = lang === 'es' ? 'Tu dirección de email' : 'Your email address';

document.title = lang === 'es' ? 'sops.people — El Hub para Líderes de HR & People en Barcelona' : 'sops.people — The Hub for HR & People Leaders in Barcelona';

document.documentElement.lang = lang;

}

function switchTab(btn, tabId) {

document.querySelectorAll('.service-tab').forEach(t => t.classList.remove('active'));

document.querySelectorAll('.tab-content').forEach(t => t.classList.remove('active'));

btn.classList.add('active');

document.getElementById(tabId).classList.add('active');

}

const emails = [];

function handleSubmit(e) {

e.preventDefault();

const input = document.getElementById('email-input');

const note = document.getElementById('mail-note');

const email = input.value.trim();

if (email) {

emails.push({ email, date: new Date().toISOString() });

input.value = '';

note.innerHTML = currentLang === 'es' ? '🎉 ¡Ya estás en la lista! Estaremos en contacto pronto.' : '🎉 You\'re on the list! We\'ll be in touch soon.';

note.style.color = 'rgba(255,255,255,0.9)';

setTimeout(() => {

note.innerHTML = currentLang === 'es' ? '✨ Sin spam. Solo los eventos y conversaciones que valen la pena.' : '✨ No spam. Just the events and conversations worth your time.';

note.style.color = '';

}, 4000);

}

document.addEventListener('DOMContentLoaded', () => { if (currentLang === 'es') setLang('es'); });

</script>

</body>

</html>