https://awsfundamentals.com/_next/static/chunks/pages/animations/[id]-3f13cb4ee21ee375.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4105],{4231:(e,s,t)=>{"use strict";t.r(s),t.d(s,{__N_SSG:()=>u,default:()=>f});var n=t(979),a=t(9759),i=t.n(a),r=t(2982),l=t.n(r),c=t(5085),o=t.n(c),d=t(5963),m=t(6020),x=t(2268),h=t(8582),p=t(4591),j=t(1786),u=!0;function f({animation:e,service:s}){let[t,a]=(0,d.useState)(!1),r=`${e.name} - AWS Service Animation`,c=e.description,u=`https://awsfundamentals.com/animations/${e.path.split("/").pop()?.replace(".gif","")}`,f=p.I.find(e=>e.service===s)?.Icon,g=async()=>{try{await navigator.clipboard.writeText(u),a(!0),setTimeout(()=>a(!1),2e3)}catch(e){console.error("Failed to copy URL:",e)}};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(i(),{children:[(0,n.jsx)("title",{children:r}),(0,n.jsx)("meta",{name:"description",content:c}),(0,n.jsx)("link",{rel:"canonical",href:u}),(0,n.jsx)("meta",{property:"og:title",content:r}),(0,n.jsx)("meta",{property:"og:description",content:c}),(0,n.jsx)("meta",{property:"og:type",content:"article"}),(0,n.jsx)("meta",{property:"og:url",content:u}),(0,n.jsx)("meta",{property:"og:image",content:(0,j.rf)(e.path)}),(0,n.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{name:"twitter:title",content:r}),(0,n.jsx)("meta",{name:"twitter:description",content:c}),(0,n.jsx)("meta",{name:"twitter:image",content:(0,j.rf)(e.path)})]}),(0,n.jsx)("main",{className:"min-h-screen px-4 py-12 sm:px-6 lg:px-8",children:(0,n.jsxs)("div",{className:"mx-auto max-w-4xl",children:[(0,n.jsxs)("nav",{className:"mb-8 flex flex-row items-center justify-between gap-4",children:[(0,n.jsx)("div",{className:"flex flex-1 justify-start",children:(0,n.jsxs)(o(),{href:"/animations",className:"text-brand-500 hover:text-brand-600 inline-flex items-center",children:[(0,n.jsx)("svg",{className:"mr-2 h-5 w-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 19l-7-7m0 0l7-7m-7 7h18"})}),(0,n.jsx)("span",{className:"sm:hidden",children:"Back"}),(0,n.jsx)("span",{className:"hidden sm:inline",children:"Back to Animations"})]})}),(0,n.jsx)("div",{className:"flex flex-1"}),(0,n.jsx)("div",{className:"flex flex-1 justify-end",children:(0,n.jsxs)("div",{className:"flex items-center gap-3",children:[(0,n.jsx)("button",{onClick:g,className:"flex items-center gap-2 rounded-full bg-slate-900 px-4 py-2 text-sm font-medium text-slate-300 shadow-sm hover:bg-slate-900/40",children:t?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("svg",{className:"h-5 w-5 text-green-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})}),(0,n.jsx)("span",{children:"Copied!"})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("svg",{className:"h-5 w-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})}),(0,n.jsx)("span",{children:"Share"})]})}),(0,n.jsxs)("div",{className:"flex items-center gap-3 rounded-full bg-slate-900 px-4 py-2 shadow-sm",children:[(0,n.jsx)("span",{className:"hidden text-sm font-medium text-slate-300 sm:inline",children:s}),(0,n.jsx)("div",{className:"flex h-6 w-6 items-center justify-center rounded-md bg-slate-900/40",children:f&&(0,n.jsx)(f,{width:18,height:18,className:"rounded-md"})})]})]})})]}),(0,n.jsxs)("article",{children:[(0,n.jsx)("figure",{className:"mb-8 overflow-hidden rounded-lg bg-slate-900 shadow-sm",children:(0,n.jsxs)("div",{className:"relative aspect-video w-full",children:[(0,n.jsx)(l(),{src:e.path,alt:`Animation demonstrating ${e.name}`,title:e.name,fill:!0,className:"object-contain",unoptimized:!0}),(0,n.jsx)(h.A,{pagePath:e.path,variant:"overlay",size:"lg"})]})}),(0,n.jsx)("header",{className:"mb-8",children:(0,n.jsx)("h1",{className:"mb-4 text-3xl font-bold text-white",children:e.name})}),(0,n.jsx)("section",{className:"rounded-lg p-6",children:(0,n.jsx)("p",{className:"text-slate-400 dark:text-slate-500",children:e.description})}),(0,n.jsx)("section",{className:"mt-8",children:(0,n.jsx)(x.Ay,{service:s.toLowerCase().replace(/\s+/g,""),source:"animations"})})]}),(0,n.jsx)("div",{className:"mt-12",children:(0,n.jsx)(m.A,{animationName:e.n

1ame})})]})})]})}},8259:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/animations/[id]",function(){return t(4231)}])}},e=>{e.O(0,[5496,8430,4035,7375,1779,1719,636,6593,8792],()=>e(e.s=8259)),_N_E=e.O()}]);