https://www.thegraphicdesignschool.com/component---src-templates-ai-pillar-js-19f27ee425fa14eef2cf.js

1"use strict";(self.webpackChunktgds_website=self.webpackChunktgds_website||[]).push([[2839,2940,6848],{2940:function(e,t,a){a.d(t,{VideoPlayer:function(){return d}});var l,r=a(6905),n=a(758),m=a(4758),o=a(7179);const c=o.default.div.withConfig({displayName:"VideoPlayerStyles__VideoWrapper",componentId:"sc-tvhq20-0"})(l||(l=(0,m.A)(["position:relative;width:100%;aspect-ratio:",";.react-player{position:absolute !important;inset:0;width:100% !important;height:100% !important;}.react-player__preview{position:absolute;inset:0;background:#000 center/cover;}"])),e=>(e=>{switch(e){case"4:3":return"4/3";case"1:1":return"1/1";case"9:16":return"9/16";default:return"16/9"}})(e.$aspect)),s=["url","thumbnail","playIcon","playing","autoplay","controls","config","onError","onReady","className","wrapperClassName","aspect"],i=(0,n.lazy)(()=>a.e(2599).then(a.bind(a,2599))),d=e=>{let t=e.url,a=e.thumbnail,l=e.playIcon,m=e.playing,o=void 0!==m&&m,d=e.autoplay,p=void 0!==d&&d,u=e.controls,b=void 0===u||u,h=e.config,E=void 0===h?{}:h,g=e.onError,v=e.onReady,f=e.className,N=void 0===f?"react-player":f,y=e.wrapperClassName,w=void 0===y?"":y,x=e.aspect,k=void 0===x?"16:9":x,_=(0,r.A)(e,s);const C=(0,n.useState)(!1),A=C[0],I=C[1];(0,n.useEffect)(()=>{I(!0)},[]);const V=Object.assign({youtube:{playerVars:{showinfo:1,modestbranding:1,muted:1,rel:0}}},E),j=/^https?:\/\//i.test(t)?t:"https://www.youtube.com/watch?v="+t;return n.createElement(c,{$aspect:k,className:w,suppressHydrationWarning:!0},A&&n.createElement(n.Suspense,{fallback:null},n.createElement(i,Object.assign({src:j,playing:o||p,controls:b,width:"100%",height:"100%",className:N,playIcon:l,config:V,onError:g,onReady:v,light:a},_))))}},3978:function(e,t,a){a.r(t),a.d(t,{Head:function(){return u}});var l,r,n=a(4758),m=a(758),o=a(7179),c=a(9624),s=a(2853),i=a(293),d=a(9697),p=a(5698);const u=e=>m.createElement(p.a,e),b=o.default.div.withConfig({displayName:"ai-pillar__Wrap",componentId:"sc-glkwb5-0"})(l||(l=(0,n.A)(["line-height:var(--leading-relaxed);p{margin-bottom:1.5em;}ul{margin-bottom:1.5em;padding-left:1.25rem;list-style:disc;}li{margin-bottom:0.75em;}a{font-weight:500;color:var(--blue);text-decoration:none;transition:all 0.3s ease-in-out;&:hover{color:var(--rich-blue);}}h3{border-left:3px solid var(--blue);padding-left:0.75rem;margin-top:0.5em;}"]))),h=o.default.div.withConfig({displayName:"ai-pillar__HeroImg",componentId:"sc-glkwb5-1"})(r||(r=(0,n.A)(["margin-top:-25vw;"]))),E=e=>{let t=e.title,a=e.html;return m.createElement("div",{className:"row px pb-3 mo:pb-3"},m.createElement(b,{className:"col-6 off-3"},t&&m.createElement("h3",{className:"text-clamp-1.77 mo:text-mo-h2 mo:mb-2"},t),a&&m.createElement(i.zZ,{html:a})))};t.default=e=>{const t=e.pageContext,a=t.content||[];return m.createElement(c.P,{path:e.path,hasContact:!0,hasInstagram:!0},m.createElement("div",{className:"bg-blue-dark pt-20 pb-15 hero mo:pt-12 relative"}),m.createElement(h,{className:"row px pt-0 pb-6 mo:pb-6"},m.createElement("div",{className:"col-10 off-1 mo:w-full"},m.createElement(s._V,{assets:t.assets,fileName:t.hero,className:"h-[27.5vw]"}))),m.createElement("div",{className:"row px pb-2 mo:pb-2"},m.createElement("div",{className:"col-8 off-2 center m-left"},m.createElement("h1",{className:"text-clamp-3.3 mo:text-clamp-2.5"},t.title))),m.createElement("section",null,a.map((e,t)=>m.createElement(E,Object.assign({key:t},e)))),m.createElement(d.CTABanner,null))}},9697:function(e,t,a){a.r(t),a.d(t,{ArticleCard:function(){return P},CTABanner:function(){return Y},Head:function(){return x},StyledA:function(){return A}});

1var l=a(6905),r=a(4758),n=a(758),m=a(7179),o=a(9624),c=a(293),s=a(1405),i=a(6877),d=a(3175),p=a(2853),u=a(2940),b=a(5115),h=a(5698);const E=["type"];var g,v,f,N,y,w;const x=e=>n.createElement(h.a,e),k=m.default.div.withConfig({displayName:"ai-home__SectionContainer",componentId:"sc-1ewzc4r-0"})(g||(g=(0,r.A)(["padding:2rem 0;","{padding:1rem 0;}"])),b.mq.mobile),_=m.default.div.withConfig({displayName:"ai-home__VideoSection",componentId:"sc-1ewzc4r-1"})(v||(v=(0,r.A)(["background:var(--grey10);overflow:hidden;","{margin:0 -1rem;}"])),b.mq.mobile),C=m.default.div.withConfig({displayName:"ai-home__ContentWrapper",componentId:"sc-1ewzc4r-2"})(f||(f=(0,r.A)(["display:flex;align-items:center;height:100%;padding:2rem;","{padding:1rem;}"])),b.mq.mobile),A=m.default.a.withConfig({displayName:"ai-home__StyledA",componentId:"sc-1ewzc4r-3"})(N||(N=(0,r.A)(["transition:var(--motion-base);&:hover{background:var(--black);color:var(--yellow);transform:translateY(-2px);}"]))),I=e=>{let t=e.title,a=e.description,l=e.youtube;return n.createElement(k,{className:"row px my-2 mo:my-4"},n.createElement("div",{className:"col-1 bg-grey-10 mo:hidden"}),n.createElement(_,{className:"col-6 pt-4 pb-4 mo:w-full mo:pt-0 mo:pb-3"},n.createElement(u.VideoPlayer,{url:l,autoplay:!1,controls:!0})),n.createElement("div",{className:"col-1 bg-grey-10 mo:hidden"}),n.createElement("div",{className:"col-3 bg-grey-10 mo:pr-3 mo:pl-3"},n.createElement(C,null,n.createElement("div",null,n.createElement("h3",{className:"mb-2 mo:mt-0 mo:mb-2 text-clamp-1.77 mo:text-mo-h2"},t),n.createElement(c.EY,{className:"text-clamp-1.25 mo:text-mo-body mo:leading-relaxed font-book mo:mb-3",t:a})))),n.createElement("div",{className:"col-1 bg-grey-10 mo:hidden"}))},V=e=>{let t=e.title,a=e.description,l=e.assets,r=e.imageName;return n.createElement(n.Fragment,null,n.createElement("div",{className:"row px"},n.createElement("div",{className:"col-6 off-3 pt-6 pb-3 center"},n.createElement("h2",null,t))),n.createElement("div",{className:"row px pb-6"},n.createElement("div",{className:"col-4 off-1 pst-2"},n.createElement(c.EY,{t:a})),n.createElement("div",{className:"col-5"},n.createElement(p._V,{assets:l,fileName:r}))))},j=e=>{let t=e.title,a=e.description;return n.createElement("div",{className:"row px bg-grey-10"},n.createElement("div",{className:"col-4 pt-6 pb-6 bg-grey-30 tail-left"}),n.createElement("div",{className:"col-1 bg-grey-30 mo:hidden"}),n.createElement("div",{className:"col-6 off-1 pt-9 pb-8 mo:pt-7 mo:pb-7"},n.createElement(C,null,n.createElement("div",null,n.createElement("h3",{className:"mb-2 mo:mt-2 mo:mb-2 mo:text-mo-h2"},t),n.createElement(c.EY,{className:"text-clamp-1.25 mo:text-mo-body mo:leading-relaxed font-book mo:mb-2",t:a})))))},z=e=>{let t=e.title,a=e.description,l=e.assets,r=e.imageName;return n.createElement("div",{className:"row px pb-6 pt-6"},n.createElement("div",{className:"col-6 off-1 pst-1 text-clamp-1.25 font-book"},n.createElement("h3",{className:"mb-2 mo:mt-2 mo:mb-2"},t),n.createElement(c.EY,{className:"text-clamp-1.25 font-book mo:mb-2",t:a})),n.createElement("div",{className:"col-4"},n.createElement(p._V,{assets:l,fileName:r})))},S=e=>{let t=e.title,a=e.description,l=e.assets,r=e.imageName;return n.createElement("div",{className:"row px pb-6 pt-6"},n.createElement("div",{className:"col-6"},n.createElement("h3",{className:"mb-2"},t),n.createElement(c.EY,{t:a})),n.createElement("div",{className:"col-6"},n.createElement(p._V,{assets:l,fileName:r})))},O=e=>{let t=e.title,a=e.description,l=e.assets,r=e.imageName,m=void 0===r?"fallback.png":r,o=e.layout;const c={title:t,description:a,assets:l,imageName:m};let s;switch(void 0===o?"default":o){case"chatgpt":s=n.createElement(V,c);break;case"midjourney":s=n.createElement(j,c);break;case"dall-e":s=n.createElement(z,c);break;default:s=n.createElement(S,c)}return n.createElement(k,null,s)},Y=e=>{let t=e.title,a=void 0===t?"Ready to Kickstart Your Design Career?":t,l=e.buttonText,r=void 0===l?"See all courses":l,m=e.buttonLink,o=void 0===m?"/courses":m;return n.createElement("div",{className:"row px bg-blue-rich text-white pt-6 pb-6 mo:pt-6 mo:pb-6"},n.createElement("div",{className:"off-2 col-8 medium text-clamp-1.25 center"},n.createElement("h2",{className:"mb-3 mo:text-mo-h1 mo:mb-3"},a),n.createElement(A,{href:o,className:"rounded-full bg-yellow text-black no-underline px-3 py-1 mo:px-3 mo:py-1 hover:text-black"},r)))},P=e=>{let t=e.article,a=e.assets;return n.createElement("div",{className:"flex-col h-full px-3 pt-3 pb-3 mo:pt-3 mo:pl-3 mo:pr-3 mo:pb-3",style:{background:"var(--grey10)",borderRadius:"var(--radius-sharp)",overflow:"hidden"}},n.createElement("div",null,n.createElement(p._V,{assets:a,fileName:t.linkImg||"fallback.png",className:"h-[15vw] mo:h-[50vw]"})),n.createElement("h4",{className:"pt-2 mo:pt-2 mo:mb-2 mo:text-clamp-1.25"},t.titleLink),n.createElement("div",{className:"mb-2 flex-1 mo:mb-2 mo:text-clamp-1"},t.descLink||""),n.createElement("a",{className:"text-black no-underline hover:text-blue inline-flex items-center gap-1",href:t.permalink},"Read the Article ",n.createElement(s.h,null)))},R=e=>{let t=e.title,a=e.subtitle,l=e.desc,r=e.articles,m=e.assets;return n.createElement(k,null,n.createElement("div",{className:"row px items-center"},n.createElement("div",{className:"col-6 pt-4 pb-4"},n.createElement("h5",{className:"mo:text-clamp-1 mo:mb-2"},a),n.createElement("h3",{className:"mo:text-clamp-1.25"},t)),n.createElement("div",{className:"col-5 off-1 mo:pb-5"},n.createElement("div",{className:"mo:text-clamp-1"},l))),n.createElement("div",{className:"row px pb-4 items-stretch"},r.map((e,t)=>n.createElement("div",{key:t,className:"mo:mb-4 col-4"},n.createElement(P,{article:e,assets:m})))))},W=m.default.div.withConfig({displayName:"ai-home__ProseWrap",componentId:"sc-1ewzc4r-4"})(y||(y=(0,r.A)(["line-height:var(--leading-relaxed);p{margin-bottom:1.5em;}a{font-weight:500;color:var(--blue);text-decoration:none;transition:all 0.3s ease-in-out;&:hover{color:var(--rich-blue);}}

1"]))),B=e=>{let t=e.title,a=e.html;return n.createElement(k,{className:"row px"},n.createElement(W,{className:"col-8 off-2 mo:w-full"},t&&n.createElement("h2",{className:"mb-2 mo:text-mo-h2 mo:mb-2"},t),a&&n.createElement(c.zZ,{html:a})))},T=e=>{let t=e.type,a=(0,l.A)(e,E);switch(t){case"text":return n.createElement(B,a);case"cv":return n.createElement(I,a);case"ca":return n.createElement(R,a);case"chatgpt":return n.createElement(O,Object.assign({},a,{layout:"chatgpt"}));case"midjourney":return n.createElement(O,Object.assign({},a,{layout:"midjourney"}));case"dall-e":return n.createElement(O,Object.assign({},a,{layout:"dall-e"}));case"banner":return n.createElement(Y,a);default:return i.Ay.warn("Unknown content type: "+t),null}},q=m.default.div.withConfig({displayName:"ai-home__ArchiveBlock",componentId:"sc-1ewzc4r-5"})(w||(w=(0,r.A)(["text-align:center;p{color:var(--grey60);margin-bottom:1rem;}a{display:inline-block;font-weight:600;color:var(--blue);text-decoration:none;padding:0.75rem 2rem;border:2px solid var(--blue);border-radius:100px;transition:all 0.2s ease;&:hover{background:var(--blue);color:white;}}"])));t.default=e=>{let t=e.path,a=e.pageContext;const l=a.hero,r=a.content,m=a.assets;return n.createElement(o.P,{hasContact:!0,hasInstagram:!0,noWhiteBackToTop:!0,path:t},n.createElement(d.A,{cn:"center",movingArrow:!0,title:l.text}),r.map((e,t)=>n.createElement(T,Object.assign({},e,{key:e.type+"-"+t,assets:m}))),n.createElement(q,{className:"row px pb-6"},n.createElement("div",{className:"col-8 off-2 mo:w-full center"},n.createElement("p",null,"More articles on design, professional practice, and creative tools."),n.createElement("a",{href:"/blog/archive/"},"Browse the full archive →"))))}}}]);