https://goodship.agency/assets/why-goodship-BlBhycjk.js

1import{W as d,j as e,A as p,C as f,D as b,F as j,G as w,I as v,J as k,L as r}from"./index-Db5I4EsH.js";import{H as N,S as m,b as u,E as g,V as A,P as S,T,A as W,C as I,c as F,a as P}from"./editorial-ucykTENz.js";import{m as C}from"./gs-pinwheel.png.asset-CgtlX_Dr.js";import{F as B}from"./feature-split-Bf2PL6h0.js";import{S as G,L}from"./location-feature-DhNJUF_z.js";import"./accents-Ep2IbiFW.js";const l=105.58,x=2*Math.PI*l,c=[{id:"purpose",label:"Purpose",words:["Strategy","Vision","Questions","Impact"],caption:"Why it matters and what should change.",cx:190.54,cy:106.08,tx:190.5,ty:62.54,color:"var(--primary)"},{id:"imagination",label:"Imagination",words:["Ideas","Creativity","Story","Possibility"],caption:"What could exist, and how it could feel.",cx:106.08,cy:230.07,tx:100,ty:211.66,color:"var(--make)"},{id:"technology",label:"Technology",words:["AI","Digital","Platforms","Delivery"],caption:"How ideas become useful, real and scalable.",cx:268.37,cy:230.07,tx:274,ty:214.96,color:"var(--think)"}],y="GoodShip* combines purpose, imagination and technology to create meaningful impact.";function M(){const[i,o]=d.useState(0);return d.useEffect(()=>{const n=[window.setTimeout(()=>o(1),150),window.setTimeout(()=>o(2),1500),window.setTimeout(()=>o(3),2200),window.setTimeout(()=>o(4),3e3)];return()=>n.forEach(t=>window.clearTimeout(t))},[]),i}function E({active:i,setActive:o}){const n=M();return e.jsxs("svg",{viewBox:"0 0 374.45 336.15",role:"group","aria-label":"Venn diagram: purpose, imagination and technology overlap at GoodShip*",className:"mx-auto w-full max-w-[36rem]",children:[c.map((t,s)=>{const a=i!==null&&i!==t.id&&i!=="centre";return e.jsxs("g",{className:"transition-opacity duration-500",style:{opacity:a?.35:1},children:[e.jsx("circle",{cx:t.cx,cy:t.cy,r:l,fill:`color-mix(in oklab, ${t.color} 14%, transparent)`,style:{mixBlendMode:"multiply",opacity:n>=1?1:0,transition:"opacity 1400ms ease-out",transitionDelay:`${400+s*220}ms`}}),e.jsx("circle",{cx:t.cx,cy:t.cy,r:l,fill:"none",stroke:t.color,strokeWidth:i===t.id?2:1,strokeDasharray:x,strokeDashoffset:n>=1?0:x,transform:`rotate(-90 ${t.cx} ${t.cy})`,style:{transition:"stroke-dashoffset 1500ms cubic-bezier(0.22,1,0.36,1), stroke-width 300ms ease",transitionDelay:`${s*220}ms`}})]},t.id)}),c.map((t,s)=>e.jsxs("g",{textAnchor:"middle",fill:"var(--primary)",children:[e.jsx("text",{x:t.tx,y:t.ty,className:"font-display",fontSize:"13",fontWeight:"700",style:{opacity:n>=2?1:0,transition:"opacity 800ms ease-out",transitionDelay:`${s*160}ms`},children:t.label}),t.words.map((a,h)=>e.jsx("text",{x:t.tx,y:t.ty+12.6*(h+1),fontSize:"10",style:{opacity:n>=3?1:0,transition:"opacity 600ms ease-out",transitionDelay:`${s*140+h*110}ms`},children:a},a))]},`${t.id}-text`)),e.jsx("g",{style:{opacity:n>=4?1:0,transform:n>=4?"none":"scale(0.5)",transformOrigin:"187px 190px",transition:"opacity 900ms ease-out, transform 1200ms cubic-bezier(0.22,1,0.36,1)"},children:e.jsx("image",{href:C.url,x:173,y:176,width:28,height:28,className:"venn__mark",style:{transformOrigin:"187px 190px"}})}),c.map(t=>e.jsx("circle",{cx:t.cx,cy:t.cy,r:l,fill:"transparent",tabIndex:0,role:"button","aria-label":`${t.label}: ${t.caption}`,className:"cursor-pointer focus-visible:outline-none",onMouseEnter:()=>o(t.id),onMouseLeave:()=>o(null),onFocus:()=>o(t.id),onBlur:()=>o(null),onClick:()=>o(i===t.id?null:t.id)},`${t.id}-hit`)),e.jsx("circle",{cx:187,cy:190,r:30,fill:"transparent",tabIndex:0,role:"button","aria-label":y,className:"cursor-pointer focus-visible:outline-none",onMouseEnter:()=>o("centre"),onMouseLeave:()=>o(null),onFocus:()=>o("centre"),onBlur:()=>o(null),onClick:()=>o(i==="centre"?null:"centre")})]})}function D(){const[i,o]=d.useState(null),n=i==="centre"?y:i?c.find(t=>t.id===i).caption:"Hover, tap or tab to explore how the three come together.";return e.jsx("section",{"aria-labelledby":"why-venn-heading",className:"relative overflow-hidden border-b border-border bg-brand-orange py-14 md:py-20",children:e.jsxs("div",{className:"relative mx-auto grid max-w-7xl items-start gap-14 px-5 sm:px-6 lg:grid-cols-[45%_1fr] lg:gap-16",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-mono text-[11px] font-bold uppercase tracking-widest text-primary",children:"Why GoodShip*"}),e.jsxs("h1",{id:"why-venn-heading",className:"mt-5 font-display text-4xl text-primary sm:text-5xl lg:text-6xl",children:["Where purpose, imagination and"," ",e.jsx("span",{className:"font-serif italic",children:"technology"})," meet."]}),e.jsx("p",{className:"mt-6 max-w-xl text-lg text-primary/85",children:"GoodShip* helps people and organisations turn what they care about into something real, useful and capable of creating impact."}),e.jsxs("div",{className:"mt-9 flex flex-wrap items-center gap-4",children:[e.jsx(p,{to:"/contact",variant:"button",children:"Start a conversation"}),e.jsx(p,{to:"/what-we-do",className:"text-primary hover:text-primary/70",children:"Explore what we do"})]})]}),e.jsxs("div",{className:"-mt-4 lg:-mt-8",children:[e.jsx(E,{active:i,setActive:o}),e.jsx("p",{"aria-live":"polite",className:"mx-auto mt-7 max-w-md text-center text-sm font-semibold leading-relaxed text-primary",children:n})]})]})})}const $="/__l5e/assets-v1/ec143e21-4a97-4247-89e5-60fac63ec327/heart.svg",H={url:$},O=[{title:"Make a positive difference",lead:"Leave things better.",lines:["A clearer strategy. A better product. A more confident person. A useful introduction. A new opportunity."],closing:"The work should matter.",accent:"make"},{title:"Be a go-giver",lead:"Be useful before being transactional.",lines:["Share knowledge. Open doors. Make introductions. Help when you can."],closing:"Not every useful interaction needs an invoice.",accent:"connect"},{title:"Stay curious",lead:"Don't assume you already know the answer.",lines:["Ask. Explore. Research. Experiment. Listen."],closing:"Change your mind when the evidence changes.",accent:"think"},{title:"Believe in people",lead:"Potential is everywhere. Opportunity isn't.",lines:["Create environments where more people get the chance to participate."],accent:"learn"}

1,{title:"Be transparent",lead:"Say what you think.",lines:["If something isn't working, say so.","If we don't know, say so.","If somebody else is better placed to help, say so."],accent:"discovery"},{title:"Be authentic",lead:"No unnecessary bullship*.",lines:["Clear beats complicated.","GoodShip* should feel like the people behind it: experienced, curious, straightforward, occasionally irreverent."],closing:"And serious about doing useful work.",accent:"make"}],Q=[{title:"Purpose before output",lines:["Understand why something should exist before deciding what to make."]},{title:"People before technology",lines:["Start with the people. Choose the tools afterwards."]},{title:"Question before answer",lines:["Make sure we're solving the right problem."]},{title:"Make before perfect",lines:["Create. Test. Learn. Improve."]},{title:"Collaboration over ego",lines:["The best idea matters more than who owns it."]},{title:"Simplicity matters",lines:["Make things easier to understand, access and use."]},{title:"Measure what changed",lines:["Activity tells us what we did.","Impact tells us whether it mattered."]}],_=["programmes","communities","platforms","opportunities","learning experiences","partnerships","our own IP"],R=[{name:"AI Activator",body:"Building AI confidence through real-world challenges.",to:"/activations/ai-activator",logo:f,accent:"think"},{name:"KinShip",body:"A community for people who want to connect, learn and collaborate.",to:"/activations/kinship",logo:b,accent:"connect"},{name:"Navigate",body:"Helping founders find knowledge, people and support.",to:"/activations/navigate",logo:j,accent:"learn"},{name:"OneDock",body:"Making opportunities, events and support easier to discover.",to:"/activations/onedock",logo:w,accent:"make"},{name:"Fableit",body:"New models of participatory storytelling.",to:"/activations/fableit",logo:v,logoClass:"h-6 w-auto max-w-[120px] object-contain object-left",accent:"discovery"},{name:"AI & Tech for Good",body:"Collaborative knowledge sharing on using AI and technology for good.",to:"/activations/ai-tech-for-good",logo:k.url,accent:"think"}],V=[{title:"Not a traditional agency",body:"We don't try to fit every problem into a predetermined list of deliverables."},{title:"Not a management consultancy",body:"We like strategy. We also like doing something with it."},{title:"Not an AI company",body:"AI matters increasingly to our work. Purpose comes before technology."},{title:"Not a charity",body:"GoodShip* is a commercial business. Commercial success and positive impact can coexist."},{title:"Not limited to one sector",body:"Interesting problems appear everywhere."},{title:"Not limited by geography",body:"Liverpool is home. We'll work wherever the right challenge takes us."}],z=[{title:"Ask a better question",body:"Challenge assumptions before everyone races towards the wrong answer."},{title:"Join things together",body:"Strategy, creativity, technology, people and delivery don't need to live in separate boxes."},{title:"Bring external perspective",body:"Sometimes the most useful view comes from outside the problem."},{title:"Make ideas tangible",body:"Move from talking about possibilities to creating something people can respond to."},{title:"Bring people with us",body:"Involve the people who need to understand, use, shape or benefit from the outcome."},{title:"Stay involved",body:"What happens after the idea matters."},{title:"Care about the outcome",body:"Because if nobody gives a ship* about the result, what's the point?"}],q=["What happens if decades of experience come with permission to start again?","What happens if an agency builds its own programmes, products and communities alongside client work?","What happens if emerging technology is used to help more people participate, rather than simply automate them?"],J="/__l5e/assets-v1/5e775a54-972f-4520-9aa7-d91836b82f29/people-before-technology.jpg",K={url:J};function oe(){return e.jsxs(e.Fragment,{children:[e.jsx(D,{}),e.jsxs(N,{headingAs:"h2",eyebrow:"Why GoodShip*",heading:e.jsx(e.Fragment,{children:"Purpose without action is just a statement."}),cta:{label:"See how we make things happen",to:"/what-we-do"},media:e.jsx("div",{className:"overflow-hidden card-highlight bg-primary",children:e.jsx("video",{className:"w-full h-auto block",src:"/media/hero-alien.mp4",poster:"/media/hero-alien-poster.jpg",controls:!0,autoPlay:!0,muted:!0,loop:!0,playsInl

1ine:!0,preload:"metadata","aria-label":"GoodShip* brand film"})}),children:[e.jsx("p",{children:"Plenty of people and organisations care about making things better."}),e.jsx("p",{className:"text-foreground font-medium",children:"The difficult part is making something happen."}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{children:"Turning intent into a decision."}),e.jsx("p",{children:"An idea into something tangible."}),e.jsx("p",{children:"A problem into progress."}),e.jsx("p",{children:"An opportunity into participation."})]}),e.jsx("p",{className:"text-foreground font-medium",children:"That’s why GoodShip* exists."}),e.jsx("p",{children:"We help turn what people care about into something real, useful and capable of creating impact."})]}),e.jsxs(G,{heading:e.jsx(e.Fragment,{children:"We think business can be useful."}),media:e.jsx("img",{src:H.url,alt:"Illustrated heart formed from overlapping hands and circles",className:"w-full h-auto"}),closing:e.jsx(e.Fragment,{children:"Better. Clearer. More useful. More accessible. More human. More possible."}),children:[e.jsx("p",{className:"text-foreground",children:"Business can create jobs, ideas, products, services, confidence and opportunity."}),e.jsx("p",{children:"Technology can connect people."}),e.jsx("p",{children:"Creativity can make complicated things understandable."}),e.jsx("p",{children:"Education can open doors."}),e.jsx("p",{children:"A well-timed introduction can change someone’s direction."}),e.jsx("p",{className:"text-foreground",children:"We want to spend our time using those things to make something better."}),e.jsx("p",{children:"Not every project has to change the world. But there should be a reason for doing it beyond simply making another thing."})]}),e.jsxs(m,{heading:e.jsx(e.Fragment,{children:"Purpose isn’t a paragraph on an About page."}),definitionLabel:"Purpose",definition:"The reason something should exist, change or improve.",closing:e.jsx(e.Fragment,{children:"Purpose should influence decisions. Otherwise it’s just marketing."}),children:[e.jsx("p",{children:"For GoodShip*, purpose is a filter."}),e.jsx("p",{className:"text-foreground",children:"It helps us ask:"}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{children:"Why are we doing this?"}),e.jsx("p",{children:"Who is it for?"}),e.jsx("p",{children:"What problem are we actually solving?"}),e.jsx("p",{children:"Who benefits?"}),e.jsx("p",{children:"What should be different afterwards?"})]})]}),e.jsxs(m,{tone:"surface",heading:e.jsx(e.Fragment,{children:"Activity isn’t the same as impact."}),definitionLabel:"Impact",definition:"The meaningful difference created because something happened.",closing:e.jsx(e.Fragment,{children:"The question is simple: what changed?"}),cta:{label:"See our impact",to:"/impact"},children:[e.jsx("p",{children:"A website launching is an output."}),e.jsx("p",{children:"A workshop taking place is an output."}),e.jsx("p",{children:"An event happening is an output."}),e.jsx("p",{className:"text-foreground",children:"Impact is what changes because they happened."}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{children:"Someone becomes more confident."}),e.jsx("p",{children:"An organisation makes a better decision."}),e.jsx("p",{children:"A person finds an opportunity."}),e.jsx("p",{children:"A service becomes easier to access."}),e.jsx("p",{children:"An idea becomes real."})]})]}),e.jsxs(u,{eyebrow:"Our Mission",heading:e.jsx(e.Fragment,{children:"Help good people make good things happen."}),accent:"make",children:[e.jsxs("p",{children:["We help people and organisations turn"," ",e.jsx("span",{className:"text-foreground",children:"ambition into meaningful action"}),"."]}),e.jsx("p",{children:"We use strategy, creativity, technology, knowledge, community and experimentation to solve problems, create opportunities and make positive change possible."}),e.jsx("p",{className:"text-foreground",children:"The method can change. The mission doesn’t."})]}),e.jsxs(u,{eyebrow:"Our Vision",heading:e.jsx(e.Fragment,{children:"More people able to participate in creating what comes next."}),tone:"surface",accent:"think",children:[e.jsx("p",{children:"Technology is changing."}),e.jsx("p",{children:"Work is changing."}),e.jsx("p",{children:"How people learn, build businesses, create and connect is changing."}),e.jsx("p",{className:"text-foreground",children:"We don’t think the future should belong only to people who already understand the tools, know the right people or have access to the right opportunities."}),e.jsx("p",{children:"We want more people able to:"}),e.jsx("p",{children:"participate; experiment; learn; create; connect; contribute; shape what happens next."}),e.jsxs("p",{children:["That thinking sits behind both our client work and GoodShip* Activations such as"," ",e.jsx(r,{to:"/activations/ai-activator",className:"text-foreground underline decoration-2 underline-offset-4 transition-colors hover:decoration-primary focus-visible:outline-2 focus-visible:outline-offset-2",children:"AI Activator"}),","," ",e.jsx(r,{to:"/activations/kinship",className:"text-foreground underline decoration-2 underline-offset-4 transition-colors hover:decoration-primary focus-visible:outline-2 focus-visible:outline-offset-2",children:"KinShip"}),","," ",e.jsx(r,{to:"/activations/navigate",className:"text-foreground underline decoration-2 underline-offset-4 transition-colors hover:decoration-primary focus-visible:outline-2 focus-visible:outline-offset-2",children:"Navigate"})," ","and"," ",e.jsx(r,{to:"/activations/onedock",className:"text-foreground underline decoration-2 underline-offset-4 transition-colors hover:decoration-primary focus-visible:outline-2 focus-visible:outline-offset-2",children:"OneDock"}),"."]})]}),e.jsxs(B,{eyebrow:"People before technology",heading:e.jsxs(e.Fragment,{children:["Technology is a tool. ",e.jsx("br",{}),"People are the point."]}),media:{src:K.url,alt:"Two people working side by side on laptops"},reverse:!0,pullQuote:e.jsx(e.Fragment,{children:"Start with the human problem. Then choose the tool."}),children:[e.jsx("p",{children:"We build with technology. Experiment with it. Teach it. Question it."}),e.jsx("p",{children:"And AI is increasingly part of our everyday work."}),e.jsx("p",{className:"text-foreground",children:"But technology isn’t automatically progress."}),e.jsx("p",{children:"A platform isn’t useful because it’s new. AI isn’t valuable simply because it’s AI."}),e.jsx("p",{className:"text-foreground",children:"The better question is: what does this help someone do?"}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{children:"Make something easier?"}),e.jsx("p",{children:"Learn something?"}),e.jsx("p",{children:"Access an opportunity?"}),e.jsx("p",{children:"Solve a problem?"}),e.jsx("p",{children:"Save meaningful time?"}),e.jsx("p",{children:"Create something new?"})]}),e.jsx("p",{children:"If the technology doesn’t improve the human outcome, it’s probably not the answer."})]}),e.jsxs(g,{heading:e.jsx(e.Fragment,{children:"Play is serious business."}),pullQuote:e.jsx(e.Fragment,{children:"Play creates possibility. Purpose gives it direction."}),children:[e.jsx("p",{children:"GoodShip* started with permission to play."}),e.jsx("p",{children:"Not play for the sake of being quirky."}),e.jsx("p",{className:"text-foreground",children:"Play as a way of thinking."}),e.jsx("p",{children:"Try something. Question an assumption. Combine ideas. Make something before overthinking it. Ask what if?"}),e.jsx("p",{children:"Play creates room for alternatives. But play without direction becomes noise."}),e.jsx("p",{className:"text-foreground",children:"That’s why we believe in play with purpose."}),e.jsx("p",{children:"Experiment. Learn. Adapt."})]}),e.jsx(A,{heading:e.jsx(e.Fragment,{children:"The things we try to practise."}),intro:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Values only matter when they influence behaviour."}),e.jsx("p",{children:"These are ours."})]}),items:O}),e.jsx(S,{heading:e.jsx(e.Fragment,{children:"How we put those beliefs into practice."}),items:Q}),e.jsxs(T,{heading:e.jsx(e.Fragment,{children:"The idea grew."}),items:_,statement:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Collaboration is how."}),e.jsx("p",{children:"Purpose is why."}),e.jsx("p",{children:"Impact is what we’re trying to create."}),e.jsx("p",{className:"text-lg text-muted-foreground font-body mt-4",children:"GoodShip* became a Purpose & Impact Agency."})]}),children:[e.jsx("p",{children:"GoodShip* began as a collaboration agency. The idea was simple:"}),e.jsx("p",{children:"Bring different people together. Break down traditional agency boun

1daries. Build the right team around the problem."}),e.jsx("p",{children:"That is still part of how we work."}),e.jsx("p",{children:"But during our first two years, something became increasingly obvious. We weren’t only helping clients deliver projects. We were also creating:"})]}),e.jsxs(W,{heading:e.jsx(e.Fragment,{children:"Practise what you preach."}),items:R,closing:e.jsx("p",{children:"Activations are where we put our own thinking into practice."}),cta:{label:"Explore GoodShip* Activations",to:"/activations"},children:[e.jsx("p",{children:"It’s easy to tell clients to innovate, experiment, launch, build, collaborate and try something new."}),e.jsx("p",{className:"text-foreground",children:"We think we should be prepared to do those things ourselves."}),e.jsx("p",{children:"That’s why GoodShip* creates its own programmes, platforms, communities and products. We call them Activations."})]}),e.jsx(L,{}),e.jsxs(g,{tone:"background",heading:e.jsxs(e.Fragment,{children:["Two years of play. ",e.jsx("br",{}),"A surprising amount of impact."]}),pullQuote:e.jsx(e.Fragment,{children:"GoodShip* is still an experiment. We’d like to keep it that way."}),children:[e.jsx("p",{children:"GoodShip* began as an experiment."}),e.jsx("div",{className:"space-y-2",children:q.map(i=>e.jsx("p",{children:i},i))}),e.jsx("p",{className:"text-foreground",children:"We’re still finding out."}),e.jsx("p",{children:"And that’s part of the point."})]}),e.jsx(I,{heading:e.jsx(e.Fragment,{children:"A few things we’re not trying to be."}),items:V}),e.jsx(F,{heading:e.jsx(e.Fragment,{children:"Why GoodShip*?"}),intro:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Because sometimes you don’t need another supplier."}),e.jsx("p",{className:"text-foreground",children:"You need someone who gives a ship* about what happens next."})]}),items:z}),e.jsxs(P,{heading:e.jsx(e.Fragment,{children:"What are you trying to make better?"}),primary:{label:"Tell us about it",to:"/contact"},secondary:{label:"Explore what we do",to:"/what-we-do"},children:[e.jsx("p",{children:"An idea."}),e.jsx("p",{children:"A challenge."}),e.jsx("p",{children:"An opportunity."}),e.jsx("p",{children:"Something that’s stuck."}),e.jsx("p",{children:"Something that doesn’t exist yet."}),e.jsx("p",{className:"pt-4 text-background",children:"You don’t need to know the solution."}),e.jsx("p",{children:"That’s what the first conversation is for."})]})]})}export{oe as component};