https://utiva.io/static/js/63.2e062a31.chunk.js

1(this.webpackJsonputiva_v2=this.webpackJsonputiva_v2||[]).push([[63],{499:function(e,t,a){"use strict";a.r(t);var s=a(1),r=a(31),n=a(116),c=a(32),i=a(19),l=a(0),o=function(){return Object(l.jsx)("section",{className:"bg-primary text-white",children:Object(l.jsx)(i.Fade,{bottom:!0,children:Object(l.jsxs)("div",{className:"mx-auto flex flex-col lg:flex-row justify-between items-start lg:items-center gap-[30px] lg:gap-[70px] px-[18px] sm:px-[26px] py-[68px] lg:py-20",style:{maxWidth:"1280px"},children:[Object(l.jsxs)("div",{children:[Object(l.jsxs)("p",{className:"flex items-center gap-3 text-secondary tracking-[0.1em] text-[14px] font-extrabold leading-[1.45] mb-5",children:[Object(l.jsx)("span",{className:"w-[34px] h-[3px] bg-secondary inline-block shrink-0"}),"YOUR NEXT STEP"]}),Object(l.jsx)("h2",{className:"tracking-[-0.045em] max-w-[900px] mb-[14px]",style:{fontSize:"clamp(31px, 4vw, 52px)",lineHeight:1.14},children:"Take an experienced voice into your next walk, drive or work session."}),Object(l.jsx)("p",{className:"max-w-[760px] text-[17px] leading-[1.72] m-0",style:{color:"#d7dfff"},children:"Start with a featured episode and keep learning through the Utiva resource ecosystem."})]}),Object(l.jsxs)("a",{href:"https://open.spotify.com/episode/0z7MleCXvfcq3WnN6MwhaV",target:"_blank",rel:"noreferrer",className:"bg-secondary border border-secondary text-primary rounded-xl inline-flex items-center justify-center gap-[11px] text-[15px] font-bold px-[22px] shrink-0 w-full lg:w-auto hover:bg-[#ffc342] transition-colors",style:{minHeight:"54px"},children:["Play the podcast ",Object(l.jsx)("span",{"aria-hidden":"true",children:"\u2197"})]})]})})})},d=a(5),p=a(90),x=a.p+"static/media/enyinnaya-ijoma-v2Podcast.ca5d1094.png",b=a.p+"static/media/eyitayo-ogunmola-v2Podcast.9a36acbf.png",m=a.p+"static/media/olamide-abdul-v2Podcast.6b39b24c.png",j=a.p+"static/media/onyinye-mystash-v2Podcast.8fd46513.png",h=[{id:1,epNumber:"EP 01",image:b,category:"Leadership & Building",title:"Building talent, opportunity and a technology learning company",description:"A founder conversation about building, learning and creating more practical routes into technology careers.",name:"Eyitayo Ogunmola",role:"Founder, Utiva",featured:!0,linkUrl:"https://open.spotify.com/episode/0z7MleCXvfcq3WnN6MwhaV"},{id:2,epNumber:"EP 02",image:m,category:"Career Growth",title:"The choices and lessons behind a growing technology career",description:"A grounded conversation about professional growth, career decisions and learning from experience.",name:"Olamide Abdul",role:"Guest speaker",featured:!1,linkUrl:"https://open.spotify.com/episode/1E0ZFYvM1XZrWqeOmK5Nlv"},{id:3,epNumber:"EP 03",image:x,category:"Technology Careers",title:"Finding direction and building credibility in technology",description:"An honest discussion about navigating the industry, building skills and earning trust along the way.",name:"Enyinnaya Ijoma",role:"Guest speaker",featured:!1,linkUrl:"https://open.spotify.com/episode/56ndSwVbNzKyf22KjK5Xbx"},{id:4,epNumber:"EP 04",image:j,category:"Founders & Fintech",title:"Building products that help people make better money decisions",description:"A founder-focused conversation on fintech, financial literacy and product thinking.",name:"Onyinye Oguego",role:"Founder, myStash",featured:!1,linkUrl:"https://open.spotify.com/episode/4XzwsUafJ8733Zw26AnrzG"}],g=["All topics"].concat(Object(p.a)(Array.from(new Set(h.map((function(e){return e.category})))))),f=function(){return Object(l.jsx)("span",{className:"podcast-waveform","aria-hidden":"true",children:[6,11,8,14,9,12,7].map((function(e,t){return Object(l.jsx)("span",{className:"podcast-waveform-bar podcast-waveform-bar--mini rounded-full bg-primary inline-block shrink-0",style:{height:"".concat(e,"px"),opacity:.4+e/14*.6}},t)}))})},u=function(e){var t=e.episode;return Object(l.jsxs)("article",{className:"podcast-episode-card bg-white border border-[#e7ecf7] h-full rounded-[24px] overflow-hidden flex",style:{boxShadow:"0 17px 45px rgba(31,34,48,0.055)"},children:[Object(l.jsxs)("div",{className:"podcast-episode-card-media relative shrink-0",children:[Object(l.jsx)("img",{src:t.image,alt:"".concat(t.name,", ").concat(t.role),className:"w-full h-full object-cover"}),Object(l.jsx)("div",{className:"absolute inset-x-0 bottom-0 pointer-events-none",style:{to

1p:"55%",background:"linear-gradient(transparent, rgba(3,4,95,0.88))"},"aria-hidden":"true"}),Object(l.jsx)("span",{className:"absolute bottom-3 left-3 text-white text-[13px] font-extrabold tracking-[0.04em]",children:t.epNumber})]}),Object(l.jsxs)("div",{className:"flex-1 flex flex-col justify-between h-full p-6 sm:p-7",children:[Object(l.jsxs)("div",{className:"flex items-center justify-between gap-3 mb-4",children:[Object(l.jsx)("span",{className:"text-[#9a6500] tracking-[0.05em] text-[13px] font-extrabold uppercase",children:t.category}),Object(l.jsx)(f,{})]}),Object(l.jsx)("h3",{className:"text-primary tracking-[-0.025em] font-extrabold text-[21px] sm:text-3xl leading-[1.3] mb-4",children:t.title}),Object(l.jsx)("p",{className:"text-[#555b6e] text-lg leading-[1.68] mb-5",children:t.description}),Object(l.jsxs)("div",{className:"podcast-episode-card-footer flex items-center justify-between gap-3 mt-auto pt-4 border-t border-[#eef1fa]",children:[Object(l.jsxs)("span",{children:[Object(l.jsx)("span",{className:"block text-[#101223] font-bold text-[15px]",children:t.name}),Object(l.jsx)("span",{className:"block text-[#7a8096] text-[13px]",children:t.role})]}),Object(l.jsxs)("a",{href:t.linkUrl,target:"_blank",rel:"noreferrer",className:"podcast-listen-btn inline-flex items-center gap-2 bg-[#eef1fd] text-primary text-[14px] font-extrabold rounded-full shrink-0 hover:bg-[#dfe5fb] transition-colors",children:[Object(l.jsx)("span",{className:"podcast-play-dot podcast-play-dot--sm inline-flex items-center justify-center rounded-full bg-primary shrink-0",children:Object(l.jsx)("span",{"aria-hidden":"true",className:"podcast-play-triangle podcast-play-triangle--white"})}),"Listen"]})]})]})]})},y=function(){var e=Object(s.useState)(""),t=Object(d.a)(e,2),a=t[0],r=t[1],n=Object(s.useState)("All topics"),c=Object(d.a)(n,2),o=c[0],p=c[1],x=Object(s.useMemo)((function(){var e=a.trim().toLowerCase();return h.filter((function(t){var a="All topics"===o||t.category===o,s=!e||t.title.toLowerCase().includes(e)||t.name.toLowerCase().includes(e)||t.category.toLowerCase().includes(e);return a&&s}))}),[a,o]);return Object(l.jsx)("section",{id:"podcast","aria-labelledby":"podcast-library-title",style:{background:"#f1f4fc"},children:Object(l.jsxs)("div",{className:"mx-auto px-[18px] sm:px-[26px] py-[78px] lg:py-[105px]",style:{maxWidth:"1280px"},children:[Object(l.jsxs)(i.Fade,{bottom:!0,children:[Object(l.jsxs)("p",{className:"flex items-center gap-3 text-[#9a6500] tracking-[0.1em] text-[14px] font-extrabold leading-[1.45] mb-5",children:[Object(l.jsx)("span",{className:"w-[34px] h-[3px] bg-secondary inline-block shrink-0"}),"THE EPISODE LIBRARY"]}),Object(l.jsxs)("div",{className:"flex flex-wrap items-end justify-between gap-4 mb-8",children:[Object(l.jsx)("h2",{id:"podcast-library-title",className:"text-primary tracking-[-0.045em] leading-[1.12] m-0 max-w-[700px]",style:{fontSize:"clamp(32px, 4vw, 52px)"},children:"Find a conversation for where you are."}),Object(l.jsxs)("span",{className:"podcast-count-pill inline-flex items-center bg-[#e4e7fb] text-primary font-bold text-[14px] rounded-full shrink-0",children:[x.length," episode",1===x.length?"":"s"]})]}),Object(l.jsxs)("div",{className:"podcast-search-bar flex flex-col sm:flex-row items-stretch bg-white border border-[#dfe4f5] rounded-2xl mb-6",children:[Object(l.jsxs)("label",{className:"flex-1 flex items-center gap-3 px-5",htmlFor:"podcast-search",children:[Object(l.jsx)("span",{"aria-hidden":"true",className:"text-[#8b93ad] text-[17px]",children:"\ud83d\udd0d"}),Object(l.jsx)("input",{id:"podcast-search",type:"search",value:a,onChange:function(e){return r(e.target.value)},placeholder:"Search speakers, topics or ideas\u2026",className:"podcast-search-input flex-1 border-0 outline-none text-[15px] text-[#333a4d] placeholder-[#8b93ad] bg-transparent py-4"})]}),Object(l.jsx)("div",{className:"podcast-search-divider hidden sm:block","aria-hidden":"true"}),Object(l.jsxs)("label",{className:"flex items-center gap-2 px-5 py-4 text-[15px]",htmlFor:"podcast-sort",children:[Object(l.jsx)("span",{className:"text-[#8b93ad]",children:"Sort by"}

1),Object(l.jsx)("select",{id:"podcast-sort",className:"podcast-sort-select font-bold text-primary bg-transparent border-0 outline-none",defaultValue:"Featured",children:Object(l.jsx)("option",{value:"Featured",children:"Featured"})})]})]}),Object(l.jsx)("div",{className:"flex flex-wrap gap-3 mb-10",children:g.map((function(e){var t=e===o;return Object(l.jsx)("button",{type:"button",onClick:function(){return p(e)},className:"podcast-topic-pill inline-flex items-center rounded-full text-[14px] font-bold transition-colors ".concat(t?"bg-primary text-white":"bg-white text-[#333a4d] border border-[#dfe4f5] hover:border-primary"),children:e},e)}))})]}),Object(l.jsx)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:x.map((function(e){return Object(l.jsx)(i.Fade,{bottom:!0,children:Object(l.jsx)(u,{episode:e})},e.id)}))}),0===x.length&&Object(l.jsx)("p",{className:"text-[#555b6e] text-[16px] text-center py-16",children:"No episodes match your search just yet."})]})})},O=[16,34,22,46,28,40,18,36,24,44,20,32],v=function(){var e=h.find((function(e){return e.featured}))||h[0];return Object(l.jsx)("section",{"aria-labelledby":"podcast-featured-heading",className:"mx-auto px-[18px] sm:px-[26px] pt-8 pb-[54px] lg:pb-[74px]",style:{maxWidth:"1280px"},children:Object(l.jsx)(i.Fade,{bottom:!0,children:Object(l.jsxs)("div",{className:"podcast-grid-featured gap-[34px] lg:gap-[64px] items-center",children:[Object(l.jsxs)("div",{className:"podcast-featured-media relative overflow-hidden",style:{background:"linear-gradient(160deg, #050794 0%, #030360 60%, #010128 100%)"},children:[Object(l.jsx)("img",{src:e.image,alt:"".concat(e.name,", ").concat(e.role),className:"w-full h-full object-cover"}),Object(l.jsx)("div",{className:"absolute inset-0 pointer-events-none",style:{background:"linear-gradient(120deg, rgba(3,4,95,0.55) 0%, rgba(3,4,95,0) 35%, rgba(3,4,95,0) 62%, rgba(251,175,27,0.16) 85%, rgba(251,175,27,0.3) 100%)"},"aria-hidden":"true"}),Object(l.jsx)("div",{className:"absolute inset-x-0 bottom-0 pointer-events-none",style:{top:"62%",background:"linear-gradient(transparent, rgba(1,1,40,0.75))"},"aria-hidden":"true"}),Object(l.jsx)("div",{className:"podcast-featured-waveform absolute flex items-end","aria-hidden":"true",children:O.map((function(e,t){return Object(l.jsx)("span",{className:"podcast-waveform-bar rounded-full bg-secondary inline-block shrink-0",style:{height:"".concat(e,"px"),opacity:.35+e/46*.65}},t)}))}),Object(l.jsx)("span",{className:"podcast-featured-badge absolute inline-flex items-center bg-secondary text-primary tracking-[0.06em] text-[13px] font-extrabold",children:"FEATURED SPEAKER"})]}),Object(l.jsxs)("div",{children:[Object(l.jsx)("p",{className:"text-[#9a6500] tracking-[0.1em] text-[14px] font-extrabold leading-[1.45] mb-4 uppercase",children:e.category}),Object(l.jsx)("h2",{id:"podcast-featured-heading",className:"text-primary tracking-[-0.04em] leading-[1.14] font-bold mb-6",style:{fontSize:"clamp(32px, 3.6vw, 48px)"},children:e.title}),Object(l.jsxs)("p",{className:"flex items-center gap-3 mb-5",children:[Object(l.jsx)("span",{className:"text-[#101223] font-extrabold text-[17px]",children:e.name}),Object(l.jsx)("span",{className:"w-px h-[18px] bg-secondary inline-block shrink-0"}),Object(l.jsx)("span",{className:"text-[#555b6e] text-[16px]",children:e.role})]}),Object(l.jsx)("p",{className:"text-[#555b6e] max-w-[560px] text-[17px] leading-[1.78] mb-8",children:e.description}),Object(l.jsxs)("a",{href:e.linkUrl,target:"_blank",rel:"noreferrer",className:"bg-primary text-white rounded-2xl inline-flex items-center gap-3 text-[15px] font-bold pl-3 pr-6 hover:bg-[#03045f] hover:-translate-y-0.5 transition-all",style:{minHeight:"56px"},children:[Object(l.jsx)("span",{className:"podcast-play-dot inline-flex items-center justify-center rounded-full bg-secondary shrink-0",children:Object(l.jsx)("span",{"aria-hidden":"true",className:"podcast-play-triangle"})}),"Play featured episode"]})]})]})})})},N=[{src:b,alt:"Eyitayo Ogunmola, Utiva podcast guest"},{src:m,alt:"Olamide Abdul, Utiva podcast guest"},{src:x,alt:"Enyinnaya Ijoma, Utiva podcast guest"},{src:j,alt:"Onyinye, myStash, Utiva podcast guest"}],w=[9,18,12,24,15,21,10,19,13,26,16,11,23,14,9,20,12,17,10,22],k=function(e){var t=e.spread,a=void 0!==t&&t;return Object(l.jsx)("div",{className:"podcast-waveform".concat(a?" podcast-waveform--spread":""),"aria-hidden":"true",children:w.map((function(e,t){return Object(l.jsx)("span",{className:"podcast-waveform-bar rounded-full bg-secondary inline-block shrink-0",style:{height:"".concat(e,"px"),opacity:.45+e/26*.55}},t)}))})},S=function(){return Object(l.jsxs)("section",{className:"podcast-grid-hero mx-auto gap-[34px] lg:gap-[58px] items-center px-[18px] sm:px-[26px] pt-[54px] sm:pt-[58px] lg:pt-[74px] pb-8 lg:pb-12",style:{maxWidth:"1280px"},"aria-labelledby":"podcast-page-heading",children:[Object(l.jsx)(i.Fade,{bottom:!0,children:Object(l.jsxs)("div",{children:[Object(l.jsxs)("p",{className:"flex items-center gap-3 text-primary tracking-[0.1em] text-[14px] font-extrabold leading-[1.45] mb-5",children:[Object(l.jsx)("span",{className:"w-[34px] h-[3px] bg-secondary inline-block shrink-0"}),"THE UTIVA PODCAST"]}),Object(l.jsxs)("h1",{id:"podcast-page-heading",className:"tracking-[-0.045em] leading-[1.05] max-w-[620px]  font-extrabold",style:{fontSize:"clamp(42px, 5vw, 64px)"},children:[Object(l.jsx)("span",{className:"text-primary block",children:"Meet the people"}),Object(l.jsx)("span",{className:"text-[#0c0c1f] block",children:"behind the ideas."})]}),Object(l.jsx)("div",{className:"max-w-[300px] sm:max-w-[360px] h-[6px] bg-secondary rounded-full mb-[26px]"}),Object(l.jsx)("p",{className:"text-[#555b6e] max-w-[520px] text-[17px] sm:text-[19px] leading-[1.78] m-0",children:"Useful conversations with founders, operators and technology professionals\u2014told by the people who lived them."}),Object(l.jsxs)("div",{className:"flex flex-wrap items-center gap-4 mt-[34px]",children:[Object(l.jsxs)("a",{href:"#podcast",className:"border border-primary bg-primary text-white rounded-xl inline-flex items-center justify-center gap-[11px] text-[15px] font-bold px-[26px] hover:bg-[#03045f] hover:-translate-y-0.5 transition-all w-full sm:w-auto",style:{minHeight:"54px",boxShadow:"0 14px 34px rgba(5,7,148,0.17)"},children:["Explore episodes ",Object(l.jsx)("span",{"aria-hidden":"true",children:"\u2193"})]}),Object(l.jsxs)("a",{href:"https://open.spotify.com/episode/0z7MleCXvfcq3WnN6MwhaV",target:"_blank",rel:"noreferrer",className:"border border-primary text-primary bg-white rounded-xl inline-flex items-center justify-center gap-[11px] text-[15px] font-bold px-[26px] hover:-translate-y-0.5 transition-all w-full sm:w-auto",style:{minHeight:"54px"},children:["Listen on Spotify ",Object(l.jsx)("span",{"aria-hidden":"true",children:"\u2197"})]})]})]})}),Object(l.jsx)(i.Fade,{bottom:!0,children:Object(l.jsxs)("div",{className:"podcast-player

1-card relative overflow-hidden",style:{background:"linear-gradient(155deg, #0b0ea3 0%, #050794 45%, #000269 100%)",boxShadow:"0 30px 70px rgba(20,27,68,0.28)"},children:[Object(l.jsxs)("div",{className:"flex items-center justify-between mb-8 sm:mb-10",children:[Object(l.jsx)("span",{className:"text-secondary tracking-[0.14em] text-[13px] sm:text-[14px] font-extrabold",children:"NOW PLAYING"}),Object(l.jsx)(k,{})]}),Object(l.jsx)("div",{className:"flex items-center mb-8 sm:mb-10",children:N.map((function(e,t){return Object(l.jsx)("img",{src:e.src,alt:e.alt,className:"avatar-face rounded-full object-cover border-white shrink-0",style:{marginLeft:0===t?0:"-18px"}},e.alt)}))}),Object(l.jsx)("h2",{className:"text-white font-extrabold tracking-[-0.03em] leading-[1.15] mb-3",style:{fontSize:"clamp(28px, 3vw, 38px)"},children:"Real people. Useful stories."}),Object(l.jsx)("p",{className:"text-[#d7dbff] text-[16px] sm:text-[17px] mb-8 sm:mb-10",children:"Four conversations ready to play."}),Object(l.jsx)(k,{spread:!0})]})})]})},U=a(33);t.default=function(){return Object(l.jsxs)("div",{children:[Object(l.jsxs)(r.a,{children:[Object(l.jsx)("title",{children:"Utiva | Podcast"}),Object(l.jsx)("meta",{name:"description",content:"The Utiva Podcast: conversations that make a career in technology feel more possible, with technology experts and professionals sharing the experience behind meaningful growth."}),Object(l.jsx)("meta",{property:"og:title",content:"The Utiva Podcast"}),Object(l.jsx)("meta",{property:"og:description",content:"Honest conversations with people doing the work."}),Object(l.jsx)("meta",{property:"og:url",content:window.location.href}),Object(l.jsx)("meta",{property:"og:type",content:"website"})]}),Object(l.jsx)("header",{className:"w-full relative",children:Object(l.jsx)(c.a,{})}),Object(l.jsx)(n.a,{}),Object(l.jsxs)("main",{children:[Object(l.jsx)(S,{}),Object(l.jsx)(v,{}),Object(l.jsx)(y,{}),Object(l.jsx)(o,{})]}),Object(l.jsx)(U.a,{})]})}}}]);
2//# sourceMappingURL=63.2e062a31.chunk.js.map