https://www.pepsico.com/_next/static/chunks/pages/preview-billboard-split-screen-0b53046fe19b1210.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[204],{1278:function(e,l,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/preview-billboard-split-screen",function(){return t(1032)}])},1032:function(e,l,t){"use strict";t.r(l),t.d(l,{__N_SSG:function(){return v},default:function(){return b}});var a=t(5893);t(7294);var o=t(1201),r=t(7051),n=t(5157),i=t(4501),s=t(1692);let c={sitecore:{context:{pageEditing:!1},route:{name:"preview-billboard-split-screen",fields:{Color:{fields:{Name:{value:"Default"}}}}}}},d=[n.HS.blue,n.HS.green,n.HS.yellow,n.HS.violet,n.HS.red,n.HS.teal,n.HS.coreBlue,n.HS.coreYellow],u=[{layout:i.R.left,label:"Image Left"},{layout:i.R.right,label:"Image Right"}],m=e=>({componentName:e,dataSource:"mock"}),x=e=>({id:"color-".concat(e),url:"/en/sitecore/content/Global-Settings/Themes/".concat(e),name:e,displayName:e,fields:{Name:{value:e}}}),h=function(e,l){let t=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return{id:"slide-".concat(e,"-").concat(l),name:"".concat(e,"-").concat(l),fields:{Color:x(t?n.HS.blue:e),...t?{ExtendedColor:x(e)}:{},Headline:{value:"Innovation\r\nForward"},IsSingleLine:{value:!0},InitialColorStyle:{value:n.Zc.light},DisableAlternatingColor:{value:!0},BodyText:{value:"We are driving innovation across our portfolio to create joyful moments."},Image:{value:{src:"/images/left-1.png",alt:"Billboard",width:1920,height:720}},CTAText:{value:"Learn more"},CTA:{value:{text:"Learn more",href:"#"}},Layout:{id:"layout-".concat(l),name:l,fields:{Value:{value:l}}}}}};function p(e){let{color:l}=e;return(0,a.jsx)("p",{className:"mx-6 md:mx-12 mb-2 typo-p-3 font-bold text-gray-500 capitalize",children:l})}function f(e){let{layout:l,label:t,useExtended:o=!1}=e;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"mx-6 md:mx-12 mt-12 mb-4",children:[(0,a.jsx)("h2",{className:"typo-h-2 text-blue-500",children:t}),(0,a.jsx)("hr",{className:"border-gray-200 mt-2"})]}),d.map(e=>(0,a.jsxs)("div",{className:"mb-8",children:[(0,a.jsx)(p,{color:e}),(0,a.jsx)(s.Default,{rendering:m("BillboardSplitScreen"),params:{},fields:{Slides:[h(e,l,o)],ScrollJack:{value:!1},IsLastSlideMotion:{value:!1}}})]},"".concat(l,"-").concat(e)))]})}var v=!0;function b(){return(0,a.jsx)(o.Qb,{componentFactory:r.w9.getComponentFactory({}),layoutData:c,children:(0,a.jsxs)("main",{className:"flex flex-col pb-20",children:[(0,a.jsxs)("div",{className:"mx-6 md:mx-12 py-10",children:[(0,a.jsx)("h1",{className:"typo-h-1 text-blue-500",children:"Billboard Split Screen — Color Variants"}),(0,a.jsx)("p",{className:"typo-p-3 text-gray-400 mt-2",children:"Image Left / Image Right layouts rendered across every Innovation color variant."})]}),u.map(e=>(0,a.jsx)(f,{...e},e.layout)),(0,a.jsxs)("div",{className:"mx-6 md:mx-12 mt-20 py-10 border-t-2 border-gray-200",children:[(0,a.jsx)("h1",{className:"typo-h-1 text-blue-500",children:"Billboard Split Screen — ExtendedColor Override"}),(0,a.jsxs)("p",{className:"typo-p-3 text-gray-400 mt-2",children:["Each slide's base ",(0,a.jsx)("code",{children:"Color"})," is set to Blue while"," ",(0,a.jsx)("code",{children:"ExtendedColor"})," is set to the labeled colorway. The extended color should win, proving the override works."]})]}),(0,a.jsx)(f,{layout:i.R.left,label:"ExtendedColor Override — Image Left",useExtended:!0})]})})}}},function(e){e.O(0,[802,894,183,51,888,774,179],function(){return e(e.s=1278)}),_N_E=e.O()}]);