https://tegeria.com/static/js/635.de7e3053.chunk.js

1"use strict";(self.webpackChunkmy_app=self.webpackChunkmy_app||[]).push([[635],{1077:(e,i,t)=>{t.d(i,{A:()=>d});var n=t(2555),a=t(3986),s=t(5043),o=t(7115),r=t.n(o),c=(t(6473),t(579));const l=["children","animation","duration","delay","easing","once","className","style"],d=e=>{let{children:i,animation:t="fade-up",duration:o=800,delay:d=0,easing:h="ease-in-out",once:g=!0,className:p="",style:u={}}=e,m=(0,a.A)(e,l);return(0,s.useEffect)((()=>{r().init({duration:o,easing:h,once:g})}),[]),(0,c.jsx)("div",(0,n.A)((0,n.A)({"data-aos":t,"data-aos-delay":d,"data-aos-duration":o,"data-aos-easing":h,"data-aos-once":g,className:p,style:u},m),{},{children:i}))}},3333:(e,i,t)=>{t.d(i,{l:()=>n});const n=e=>i=>{i&&(e(i),setTimeout((()=>{window.scrollTo(0,0)}),0))}},6635:(e,i,t)=>{t.r(i),t.d(i,{default:()=>x});t(5043);var n=t(7261),a=t(7319);const s="LeadingBeverageStudy_section__edZJm",o="LeadingBeverageStudy_sectionContent__kqqWP",r="LeadingBeverageStudy_reverseMobile__oORPs";var c=t(9139),l=t(1077),d=t(579);const h="https://d2kz3nu6m96jq1.cloudfront.net",g="".concat(h,"/beverageHeader.png"),p="".concat(h,"/beveragesImg.png"),u="".concat(h,"/amazonBevImg.png"),m="".concat(h,"/bevImg2.png"),f="".concat(h,"/bevImg3.png"),y="".concat(h,"/bevImg4.png"),v="".concat(h,"/tegeriaXAwsImg.png"),x=()=>{const{width:e}=(0,n.A)(),i=e<768;return(0,d.jsxs)("div",{children:[(0,d.jsx)(a.A,{headerTitle:"Case Study"}),(0,d.jsxs)("div",{style:{flex:1,backgroundColor:"rgba(244, 245, 247, 1)"},children:[(0,d.jsxs)("div",{style:{maxWidth:"1054px",width:"100%",margin:"0 auto",paddingBottom:i?40:100,boxSizing:"border-box",overflowX:"hidden"},children:[(0,d.jsx)("h1",{style:{fontSize:i?24:36,fontWeight:700,color:"rgba(27, 49, 94, 1)",fontFamily:"Montserrat, sans-serif",lineHeight:1.2,padding:i?"32px 24px 0":"48px 0 0",margin:0},children:"Leading Beverage Company Enhances Web Application Performance and Security with AWS"}),(0,d.jsxs)(l.A,{style:{display:"flex",flexDirection:"column",gap:24,padding:i?" 0 24px":"",marginTop:i?24:32},children:[(0,d.jsx)("img",{src:g,alt:"aws header",style:{minHeight:125,objectFit:"cover"}}),(0,d.jsxs)("div",{style:{display:"flex",gap:24},children:[(0,d.jsx)("p",{children:"By Tegeria"}),(0,d.jsx)("div",{style:{width:1,borderLeft:"1px solid rgba(125, 137, 176, 1)"}}),(0,d.jsx)("p",{children:"Apr 5, 2024"})]})]}),(0,d.jsxs)("section",{className:s,style:{paddingTop:i?32:54},children:[(0,d.jsxs)(l.A,{animation:"fade-right",className:o,children:[(0,d.jsx)("h2",{children:"Overview"}),(0,d.jsx)("p",{children:"The customer is a leading entity in the non-alcoholic beverage industry. Since 1994, they have been a key player in the market, producing and distributing a wide range of popular beverages. Their extensive portfolio includes well-known international brands, and they are recognized for their significant contributions to the local economy. Committed to leveraging advanced digital technologies, the customer aims to improve operational efficiency and enhance customer engagement."})]}),(0,d.jsx)(l.A,{animation:"fade-left",children:(0,d.jsx)("img",{src:p,alt:"bev img"})})]}),(0,d.jsxs)("section",{className:"".concat(s," ").concat(r),style:{paddingTop:i?40:90},children:[(0,d.jsx)(l.A,{animation:"fade-right",children:(0,d.jsx)("img",{src:u,alt:"amazon img"})}),(0,d.jsxs)(l.A,{animation:"fade-left",className:o,children:[(0,d.jsx)("h2",{children:"The Challenge"}),(0,d.jsx)("p",{children:"The customer faced a multifaceted challenge in optimizing their React.JS web application. They needed a solution that was both cost-effective and highly available, designed to boost performance while efficiently managing cache utilization. The existing system struggled with performance issues, particularly under high traffic volumes, leading to slow load times and a subpar user experience. Additionally, they required stringent access controls to restrict site access to a specific list of client IP addresses, all without the need for complex networking configurations. Addressing these challenges was crucial for improving the user experience and ensuring robust security."})]})]}),(0,d.jsxs)("div",{className:o,style:{padding:i&&24,marginTop:i?40:100},children:[(0,d.jsx)("h2",{children:"The Solution"}),(0,d.jsx)("p",{children:"To meet the customer\u2019s needs, we implemented a comprehensive and scalable AWS-based solution tailored to their specific requirements:"})]}),(0,d.jsxs)("section",{className:s,style:{paddingTop:i?40:90},children:[(0,d.jsxs)("div",{className:o,style:{gap:40,paddingTop:12},children:[(0,d.jsxs)(l.A,{animation:"fade-right",children:[(0,d.jsx)("h2",{children:"Hosting with Amazon S3:"}),(0,d.jsx)("p",{children:"We used Amazon S3 to host the static content of the customer\u2019s React.JS application. The static website hosting feature of Amazon S3 provided a reliable foundation for serving web content. This setup offered cost-effective storage and high availability, with S3\u2019s architecture ensuring fault tolerance and automatic scaling. This allowed the customer to handle varying traffic levels without compromising performance. The ease of integration with other AWS services also streamlined the deployment process and facilitated efficie

1nt management of static assets."})]}),(0,d.jsxs)(l.A,{animation:"fade-right",children:[(0,d.jsx)("h2",{children:"Advanced Security with AWS WAF:"}),(0,d.jsx)("p",{children:"For stringent access control, we deployed AWS WAF (Web Application Firewall) to manage IP-based restrictions. Using AWS WAF\u2019s Rule Builder, we created a custom rule that permitted traffic only from a specified set of whitelisted IP addresses. This setup effectively blocked any requests not originating from these approved IP addresses, ensuring that only authorized users could access the web application. The AWS WAF solution was designed to be user-friendly, avoiding the need for complex networking knowledge while providing robust security."})]}),(0,d.jsxs)(l.A,{animation:"fade-right",children:[(0,d.jsx)("h2",{children:"Integration and Testing: "}),(0,d.jsx)("p",{children:"Throughout the implementation, we conducted thorough testing to ensure seamless integration between S3, CloudFront, and WAF. This included validating that the CDN effectively cached and delivered content as expected and that access controls were enforced accurately. We also worked closely with the customer to configure and fine-tune settings based on their specific traffic patterns and security requirements."})]})]}),(0,d.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"space-between",gap:16},children:[(0,d.jsx)(l.A,{animation:"fade-left",children:(0,d.jsx)("img",{src:m,alt:"bev img 2"})}),(0,d.jsx)(l.A,{animation:"fade-left",children:(0,d.jsx)("img",{src:f,alt:"bev img 3"})})]})]}),(0,d.jsxs)("section",{className:"".concat(s," ").concat(r),style:{paddingTop:i?40:100},children:[(0,d.jsx)(l.A,{animation:"fade-right",children:(0,d.jsx)("img",{src:y,alt:"bev img 4"})}),(0,d.jsxs)(l.A,{animation:"fade-left",className:o,children:[(0,d.jsx)("h2",{children:"The Outcomes"}),(0,d.jsx)("p",{children:"The AWS-based solution brought significant improvements to the customer\u2019s web application. Performance was notably enhanced, with page load times reduced by up to 60% due to CloudFront\u2019s efficient content delivery. Scalability and reliability were greatly improved, allowing the website to handle high traffic volumes smoothly. Security was reinforced with AWS WAF, which successfully restricted access to only the whitelisted IP addresses, mitigating potential threats. Additionally, the cost-effective nature of S3 and CloudFront resulted in a reduction in hosting and operational costs by approximately 40%, providing substantial savings while meeting all performance and security requirements."})]})]}),(0,d.jsxs)("section",{className:s,style:{paddingTop:i?40:100},children:[(0,d.jsxs)(l.A,{animation:"fade-right",className:o,children:[(0,d.jsx)("h2",{children:"About the Partner"}),(0,d.jsx)("p",{children:"Tegeria is a global digital transformation company with a center of excellence in Europe. Our expertise lies in creating high-performance, scalable, and secure AWS infrastructures tailored to meet the unique needs of our clients. With a focus on delivering technical excellence and ensuring customer success, Tegeria helps businesses like the beverage company achieve their digital transformation goals efficiently and effectively. Our deep understanding of AWS services and proven track record make us a trusted partner in leveraging AWS for optimal results."})]}),(0,d.jsx)(l.A,{animation:"fade-left",children:(0,d.jsx)("img",{src:v,alt:"tegeria x aws img"})})]})]}),(0,d.jsx)(c.A,{})]})]})}},7261:(e,i,t)=>{t.d(i,{A:()=>a});var n=t(5043);const a=()=>{const[e,i]=(0,n.useState)({width:window.innerWidth,height:window.innerHeight});return(0,n.useEffect)((()=>{const e=()=>{i({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),e}},7319:(e,i,t)=>{t.d(i,{A:()=>c});var n=t(2555),a=t(5043),s=t(7261),o=t(579);const r={container:{position:"relative",textAlign:"center",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(27, 49, 94, 1)"},overlay:{position:"absolute",top:"0",left:"0",right:"0",bottom:"0",backgroundColor:"rgba(27, 49, 94, 0.28)",zIndex:"1",pointerEvents:"none"},particles:{position:"absolute",top:"0",left:"0",right:"0",bottom:"0",zIndex:"0"},title:{fontSize:"40px",maxWidth:"860px",fontWeight:"700",color:"rgba(255, 255, 255, 1)",margin:"0",position:"relative",zIndex:"2"},subtitle:{fontSize:"18px",color:"rgba(255, 255, 255, 0.85)",paddingTop:"20px",position:"relative",zIndex:"2"}},c=e=>{let{headerTitle:i,subTitle:t}=e;const{width:c}=(0,s.A)(),l=c<768,d=(0,a.useRef)("header-particles-".concat(Math.random().toString(36).slice(2,10)));(0,a.useEffect)((()=>{const e=()=>{window.particlesJS&&window.particlesJS(d.current,{particles:{number:{value:l?45:85,density:{enable:!0,value_area:900}},color:{value:["#ffffff","#8ed0ff","#4aa3ff"]},shape:{type:["circle","triangle","triangle"]},opacity:{value:.75,random:!0,anim:{enable:!0,speed:.2,opacity_min:.2,sync:!1}},size:{value:2.5,random:!0,anim:{enable:!1,speed:8,size_min:.4,sync:!1}},line_linked:{enable:!0,distance:140,color:"#c2e7ff",opacity:.55,width:1},move:{enable:!0,speed:1.4,direction:"none",random:!1,straight:!1,out_mode:"out",bounce:!1}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!1,mode:"grab"},onclick:{enable:!1,mode:"push"},resize:!0}},retina_detect:!0})};let i=null;return window.particlesJS?e():(i=document.createElement("script"),i.src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js",i.async=!0,i.onload=e,document.body.appendChild(i)),()=>{window.pJSDom&&window.pJSDom.length&&(window.pJSDom.forEach((e=>{var i,t,n,a;(null===e||void 0===e||null===(i=e.pJS)||void 0===i||null===(t=i.canvas)||void 0===t||null===(n=t.el)||void 0===n||null===(a=n.parentNode)||void 0===a?void 0:a.id)===d.current&&e.pJS.fn.vendors.destroypJS()})),window.pJSDom=(window.pJSDom||[]).filter((e=>{var i,t,n,a;return(null===e||void 0===e||null===(i=e.pJS)||void 0===i||null===(t=i.canvas)||void 0===t||null===(n=t.el)||void 0===n||null===(a=n.parentNode)||void 0===a?void 0:a.id)!==d.current}))),i&&document.body.contains(i)&&document.body.removeChild(i)}}),[l]);

1const h=(i||"").trim().split(/\s+/).filter(Boolean),g=h.length?h[h.length-1]:"",p=h.slice(0,-1).join(" ");return(0,o.jsxs)("section",{style:(0,n.A)((0,n.A)({},r.container),{},{minHeight:"160px",marginTop:l?-60:-70,paddingTop:l?60:70}),children:[(0,o.jsx)("div",{id:d.current,style:r.particles}),(0,o.jsx)("div",{style:r.overlay}),(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",padding:l?24:52,width:"100%",alignItems:"center"},children:[(0,o.jsxs)("h2",{style:(0,n.A)((0,n.A)({},r.title),{},{fontSize:l?"36px":"48px",textAlign:"center"}),children:[p?"".concat(p," "):"",(0,o.jsx)("span",{style:{color:"rgba(255, 28, 92, 1)"},children:g})]}),t&&(0,o.jsx)("p",{style:(0,n.A)((0,n.A)({},r.subtitle),{},{paddingTop:l?12:16}),children:t})]})]})}},9139:(e,i,t)=>{t.d(i,{A:()=>m});var n=t(1045);const a="CaseStudies_solutionsContainer__l7MoL",s="CaseStudies_sectionHeading__5yCK7",o="CaseStudies_sectionHeadingHighlight__VOY42",r="CaseStudies_caseStudiesContainer__RmxyD",c="CaseStudies_caseStudyCard__KdsTl",l="CaseStudies_caseStudyImage__cT8lN",d="CaseStudies_caseStudyBody__9zzb+";var h=t(3333),g=t(579);const p="https://d2kz3nu6m96jq1.cloudfront.net",u=[{image:"".concat(p,"/caseStudyImage.png"),title:"Leading Beverage Company Enhances Web Application Performanc...",description:"The customer is a leading entity in the non-alcoholi...",path:"/beverageCaseStudy"},{image:"".concat(p,"/caseStudyImage2.png"),title:"Is your CRM listening to your eCommerce customers?",description:"We harness agile methodologies and ...",path:"/crmListeningCaseStudy"},{image:"".concat(p,"/caseStudyImage3.png"),title:"How do social media analytics help you grow as a business?",description:"We decipher uncommon industry challenges ...",path:"/socialMediaStudy"},{image:"".concat(p,"/caseStudyImage4.png"),title:"Optimising your e-commerce business by reducing the loading ti...",description:"We combine expertise spanning software ...",path:"/eCommerceStudy"}],m=()=>{const e=(0,n.KC)(),i=(0,n.Zp)(),t=(0,h.l)(i);return(0,g.jsxs)("section",{className:a,ref:e,children:[(0,g.jsxs)("h2",{className:s,children:["Case ",(0,g.jsx)("span",{className:o,children:"studies"})]}),(0,g.jsx)("div",{className:r,children:u.map(((e,i)=>(0,g.jsxs)("div",{className:c,onClick:()=>t(e.path),children:[(0,g.jsx)("div",{className:l,children:(0,g.jsx)("img",{src:e.image,alt:e.title})}),(0,g.jsxs)("div",{className:d,children:[(0,g.jsx)("h3",{children:e.title}),(0,g.jsx)("p",{children:e.description})]})]},i)))})]})}}}]);
2//# sourceMappingURL=635.de7e3053.chunk.js.map