https://www.pepsico.com/_next/static/chunks/pages/preview-color-variants-2b64c9bef68b1648.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[481],{7251:function(e,a,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/preview-color-variants",function(){return l(4299)}])},2571:function(e,a,l){"use strict";var t=l(5157),n=l(5727);let i={Tabs:[{id:"406889ad-09c9-4883-bc49-709b46df43bb",url:"/en/Sprint-3/Content/Auto-Advancing-Tabs/Item-1",name:"Item 1",displayName:"Item 1",fields:{Body:{value:"Body Large, lorem ipsum dolor sit amet, consectetur. Amet adipiscing elit, cras tristique magna vel arcu malesuada."},Title:{value:"Latin America"},Image:{value:{src:"/images/auto-advancing.png",alt:"Banner"}},Label:{value:"Learn More"},Link:{value:{href:"/",linktype:"external",url:"/"}}}},{id:"4eca68e5-b3cb-4797-a210-77aae7da478f",url:"/en/Sprint-3/Content/Auto-Advancing-Tabs/Item-2",name:"Item 2",displayName:"Item 2",fields:{Body:{value:"Body Large, lorem ipsum dolor sit amet, consectetur. Amet adipiscing elit, cras tristique magna vel arcu malesuada."},Title:{value:"Europe"},Image:{value:{src:"/images/auto-advancing-2.png",alt:"Banner"}},Label:{value:"Learn More"},Link:{value:{href:"/",linktype:"external",url:"/"}}}},{id:"4eca68e5-b3cb-4797-a210-77aae7da478f",url:"/en/Sprint-3/Content/Auto-Advancing-Tabs/Item-3",name:"Item 3",displayName:"Item 3",fields:{Body:{value:"Test"},Title:{value:"Asia Pacific, Australia, New Zealand and China (APAC)"},Image:{value:{src:"/images/l1-hero.png",alt:"Banner"}},Label:{value:"Learn More"},Link:{value:{href:"/",linktype:"external",url:"/"}}}},{id:"4eca68e5-b3cb-4797-a210-77aae7da478f",url:"/en/Sprint-3/Content/Auto-Advancing-Tabs/Item-4",name:"Item 4",displayName:"Item 4",fields:{Body:{value:"Test 2"},Title:{value:"Africa, Middle East and South Asia (AMESA)"},Image:{value:{src:"/images/type-marquee-4.png",alt:"Banner"}},Label:{value:"Learn More"},Link:{value:{href:"/",linktype:"external",url:"/"}}}},{id:"4eca68e5-b3cb-4797-a210-77aae7da478f",url:"/en/Sprint-3/Content/Auto-Advancing-Tabs/Item-4",name:"Item 5",displayName:"Item 5",fields:{Body:{value:"Body Large, lorem ipsum dolor sit amet, consectetur. Amet adipiscing elit, cras tristique magna vel arcu malesuada"},Title:{value:"Test 5"},Image:{value:{src:"/images/type-marquee-4.png",alt:"Banner"}},Label:{value:"Learn More"},Link:{value:{href:"/",linktype:"external",url:"/"}}}}],Headline:{value:"PEPSICO\r\nGLOBAL"},IsSingleLine:{value:!1},InitialColorStyle:{value:t.Zc.dark},Color:{id:"a3e3cbd5-e869-4aa9-ab25-8efa6dfcfa62",url:"/en/sitecore/content/Global-Settings/Themes/Blue",name:t.HS.blue,displayName:t.HS.blue,fields:{Name:{value:t.HS.blue}}},ImageAlignment:{value:n.O.leftImage},AnchorName:{value:"Tabs"}};a.Z=i},4299:function(e,a,l){"use strict";l.r(a),l.d(a,{__N_SSG:function(){return T},default:function(){return w}});var t=l(5893);l(7294);var n=l(1201),i=l(7051),r=l(5157),o=l(413),s=l(5892),u=l(1350),d=l(6190),m=l(1692),c=l(4457),v=l(3076),g=l(2571),p=l(5231);let f={sitecore:{context:{pageEditing:!1},route:{name:"preview",fields:{Color:{fields:{Name:{value:"Default"}}}}}}},y=[r.HS.blue,r.HS.green,r.HS.yellow,r.HS.violet,r.HS.red,r.HS.teal,r.HS.coreBlue,r.HS.coreYellow],x=e=>({id:"color-".concat(e),url:"/en/sitecore/content/Global-Settings/Themes/".concat(e),name:e,displayName:e,fields:{Name:{value:e}}}),b=e=>({componentName:e,dataSource:"mock"});function h(e){let{title:a}=e;return(0,t.jsxs)("div",{className:"mx-6 md:mx-12 mt-12 mb-4",children:[(0,t.jsx)("h2",{className:"typo-h-2 text-blue-500",children:a}),(0,t.jsx)("hr",{className:"border-gray-200 mt-2"})]})}function L(e){let{color:a}=e;return(0,t.jsx)("p",{className:"mx-6 md:mx-12 mb-2 typo-p-3 font-bold text-gray-500 capitalize",children:a})}function j(){let e={id:"cta-1",url:"#",name:"CTA 1",displayName:"CTA 1",fields:{Style:{id:"btn-style",url:"#",name:"Button",displayName:"Button",fields:{Value:{value:"Button"}}},Label:{value:"Learn More"},Link:{value:{href:"#",linktype:"external",url:"#"}},IsDownload:{value:!1},DownloadFilename:{value:""}}};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h,{title:"Content Feature 50/50 (FeaturedContent)"}),y.map(a=>(0,t.jsxs)("div",{className:"mb-8",children:[(0,t.jsx)(L,{color:a}),(0,t.jsx)(u.default,{rendering:b("FeaturedContent"),params:{},fields:{Eyebrow:{value:"Innovation Hub"},Headline:{value:"Discover what drives\r\nour innovation"},Body:{value:"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."},Image:{value:{src:"/images/homepage_hero/pepsico_05_3.png",alt:"Featured image",width:"2048",height:"1366"}},Links:[e],Style:{value:o.o.leftImage},Color:x(a),FullBleedImage:{value:!0},IsSingleLine:{value:!1},InitialColorStyle:{value:r.Zc.dark},DisableAlternatingColor:{value:!0}

1,BackgroundColor:{value:"White"}}})]},a))]})}function I(){let e={id:"cta-1",url:"#",name:"CTA 1",displayName:"CTA 1",fields:{Style:{id:"btn-style",url:"#",name:"Button",displayName:"Button",fields:{Value:{value:"Button"}}},Label:{value:"Learn More"},Link:{value:{href:"#",linktype:"external",url:"#"}},IsDownload:{value:!1},DownloadFilename:{value:""}}};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h,{title:"Content Feature 50/50 — Full Bleed (preview only)"}),y.map(a=>(0,t.jsxs)("div",{className:"mb-8",children:[(0,t.jsx)(L,{color:a}),(0,t.jsx)(u.default,{rendering:b("FeaturedContent"),params:{},fields:{Eyebrow:{value:"Innovation Hub"},Headline:{value:"Discover what drives\r\nour innovation"},Body:{value:"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."},Image:{value:{src:"/images/homepage_hero/pepsico_05_3.png",alt:"Featured image",width:"2048",height:"1366"}},Links:[e],Style:{value:o.o.leftImage},Color:x(a),FullBleedImage:{value:!0},IsSingleLine:{value:!1},InitialColorStyle:{value:r.Zc.dark},DisableAlternatingColor:{value:!0}

1,BackgroundColor:{value:"White"}}})]},a))]})}function S(){let e={id:"cta-1",url:"#",name:"CTA 1",displayName:"CTA 1",fields:{Style:{id:"btn-style",url:"#",name:"Button",displayName:"Button",fields:{Value:{value:"Button"}}},Label:{value:"Learn More"},Link:{value:{href:"#",linktype:"external",url:"#"}},IsDownload:{value:!1},DownloadFilename:{value:""}}};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h,{title:"Content Feature 50/50 — no FullBleedImage (dark themes fall back to full-bleed)"}),y.map(a=>(0,t.jsxs)("div",{className:"mb-8",children:[(0,t.jsx)(L,{color:a}),(0,t.jsx)(u.default,{rendering:b("FeaturedContent"),params:{},fields:{Eyebrow:{value:"Innovation Hub"},Headline:{value:"Discover what drives\r\nour innovation"},Body:{value:"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor."},Image:{value:{src:"/images/homepage_hero/pepsico_05_3.png",alt:"Featured image",width:"2048",height:"1366"}},Links:[e],Style:{value:o.o.leftImage},Color:x(a),IsSingleLine:{value:!1},InitialColorStyle:{value:r.Zc.dark},DisableAlternatingColor:{value:!0}

1,BackgroundColor:{value:"White"}}})]},a))]})}function C(){let e=[{id:"cta-btn",url:"#",name:"Button CTA",displayName:"Button CTA",fields:{Style:{id:"btn-style",url:"#",name:"Button",displayName:"Button",fields:{Value:{value:"Button"}}},Label:{value:"Button"},Link:{value:{href:"#",linktype:"external",url:"#"}},IsDownload:{value:!1},DownloadFilename:{value:""}}},{id:"cta-link",url:"#",name:"Text Link",displayName:"Text Link",fields:{Style:{id:"link-style",url:"#",name:"Link",displayName:"Link",fields:{Value:{value:"Link"}}},Label:{value:"Text Link"},Link:{value:{href:"#",linktype:"external",url:"#"}},IsDownload:{value:!1},DownloadFilename:{value:""}}}];return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h,{title:"Content Feature Text Only (FeaturedContent - textOnly)"}),y.map(a=>(0,t.jsxs)("div",{className:"mb-8",children:[(0,t.jsx)(L,{color:a}),(0,t.jsx)(u.default,{rendering:b("FeaturedContent"),params:{},fields:{Eyebrow:{value:"Eyebrow"},Headline:{value:"Lorem ipsum dolor sit"},Body:{value:"Maecenas sed risus et urna venenatis tempor. Integer auctor fermentum diam, et placerat arcu dictum ac. Praesent non congue eros. Curabitur ac rhoncus lacus. Cras eu massa quis dui sollicitudin mattis quis eu ante. Sed accumsan augue mi."},Image:{value:{src:"",alt:"",width:"",height:""}},Links:e,Style:{value:o.o.textOnly},Color:x(a),IsSingleLine:{value:!1},InitialColorStyle:{value:r.Zc.dark},DisableAlternatingColor:{value:!0}

1,BackgroundColor:{value:"Off-White"}}})]},a))]})}function B(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h,{title:"Auto-Advancing Tabs"}),y.map(e=>(0,t.jsxs)("div",{className:"mb-8",children:[(0,t.jsx)(L,{color:e}),(0,t.jsx)(d.default,{rendering:b("AutoAdvancingTabs"),params:{},fields:{...g.Z,Color:x(e)}})]},e))]})}function k(){let e={Headline:{value:"Innovation\r\nForward"},IsSingleLine:{value:!0},InitialColorStyle:{value:r.Zc.light},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-left",name:"Left",fields:{Value:{value:"left"}}}};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h,{title:"Billboard Split Screen"}),y.map(a=>(0,t.jsxs)("div",{className:"mb-8",children:[(0,t.jsx)(L,{color:a}),(0,t.jsx)(m.Default,{rendering:b("BillboardSplitScreen"),params:{},fields:{Slides:[{id:"slide-".concat(a),name:a,fields:{...e,Color:x(a)}}],ScrollJack:{value:!1},IsLastSlideMotion:{value:!1}}})]},a))]})}function A(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h,{title:"Featured Links and Tabs"}),y.map(e=>{let a=p.D.Tabs.map(a=>({...a,fields:{...a.fields,Color:x(e)}}));return(0,t.jsxs)("div",{className:"mb-8",children:[(0,t.jsx)(L,{color:e}),(0,t.jsx)(c.default,{rendering:b("FeaturedLinksWithTabNav"),params:{},fields:{...p.D,Tabs:a}})]},e)})]})}function N(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h,{title:"Bento Stats"}),y.map(e=>(0,t.jsxs)("div",{className:"mb-8",children:[(0,t.jsx)(L,{color:e}),(0,t.jsx)(v.Default,{rendering:b("BentoStats"),params:{},fields:{Boxes:[{id:"img-".concat(e),name:"Image Box",fields:{Image:{value:{src:"/images/bento/stat-yellow.jpg",alt:"Stat image",width:100,height:100}}}},{id:"stat1-".concat(e),name:"Stat 1",fields:{Eyebrow:{value:"Employees globally"},Text:{value:"~318K"},Color:x(e)}},{id:"stat2-".concat(e),name:"Stat 2",fields:{Eyebrow:{value:"Times enjoyed daily"},Text:{value:">1B"},Color:x(e)}}],Layout:{id:"layout-lms",name:"LMS",fields:{Value:{value:s._.LMS}}}}})]},e))]})}var T=!0;function w(){return(0,t.jsx)(n.Qb,{componentFactory:i.w9.getComponentFactory({}),layoutData:f,children:(0,t.jsxs)("main",{className:"flex flex-col pb-20",children:[(0,t.jsxs)("div",{className:"mx-6 md:mx-12 py-10",children:[(0,t.jsx)("h1",{className:"typo-h-1 text-blue-500",children:"Color Variants Preview"}),(0,t.jsx)("p",{className:"typo-p-3 text-gray-400 mt-2",children:"All Innovation Hub color variants (Blue, Green, Yellow, Violet, Red, Teal) applied to each component."})]}),(0,t.jsx)(j,{}),(0,t.jsx)(I,{}),(0,t.jsx)(S,{}),(0,t.jsx)(C,{}),(0,t.jsx)(B,{}),(0,t.jsx)(k,{}),(0,t.jsx)(A,{}),(0,t.jsx)(N,{})]})})}}},function(e){e.O(0,[802,894,183,51,231,888,774,179],function(){return e(e.s=7251)}),_N_E=e.O()}]);