https://yottadigital.ai/assets/case-studies-CHHvx3Fq.js

1import{a as e,d as t,o as n}from"./tslib.es6-ClpB-RwH.js";import{i as r}from"./button-BgNuqtSz.js";import{c as i,i as a,n as o,p as s,r as c}from"./index-0926gK9z.js";import{t as l}from"./AmbientBackground-BrKxL7WJ.js";import{t as u}from"./InteractiveGradientBackground-CKx9NJpS.js";var d=t(n(),1),f=e(),p=[{label:`All`,value:`all`},{label:`AI Search`,value:`ai-search`},{label:`Web Development`,value:`web-development`},{label:`SEO`,value:`seo`},{label:`AI Development`,value:`ai-development`}],m=[{label:`Most Recent First`,value:`recent`},{label:`Oldest First`,value:`oldest`},{label:`A-Z`,value:`az`},{label:`Z-A`,value:`za`}],h=({onFilterChange:e,onSortChange:t,isMobile:n=!1})=>{let[r,i]=(0,d.useState)(`all`),[a,o]=(0,d.useState)(`recent`),[c,l]=(0,d.useState)(!1),[u,h]=(0,d.useState)(!1),g=t=>{i(t),l(!1),e?.(t)},_=e=>{o(e),h(!1),t?.(e)},v=()=>p.find(e=>e.value===r)?.label||`All`,y=()=>m.find(e=>e.value===a)?.label||`Most Recent First`;return n?(0,f.jsxs)(`div`,{className:`flex flex-col gap-4 w-full`,children:[(0,f.jsxs)(`div`,{className:`relative`,children:[(0,f.jsx)(`span`,{className:`font-poppins text-white mb-2 block`,style:{fontSize:`12px`},children:`Filter:`}),(0,f.jsxs)(`button`,{onClick:()=>{l(!c),h(!1)},className:`flex items-center justify-between bg-black border border-white text-white font-poppins w-full`,style:{height:`48px`,padding:`0 16px`},children:[(0,f.jsx)(`span`,{style:{fontSize:`14px`},children:v()}),(0,f.jsx)(s,{className:`w-4 h-4`})]}),c&&(0,f.jsx)(`div`,{className:`absolute top-full left-0 w-full bg-black border border-white border-t-0 z-50`,children:p.map(e=>(0,f.jsx)(`button`,{onClick:()=>g(e.value),className:`w-full text-left font-poppins text-white hover:bg-white/10 transition-colors ${r===e.value?`bg-white/20`:``}`,style:{padding:`12px 16px`,fontSize:`14px`},children:e.label},e.value))})]}),(0,f.jsxs)(`div`,{className:`relative`,children:[(0,f.jsx)(`span`,{className:`font-poppins text-white mb-2 block`,style:{fontSize:`12px`},children:`Sort:`}),(0,f.jsxs)(`button`,{onClick:()=>{h(!u),l(!1)},className:`flex items-center justify-between bg-black border border-white text-white font-poppins w-full`,style:{height:`48px`,padding:`0 16px`},children:[(0,f.jsx)(`span`,{style:{fontSize:`14px`},children:y()}),(0,f.jsx)(s,{className:`w-4 h-4`})]}),u&&(0,f.jsx)(`div`,{className:`absolute top-full left-0 w-full bg-black border border-white border-t-0 z-50`,children:m.map(e=>(0,f.jsx)(`button`,{onClick:()=>_(e.value),className:`w-full text-left font-poppins text-white hover:bg-white/10 transition-colors ${a===e.value?`bg-white/20`:``}`,style:{padding:`12px 16px`,fontSize:`14px`},children:e.label},e.value))})]})]}):(0,f.jsxs)(`div`,{className:`absolute w-full flex justify-end gap-0`,style:{top:`754px`,right:`0`,paddingRight:`61px`},children:[(0,f.jsxs)(`div`,{className:`relative`,children:[(0,f.jsx)(`span`,{className:`absolute font-poppins text-white`,style:{to

1p:`-24px`,left:`0`,fontSize:`12px`,textShadow:`0px 0px 24.5px rgba(255, 255, 255, 0.4)`},children:`Filter:`}),(0,f.jsxs)(`button`,{onClick:()=>{l(!c),h(!1)},className:`flex items-center justify-between bg-black border border-white text-white font-poppins`,style:{width:`315px`,height:`56px`,padding:`0 25px`},children:[(0,f.jsx)(`span`,{style:{fontSize:`14px`,textShadow:`0px 0px 24.5px rgba(255, 255, 255, 0.4)`},children:v()}),(0,f.jsx)(s,{className:`w-4 h-4`})]}),c&&(0,f.jsx)(`div`,{className:`absolute top-full left-0 w-full bg-black border border-white border-t-0 z-50`,children:p.map(e=>(0,f.jsx)(`button`,{onClick:()=>g(e.value),className:`w-full text-left font-poppins text-white hover:bg-white/10 transition-colors ${r===e.value?`bg-white/20`:``}`,style:{padding:`12px 25px`,fontSize:`14px`},children:e.label},e.value))})]}),(0,f.jsxs)(`div`,{className:`relative`,children:[(0,f.jsx)(`span`,{className:`absolute font-poppins text-white`,style:{top:`-24px`,left:`0`,fontSize:`12px`,textShadow:`0px 0px 24.5px rgba(255, 255, 255, 0.4)`},children:`Sort:`}),(0,f.jsxs)(`button`,{onClick:()=>{h(!u),l(!1)},className:`flex items-center justify-between bg-black border border-white border-l-0 text-white font-poppins`,style:{width:`315px`,height:`56px`,padding:`0 25px`},children:[(0,f.jsx)(`span`,{style:{fontSize:`14px`,textShadow:`0px 0px 24.5px rgba(255, 255, 255, 0.4)`},children:y()}),(0,f.jsx)(s,{className:`w-4 h-4`})]}),u&&(0,f.jsx)(`div`,{className:`absolute top-full left-0 w-full bg-black border border-white border-t-0 border-l-0 z-50`,children:m.map(e=>(0,f.jsx)(`button`,{onClick:()=>_(e.value),className:`w-full text-left font-poppins text-white hover:bg-white/10 transition-colors ${a===e.value?`bg-white/20`:``}`,style:{padding:`12px 25px`,fontSize:`14px`},children:e.label},e.value))})]}

1),(0,f.jsx)(`div`,{className:`absolute bg-white`,style:{top:`56px`,left:`-692px`,right:`-61px`,height:`1px`}})]})},g=()=>c()?(0,f.jsxs)(`section`,{className:`relative z-0 min-h-[500px] flex flex-col justify-between overflow-hidden bg-black py-10`,children:[(0,f.jsx)(`div`,{className:`relative z-10 w-full px-5 flex flex-col items-start pt-16`,children:(0,f.jsx)(i.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.8,ease:`easeOut`},className:`w-full`,children:(0,f.jsxs)(`h1`,{className:`font-poppins text-white text-left`,style:{fontSize:`40px`,fontWeight:800,maxWidth:`300px`,lineHeight:`1.05`,letterSpacing:`-0.02em`,textShadow:`0px 4px 4px rgba(0, 0, 0, 0.25)`},children:[`Nothing to prove`,` `,(0,f.jsx)(`span`,{className:`text-magenta`,children:`but we still wanna`})]})})}),(0,f.jsx)(`div`,{className:`relative z-10 w-full px-5 mt-8`,children:(0,f.jsx)(h,{isMobile:!0})})]}):(0,f.jsxs)(`section`,{className:`relative z-0 h-[1046px] flex flex-col overflow-hidden bg-white`,children:[(0,f.jsx)(u,{}),(0,f.jsxs)(`div`,{className:`relative z-10 w-full h-full`,children:[(0,f.jsx)(i.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.8,ease:`easeOut`}

1,className:`absolute`,style:{top:`192px`,left:`58px`,width:`777px`},children:(0,f.jsxs)(`h1`,{className:`font-poppins font-extrabold tracking-tight text-white text-left`,style:{fontSize:`129.55px`,fontWeight:800,lineHeight:`1.2`,textShadow:`0px 4px 4px rgba(0, 0, 0, 0.25)`},children:[`Nothing to prove `,(0,f.jsx)(`span`,{className:`text-magenta`,children:`but`}),(0,f.jsx)(`br`,{}),(0,f.jsx)(`span`,{className:`text-magenta`,children:`we still`}),(0,f.jsx)(`br`,{}),(0,f.jsx)(`span`,{className:`text-magenta`,children:`wanna`})]})}),(0,f.jsx)(h,{})]}),(0,f.jsx)(`div`,{className:`absolute bottom-0 left-0 right-0 z-20`,children:(0,f.jsx)(`svg`,{width:`100%`,height:`144`,viewBox:`0 0 1440 144`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,preserveAspectRatio:`none`,children:(0,f.jsx)(`path`,{d:`M1440 144H0V0H46V81C46 97.5685 59.4315 111 76 111H1374C1390.57 111 1404 97.5685 1404 81V0H1440V144Z`,fill:`white`})})})]}),_=[{id:`be-fit-foods`,image:`/assets/be-fit-foods-card-BrAvA11q.png`,category:`ai-search`,hasDetailPage:!0,size:`small`,title:`Be Fit Foods`,subtitle:`5x purchase increase with ML-powered targeting`,tags:`/ AI SEARCH / PAID SOCIAL / SEO`},{id:`instant-scripts`,image:`/assets/instant-scripts-card-Cm53Qq_y.png`,category:`seo`,hasDetailPage:!0,size:`small`,title:`Instant Scripts`,subtitle:`Australia's largest online medical clinic`,tags:`/ AI SEARCH / CONTENT STRATEGY / DEVELOPMENT`},{id:`point-hacks`,image:`/assets/point-hacks-card--4oBMxg3.png`,category:`ai-search`,hasDetailPage:!0,size:`small`,title:`Point Hacks`,subtitle:`AEO at Scale for Travel Rewards`,tags:`/ AI SEARCH / CONTENT STRATEGY / SEO`},{id:`natloans`,image:`/assets/natloans-card-CIxHl0OW.png`,category:`seo`,hasDetailPage:!0,size:`medium`,title:`Natloans`,subtitle:`ML Bidding + AEO Penalty Recovery`,tags:`/ AI SEARCH / PPC / SEO`},{id:`archistar`,image:`/assets/archistar-card-Bijo4OAc.png`,category:`ai-search`,hasDetailPage:!0,size:`medium`,title:`Archistar`,subtitle:`Multi-Country AEO & AI Content for PropTech`,tags:`/ AI SEARCH / CONTENT STRATEGY / SEO`},{id:`pay-com-au`,image:`/assets/pay-com-au-card-CFh5OJW6.png`,category:`ai-search`,hasDetailPage:!0,size:`small`,title:`Pay.com.au`,subtitle:`AEO + AI Thought Leadership for B2B FinTech`,tags:`/ AI SEARCH / CONTENT STRATEGY / SEO`},{id:`drummond-golf`,image:`/assets/drummond-golf-card-af2oXQO7.png`,category:`seo`,hasDetailPage:!0,size:`small`,title:`Drummond Golf`,subtitle:`Website upgrade to Adobe Commerce Cloud`,tags:`/ CONTENT STRATEGY / DEVELOPMENT / SEO`},{id:`return-to-work-sa`,image:`/assets/rtwsa-homepage-DMkHfnNa.png`,category:`ai-search`,hasDetailPage:!0,size:`small`,title:`Return to Work SA`,subtitle:`Custom platform development to improve processes`,tags:`/ DEVELOPMENT`},{id:`go-boat`,image:`/assets/goboat-hero-C12y789j.png`,category:`seo`,hasDetailPage:!0,size:`featured`,title:`Go Boat`,subtitle:`476% increase in sales through social advertising`,tags:`/ SOCIAL MEDIA / CONTENT STRATEGY / SEO`},{id:`smile-solutions`,image:`/assets/smile-solutions-card-CoF5S1W0.png`,category:`seo`,hasDetailPage:!0,size:`featured`,title:`Smile Solutions`,subtitle:`Driving growth through omnichannel marketing`,tags:`/ AI SEARCH / CONTENT STRATEGY / SEO`}],v=({study:e,isNavigating:t,onClick:n,width:r,height:i,showMeta:a=!0})=>(0,f.jsxs)(`div`,{className:`cursor-pointer`,style:{opacity:+!t,transition:`opacity 300ms ease-out`},onClick:n,children:[(0,f.jsxs)(`div`,{className:`relative group`,children:[(0,f.jsx)(`img`,{src:e.image,alt:`Case study: ${e.id}`,className:`transition-opacity duration-200 object-cover`,style:{width:r,height:i}}),(0,f.jsx)(`div`,{className:`absolute inset-0 bg-magenta opacity-0 group-hover:opacity-20 transition-opacity duration-200 pointer-events-none`})]}),a&&e.title&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`h3`,{className:`text-black mt-4`,style:{fontFamily:`Poppins, sans-serif`,fontWeight:700,fontSize:`20px`,lineHeight:`120%`},children:e.title}),e.subtitle&&(0,f.jsx)(`p`,{className:`text-black mt-1`,style:{fontFamily:`Poppins, sans-serif`,fontWeight:300,fontSize:`16px`,lineHeight:`160%`}

1,children:e.subtitle}),(0,f.jsx)(`img`,{src:`data:image/svg+xml,%3csvg%20width='387'%20height='2'%20viewBox='0%200%20387%202'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20y1='1'%20x2='387'%20y2='1'%20stroke='black'%20stroke-width='2'/%3e%3c/svg%3e`,alt:``,className:`mt-4`,style:{width:r===`100%`?`100%`:`387px`,height:`2px`}}),e.tags&&(0,f.jsx)(`p`,{className:`text-black mt-2`,style:{fontFamily:`Poppins, sans-serif`,fontWeight:800,fontSize:`14px`,lineHeight:`130%`,maxWidth:`389px`},children:e.tags})]})]}),y=({filter:e=`all`,sort:t=`recent`})=>{let n=r(),[i,a]=(0,d.useState)(null),o=c(),s=[...e===`all`?_:_.filter(t=>t.category===e)],l=e=>{e.hasDetailPage&&(a(e.id),setTimeout(()=>{n(`/case-studies/${e.id}`)},300))};if(o)return(0,f.jsx)(`section`,{className:`bg-white py-12 px-5`,children:(0,f.jsx)(`div`,{className:`flex flex-col gap-8`,children:s.map(e=>(0,f.jsx)(v,{study:e,isNavigating:i===e.id,onClick:()=>l(e),width:`100%`,height:`200px`,showMeta:!0},e.id))})});let u=s.filter(e=>e.size===`large`),p=s.filter(e=>e.size===`medium`),m=s.filter(e=>e.size===`small`),h=s.filter(e=>e.size===`featured`);return(0,f.jsx)(`section`,{className:`bg-white py-24 px-6 md:px-12 lg:px-24`,children:(0,f.jsxs)(`div`,{className:`max-w-[1400px] mx-auto`,children:[u.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-8 justify-start mb-12`,children:u.map(e=>{let t=e.id===`be-fit-foods`?424:296;return(0,f.jsxs)(`div`,{className:`cursor-pointer relative group`,style:{opacity:i===e.id?0:1,transition:`opacity 300ms ease-out`},onClick:()=>l(e),children:[(0,f.jsx)(`img`,{src:e.image,alt:`Case study: ${e.id}`,className:`w-auto h-auto transition-opacity duration-200`}),(0,f.jsx)(`div`,{className:`absolute left-0 right-0 top-0 bg-magenta opacity-0 group-hover:opacity-20 transition-opacity duration-200 pointer-events-none`,style:{height:`${t}px`}})]},e.id)})}),m.length>0&&(0,f.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12`,children:m.slice(0,3).map(e=>(0,f.jsx)(v,{study:e,isNavigating:i===e.id,onClick:()=>l(e),width:`100%`,height:`232px`},e.id))}),p.length>0&&(0,f.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-8 mb-12`,children:p.map(e=>(0,f.jsx)(v,{study:e,isNavigating:i===e.id,onClick:()=>l(e),width:`100%`,height:`320px`},e.id))}),m.length>3&&(0,f.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12`,children:m.slice(3).map(e=>(0,f.jsx)(v,{study:e,isNavigating:i===e.id,onClick:()=>l(e),width:`100%`,height:`232px`},e.id))}),h.length>0&&(0,f.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-8`,children:h.map(e=>(0,f.jsx)(v,{study:e,isNavigating:i===e.id,onClick:()=>l(e),width:`100%`,height:`400px`},e.id))})]})})},b=()=>(0,f.jsxs)(`div`,{className:`relative min-h-screen overflow-hidden`,children:[(0,f.jsx)(l,{}),(0,f.jsxs)(`div`,{className:`relative z-10 flex flex-col items-stretch`,children:[(0,f.jsx)(a,{}),(0,f.jsx)(`div`,{className:`relative w-full`,children:(0,f.jsx)(g,{})}),(0,f.jsx)(y,{}),(0,f.jsx)(o,{})]})]});export{b as component};