https://ae-app-labs.github.io/_app/immutable/nodes/6.O99oG-Ga.js

1import{S as j,i as q,f as O,J as S,j as c,A as s,K as M,M as F,C as f,r as V,E as b,p as g,q as C,u as w,w as Z,k as x,$ as D,l as G,a0 as W,y as J,B as P,z as K,N as z,x as Q,P as X}from"../chunks/Kv0FeYLS.js";import"../chunks/IHki7fMi.js";import{f as R}from"../chunks/Bv7xx2NA.js";import{s as Y}from"../chunks/DUzN9ggb.js";const $=()=>{const l=Y;return{page:{subscribe:l.page.subscribe},navigating:{subscribe:l.navigating.subscribe},updated:l.updated}},ee={subscribe(l){return $().page.subscribe(l)}};function U(l){let a,d,n,p,o,h,r;return{c(){a=b("meta"),d=w(),n=b("meta"),p=w(),o=b("meta"),h=w(),r=b("meta"),this.h()},l(i){a=f(i,"META",{name:!0,content:!0}),d=C(i),n=f(i,"META",{name:!0,content:!0}),p=C(i),o=f(i,"META",{name:!0,content:!0}),h=C(i),r=f(i,"META",{name:!0,content:!0}),this.h()},h(){s(a,"name","twitter:card"),s(a,"content","summary_large_image"),s(n,"name","twitter:image"),s(n,"content",l[4]),s(o,"name","og:image"),s(o,"content",l[4]),s(r,"name","twitter:image:alt"),s(r,"content",l[5])},m(i,e){g(i,a,e),g(i,d,e),g(i,n,e),g(i,p,e),g(i,o,e),g(i,h,e),g(i,r,e)},p(i,e){e&16&&s(n,"content",i[4]),e&16&&s(o,"content",i[4]),e&32&&s(r,"content",i[5])},d(i){i&&(c(a),c(d),c(n),c(p),c(o),c(h),c(r))}}}function te(l){let a,d,n,p,o,h,r,i;document.title=a=l[1]+" - "+l[2];let e=l[4]&&U(l);return{c(){d=b("meta"),n=b("meta"),p=b("meta"),o=b("meta"),h=b("meta"),r=b("meta"),e&&e.c(),i=V(),this.h()},l(m){const u=F("svelte-1d29ln3",document.head);d=f(u,"META",{property:!0,content:!0}),n=f(u,"META",{name:!0,content:!0}),p=f(u,"META",{name:!0,content:!0}),o=f(u,"META",{name:!0,content:!0}),h=f(u,"META",{name:!0,content:!0}),r=f(u,"META",{name:!0,content:!0}),e&&e.l(u),i=V(),u.forEach(c),this.h()},h(){s(d,"property","og:url"),s(d,"content",l[0]),s(n,"name","description"),s(n,"content",l[3]),s(p,"name","og:description"),s(p,"content",l[3]),s(o,"name","twitter:description"),s(o,"content",l[3]),s(h,"name","twitter:title"),s(h,"content",l[2]),s(r,"name","og:title"),s(r,"content",l[2])},m(m,u){M(document.head,d),M(document.head,n),M(document.head,p),M(document.head,o),M(document.head,h),M(document.head,r),e&&e.m(document.head,null),M(document.head,i)},p(m,[u]){u&6&&a!==(a=m[1]+" - "+m[2])&&(document.title=a),u&1&&s(d,"content",m[0]),u&8&&s(n,"content",m[3]),u&8&&s(p,"content",m[3]),u&8&&s(o,"content",m[3]),u&4&&s(h,"content",m[2]),u&4&&s(r,"content",m[2]),m[4]?e?e.p(m,u):(e=U(m),e.c(),e.m(i.parentNode,i)):e&&(e.d(1),e=null)},i:S,o:S,d(m){c(d),c(n),c(p),c(o),c(h),c(r),e&&e.d(m),c(i)}}}function se(l,a,d){let{pageUrl:n=""}=a,{sectionName:p=""}=a,{title:o=""}=a,{description:h=""}=a,{image:r=""}=a,{imageAlt:i=""}=a;return l.$$set=e=>{"pageUrl"in e&&d(0,n=e.pageUrl),"sectionName"in e&&d(1,p=e.sectionName),"title"in e&&d(2,o=e.title),"description"in e&&d(3,h=e.description),"image"in e&&d(4,r=e.image),"imageAlt"in e&&d(5,i=e.imageAlt)},[n,p,o,h,r,i]}class ie extends j{constructor(a){super(),q(this,a,se,te,O,{pageUrl:0,sectionName:1,title:2,description:3,image:4,imageAlt:5})}}function ae(l){let a,d,n,p=`<div class="container py-4 fadeInUp"><p class="is-size-1 is-family-secondary">Van Belle Florals</p> <p class="is-size-4 stagger1">Re-Branding Concept</p> <div class="columns mt-4"><div class="column is-8 stagger1 pr-4"><p class="is-size-5 my-2">Van Belle Florals is a family owned and operated flower shop in Durham Region operating since the 1960s.
2					It is a well known florist and garden supplies store that is historic and has a lot of unique features.</p></div></div> <div class="columns stagger2 mt-4"><div class="column is-2"><h3 class="is-size-4 has-text-weight-bold">Effort</h3> <p class="is-size-6 pt-2">Research and Design</p></div> <div class="column is-2"><h3 class="is-size-4 has-text-weight-bold">Deliverables</h3> <p class="is-size-6 pt-2">Digital Assets</p></div> <div class="column is-2"><h3 class="is-size-4 has-text-weight-bold">Presentation</h3> <p class="is-size-6 pt-2 has-text-link-dark"><a href="https://www.behance.net/gallery/197383145/Florist-Website-and-Branding" target="_blank" class="button is-link" rel="noreferrer">Visit Behance <i class="fas fa-external-link-alt ml-2"></i></a></p></div></div></div>`,o,h,r,i='<img src="/img/case-studies/florist-branding/vb-banner.png" alt="Branding"/>',e,m,u='<div class="container"><div class="columns is-vcentered"><div class="column is-7 py-6"><img src="/img/case-studies/florist-branding/colors-logo.png" alt="assets"/></div> <div class="column is-4 stagger2"><p class="is-size-4 mb-4 has-text-weight-bold">Logo Redesign</p> <p class="is-size-5">The existing logo looks dated, but iconic and historic to the store location that was opened back in the 1960s.</p> <br/> <p class="is-size-6">The first step was to modernize the logo while keeping true to the roots. After a number of iterations with the help from Gen AI Tools, a simple logo 

2was created.</p></div> <div class="column is-1"> </div></div></div>',E,_,H='<div class="container"><div class="columns my-6"><div class="column is-4"><p class="is-size-4 mb-4 has-text-weight-bold">The Hero section</p> <p class="is-size-5">Since the existing website does not have a hero section or clear call to action button, these were worked into the design.</p> <br/><br/> <p class="is-size-6">We retained the language selection, user profile, shopping cart and phone number for the store at the top of the page.</p> <br/> <p class="is-size-6">Recraft.AI was used to extensively create all graphical assets for the design from scratch, including patterns.</p> <div class="has-text-right is-hidden-mobile"><svg width="84" height="110" viewBox="0 0 84 110" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_87_94)"><path d="M55.0706 1.47748C44.0481 2.88292 35.8903 11.0538 30.0003 19.9473C24.4866 28.2875 20.4887 37.712 18.3157 47.5063C16.1426 57.3005 14.7918 69.1473 18.9917 78.7605C22.5835 86.9827 30.9496 92.9778 39.7963 93.8815C50.8851 95.0123 62.6528 88.9408 68.4184 79.4198C69.3046 77.9521 68.523 76.8535 66.9022 76.9069C65.0208 76.9562 62.916 78.4195 61.9121 79.9619C52.8435 93.9341 32.7507 89.189 26.0518 75.2788C22.2095 67.2911 22.9483 57.2339 24.4522 48.7631C25.9562 40.2922 28.5711 32.6824 32.4896 25.4344C36.4082 18.1864 42.5843 7.8204 51.8717 6.62261C53.6013 6.39643 55.5945 5.36844 56.4902 3.7974C57.2124 2.5188 56.7214 1.25435 55.0706 1.47748V1.47748Z" fill="#006E42"></path><path d="M47.7765 72.8035L59.021 77.5912C62.7631 79.1889 66.4751 80.9564 70.2839 82.3735C72.027 83.0087 74.0767 82.105 75.4132 80.9478C76.0815 80.3693 76.7777 79.6819 77.0432 78.8191C77.1883 78.2935 77.1986 77.4453 76.57 77.2073C75.9889 76.9956 75.4133 76.8024 74.8377 76.6092C72.9183 75.9855 66.951 79.7904 69.4383 81.7364C69.722 81.955 70.0002 82.155 70.3023 82.3681L76.5883 77.2019C72.9497 75.4129 69.0988 73.988 65.3567 72.3903L54.1122 67.6026C52.4208 66.8717 50.2514 67.9112 48.9461 69.039C48.2962 69.6122 46.0613 72.0595 47.7949 72.7981L47.7765 72.8035Z" fill="#006E42"></path><path d="M71.1899 81.0407C64.3746 85.8995 58.0734 91.694 52.9438 98.3518C52.221 99.2885 51.3559 101.032 53.1515 101.37C54.8205 101.685 57.0035 100.42 58.0394 99.1899C59.3331 97.6831 60.6378 96.2133 61.9846 94.7513C62.6958 93.979 63.4308 93.2198 64.1713 92.4792C64.5415 92.1089 64.9117 91.7386 65.2819 91.3682C65.4698 91.1924 65.6521 90.9979 65.84 90.822C66.153 90.5289 66.2156 90.4702 66.0407 90.6222C65.8713 90.7927 65.9468 90.7102 66.2415 90.4224C66.4293 90.2465 66.6172 90.0706 66.8234 89.8893C67.2174 89.5321 67.5985 89.1989 67.9925 88.8417C68.7234 88.2045 69.4727 87.5619 70.2274 86.9378C71.7865 85.6549 73.3987 84.4168 75.051 83.2475C75.9397 82.6041 77.6282 80.5387 76.1614 79.6212C74.6946 78.7036 72.3346 80.1814 71.1791 81.0037L71.1899 81.0407Z" fill="#006E42"></path></g><defs><clipPath id="clip0_87_94"><rect width="58" height="96" fill="white" transform="translate(0.650879 17.1152) rotate(-16.3645)"></rect></clipPath></defs></svg></div> <p class="is-size-6">Most importantly the awards and accolades are displayed prominently as social proof, instead of being hidden away in an about us page.</p></div> <div class="column is-8"><img src="/img/case-studies/florist-branding/home-hero.jpg" alt="home"/></div></div></div> <div class="container"><div class="columns"><div class="column is-8"><img src="/img/case-studies/florist-branding/home-products.jpg" alt="products"/></div> <div class="column is-4"><p class="is-size-4 mb-4 has-text-weight-bold">Products section</p> <p class="is-size-5">The products section was redesigned to be elegant and provide clear information.</p> <br/><br/> <p class="is-size-6">A featured item or collection can be highlighted prominently as part of a promotion.</p> <br/> <p class="is-size-6">Recraft.AI was used to create the images and ChatGPT was used to generate the descriptions for the products.</p></div></div></div>',L,T,B='<img src="/img/case-studies/florist-branding/mobile.jpg" alt="Mobile"/> <div class="container"><div class="columns is-vcentered"><div class="column is-8 is-offset-2"><p class="is-size-4 mb-4 has-text-weight-bold">Responsive and Mobile friendly</p> <p class="is-size-5">One of the most important aspects for a modern website is to behave responsively to any screen size and be usable.</p> <br/><br/></div></div></div>',k,y,I='<img src="/img/case-studies/florist-branding/brand.jpg" alt="Branding"/>',A;

2return a=new ie({props:{sectionName:"Case Studies",title:"Van Belle Flowers Branding",description:"Concept rebranding for a local flower shop",pageUrl:l[0].url.pathname,image:"https://ae-app-labs.github.io/img/case-studies/florist-branding/vb-banner.png",imageAlt:"A banner image with a stylyzed screenshot of a web page and tools used"}}),{c(){Q(a.$$.fragment),d=w(),n=b("section"),n.innerHTML=p,h=w(),r=b("div"),r.innerHTML=i,e=w(),m=b("section"),m.innerHTML=u,E=w(),_=b("section"),_.innerHTML=H,L=w(),T=b("div"),T.innerHTML=B,k=w(),y=b("div"),y.innerHTML=I,this.h()},l(t){K(a.$$.fragment,t),d=C(t),n=f(t,"SECTION",{class:!0,"data-svelte-h":!0}),z(n)!=="svelte-qya4dp"&&(n.innerHTML=p),h=C(t),r=f(t,"DIV",{class:!0,"data-svelte-h":!0}),z(r)!=="svelte-8pvcnc"&&(r.innerHTML=i),e=C(t),m=f(t,"SECTION",{class:!0,style:!0,"data-svelte-h":!0}),z(m)!=="svelte-r37ipi"&&(m.innerHTML=u),E=C(t),_=f(t,"SECTION",{class:!0,"data-svelte-h":!0}),z(_)!=="svelte-1ysnlsp"&&(_.innerHTML=H),L=C(t),T=f(t,"DIV",{class:!0,"data-svelte-h":!0}),z(T)!=="svelte-qsynj4"&&(T.innerHTML=B),k=C(t),y=f(t,"DIV",{class:!0,"data-svelte-h":!0}),z(y)!=="svelte-et3e4g"&&(y.innerHTML=I),this.h()},h(){s(n,"class","section section-header banner-bg my-0 py-0 "),s(r,"class","my-0"),s(m,"class","section py-0"),P(m,"background-color","white"),P(m,"color","black"),s(_,"class","section"),s(T,"class","my-0"),s(y,"class","my-0 py-0")},m(t,v){J(a,t,v),g(t,d,v),g(t,n,v),g(t,h,v),g(t,r,v),g(t,e,v),g(t,m,v),g(t,E,v),g(t,_,v),g(t,L,v),g(t,T,v),g(t,k,v),g(t,y,v),A=!0},p(t,[v]){const N={};v&1&&(N.pageUrl=t[0].url.pathname),a.$set(N)},i(t){A||(G(a.$$.fragment,t),W(()=>{A&&(o||(o=D(n,R,{},!0)),o.run(1))}),A=!0)},o(t){x(a.$$.fragment,t),o||(o=D(n,R,{},!1)),o.run(0),A=!1},d(t){t&&(c(d),c(n),c(h),c(r),c(e),c(m),c(E),c(_),c(L),c(T),c(k),c(y)),Z(a,t),t&&o&&o.end()}}}function ne(l,a,d){let n;return X(l,ee,p=>d(0,n=p)),[n]}class de extends j{constructor(a){super(),q(this,a,ne,ae,O,{})}}export{de as component};