{"version":3,"file":"component---src-pages-the-smartest-giant-in-town-index-js-e5d86fb4430b5f16784f.js","mappings":"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","sources":["webpack://dewynters-starter/./src/components/Headers/FullHeightHeader/FullHeightHeader.js","webpack://dewynters-starter/./src/components/Headers/SmallerHeader/SmallerHeader.js","webpack://dewynters-starter/./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","webpack://dewynters-starter/./src/components/Headers/IframeHeader/IframeHeader.js","webpack://dewynters-starter/./src/components/functional/getImage.js","webpack://dewynters-starter/./src/pages/the-smartest-giant-in-town/index.js","webpack://dewynters-starter/./src/svgs/arrow.svg"],"sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { StaticImage } from 'gatsby-plugin-image'\n\nimport ArrowIcon from 'svgs/arrow.svg'\nimport { media } from 'utils/Media'\nimport MaxWidth from 'components/MaxWidth'\n\nconst FullHeightHeaderStyles = styled.header`\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n align-items: center;\n @media ${media.sm} {\n height: 600px;\n }\n\n .title {\n position: relative;\n z-index: 100;\n padding: 3rem 0 8rem 0;\n\n h1 {\n font-weight: 400;\n @media ${media.lg} {\n font-size: 4rem;\n }\n\n br {\n display: none;\n }\n\n margin: 0;\n color: var(--gold);\n @media ${media.lg} {\n br {\n display: block;\n }\n }\n }\n\n p {\n margin-top: 1.5rem;\n max-width: 700px;\n font-size: 16px;\n color: var(--white);\n }\n }\n\n .arrow-icon {\n position: absolute;\n z-index: 99;\n width: 100%;\n bottom: 1rem;\n left: -1rem;\n\n .icon {\n max-width: var(--maxWidth);\n width: 100%;\n margin: 0 auto;\n\n svg {\n width: 85px;\n height: 85px;\n }\n\n @media ${media.sm} {\n svg {\n width: 110px;\n height: 110px;\n }\n }\n @media ${media.md} {\n left: 0.5rem;\n svg {\n width: 130px;\n height: 130px;\n }\n }\n }\n }\n\n .background {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 9;\n\n &__image {\n width: 100%;\n height: 100%;\n position: relative;\n\n &::after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.75);\n content: '';\n }\n\n .gatsby-image-wrapper {\n width: 100%;\n height: 100%;\n }\n }\n }\n`\nconst FullHeightHeader = () => (\n \n \n
\n

\n Welcome to the Heart
of the West End\n

\n

\n St. Martin’s Theatre has welcomed over 15 million audience members\n through its doors since opening in 1916 with its first production, the\n spectacular Edwardian musical comedy Houp La! This Grade II listed\n building, designed by W.G.R. Sprague, has been home to Agatha\n Christie’s record-breaking masterpiece The Mousetrap since 1974.\n Located in West Street in the charming Seven Dials area of the West\n End, St. Martin’s Theatre has cemented its place as a London landmark\n in its own right.\n

\n
\n
\n
\n
\n \n \n \n
\n
\n
\n
\n \n
\n
\n
\n)\n\nexport default FullHeightHeader\n","import React from 'react'\nimport styled, { css } from 'styled-components'\nimport { GatsbyImage, StaticImage } from 'gatsby-plugin-image'\nimport MaxWidth from 'components/MaxWidth'\nimport { media } from 'utils/Media'\nimport { Link } from 'gatsby'\n\nconst SmallerHeaderStyles = styled.header`\n width: 100%;\n min-height: 400px;\n position: relative;\n display: flex;\n align-items: center;\n height: 60vh;\n max-height: 200px;\n @media ${media.md} {\n height: 55vh;\n min-height: 200px;\n }\n @media ${media.lg} {\n height: 70vh;\n min-height: 300px;\n max-height: 300px;\n }\n\n &.smaller {\n height: 40vh;\n @media ${media.md} {\n height: 45vh;\n min-height: 400px;\n }\n @media ${media.lg} {\n height: 50vh;\n min-height: 450px;\n }\n }\n\n ${props =>\n props.$fullHeight &&\n css`\n height: 100vh !important;\n\n h1 {\n color: var(--white) !important;\n }\n `}\n .title {\n position: relative;\n z-index: 100;\n margin-top: 2rem;\n\n h1 {\n font-weight: 400;\n\n br {\n display: none;\n }\n\n margin: 0;\n color: var(--white);\n text-shadow: 4px 4px #000;\n\n font-size: 2rem;\n @media ${media.sm} {\n font-size: 3rem;\n }\n @media ${media.lg} {\n font-size: 3.5rem;\n br {\n display: block;\n }\n }\n }\n\n .review {\n font-family: var(--fontSecondary);\n color: var(--white);\n font-size: 1.85rem;\n margin-top: 1rem;\n\n span {\n font-size: 1.25rem;\n margin-left: 5px;\n }\n\n @media ${media.sm} {\n font-size: 2.2rem;\n span {\n font-size: 1.5rem;\n }\n }\n }\n\n .dates {\n color: var(--white);\n margin-top: 1rem;\n font-size: 0.9rem;\n @media ${media.sm} {\n font-size: 1rem;\n }\n }\n\n button {\n width: 200px;\n margin-top: 1.5rem;\n\n span {\n font-size: 0.9rem;\n @media ${media.sm} {\n font-size: 1rem;\n }\n }\n }\n }\n\n .background {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 9;\n background-color: var(--background);\n\n &__image {\n width: 100%;\n height: 100%;\n position: relative;\n\n &::after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n content: '';\n display: none;\n }\n\n .gatsby-image-wrapper {\n width: 100%;\n height: 100%;\n }\n }\n\n .mobile {\n width: 100%;\n height: 100%;\n\n .gatsby-image-wrapper {\n width: 100%;\n height: 100%;\n }\n\n @media ${media.md} {\n display: none;\n }\n }\n\n .desktop {\n display: none;\n\n @media ${media.md} {\n display: block;\n width: 100%;\n height: 100%;\n max-width: 1920px;\n margin: 0 auto;\n .gatsby-image-wrapper {\n width: 100%;\n height: 100%;\n }\n }\n }\n }\n`\n\nconst SmallerHeader = ({\n title,\n text,\n data,\n desktopImage,\n mobileImage,\n ...props\n}) => (\n \n \n
\n {data?.title ?

{data.title}

:

{title}

}\n {data?.review ? (\n

\n {data.review}\n {data.reviewer}\n

\n ) : (\n ''\n )}\n {data?.dates ?

{data.dates}

: ''}\n {data?.links ? (\n \n \n \n ) : (\n ''\n )}\n {props.$fullHeight ? (\n \n \n \n ) : (\n ''\n )}\n
\n
\n
\n
\n {desktopImage ? (\n <>\n
\n \n
\n
\n \n
\n \n ) : (\n <>\n
\n \n
\n
\n \n
\n \n )}\n
\n
\n
\n)\n\nexport default SmallerHeader\n","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","import React from 'react'\nimport styled, { css } from 'styled-components'\n\nimport MaxWidth from 'components/MaxWidth'\nimport { StaticImage } from 'gatsby-plugin-image'\nimport { media } from 'utils/Media'\n\nconst SmallerHeaderStyles = styled.header`\n width: 100%;\n height: 50vh;\n position: relative;\n display: flex;\n align-items: center;\n @media ${media.sm} {\n height: 60vh;\n }\n @media ${media.md} {\n height: 55vh;\n min-height: 500px;\n }\n\n .title {\n position: relative;\n z-index: 100;\n margin-top: 2rem;\n h1 {\n font-weight: 400;\n br {\n display: none;\n }\n margin: 0;\n color: var(--gold);\n font-size: 2rem;\n @media ${media.sm} {\n font-size: 3rem;\n }\n @media ${media.lg} {\n font-size: 3.5rem;\n br {\n display: block;\n }\n }\n }\n .review {\n font-family: var(--fontSecondary);\n color: var(--white);\n font-size: 1.85rem;\n margin-top: 1rem;\n span {\n font-size: 1.25rem;\n margin-left: 5px;\n }\n @media ${media.sm} {\n font-size: 2.2rem;\n span {\n font-size: 1.5rem;\n }\n }\n }\n .dates {\n color: var(--white);\n margin-top: 1rem;\n font-size: 0.9rem;\n @media ${media.sm} {\n font-size: 1rem;\n }\n }\n button {\n width: 200px;\n margin-top: 1.5rem;\n span {\n font-size: 0.9rem;\n @media ${media.sm} {\n font-size: 1rem;\n }\n }\n }\n }\n\n .background {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 9;\n\n &__image {\n width: 100%;\n height: 100%;\n position: relative;\n &::after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n content: '';\n }\n .gatsby-image-wrapper {\n width: 100%;\n height: 100%;\n }\n }\n }\n`\n\nconst IframeHeader = ({ title }) => (\n \n \n
\n

{title}

\n
\n
\n
\n
\n \n
\n
\n
\n)\n\nexport default IframeHeader\n","import React from 'react'\nimport { GatsbyImage, getImage } from 'gatsby-plugin-image'\nimport { graphql, useStaticQuery } from 'gatsby'\n\nconst GetImage = ({ data, alt }) => {\n const { site } = useStaticQuery(graphql`\n query {\n site {\n siteMetadata {\n title\n }\n }\n }\n `)\n const { title } = site.siteMetadata\n const image = getImage(data)\n return \n}\n\nexport default GetImage\n","import React from 'react'\nimport { graphql, Link } from 'gatsby'\nimport { GatsbyImage, StaticImage } from 'gatsby-plugin-image'\n\nimport { Layout } from 'utils/Layout'\nimport { SmallerHeader } from 'components/Headers'\nimport styled from 'styled-components'\nimport MaxWidth from '../../components/MaxWidth'\nimport GetImage from '../../components/functional/getImage'\nimport { media } from '../../utils/Media'\n\nconst header = {\n title: 'The Smartest Giant in Town',\n description:\n 'Based on the best-selling book by Julia Donaldson and Axel Scheffler - book now',\n review: '‘****A joy’',\n reviewer: 'Evening Standard',\n dates: ' 29th November 2024 - 5th January 2025.',\n btnText: 'Book Tickets',\n links: '/the-smartest-giant-in-town/tickets/',\n}\n\nconst Wrapper = styled.section`\n background-color: var(--background);\n padding: 3rem 0;\n .title-wrapper {\n margin-bottom: 2rem;\n @media ${media.md} {\n margin-bottom: 4rem;\n }\n .review {\n font-family: var(--fontSecondary);\n color: var(--white);\n font-size: 1.85rem;\n margin-top: 1rem;\n\n span {\n font-size: 1.25rem;\n margin-left: 5px;\n }\n\n @media ${media.sm} {\n font-size: 2.2rem;\n span {\n font-size: 1.5rem;\n }\n }\n }\n .dates {\n color: var(--white);\n margin-top: 1rem;\n font-size: 0.9rem;\n @media ${media.sm} {\n font-size: 1rem;\n }\n }\n .btn-wrap {\n margin-top: 1rem;\n button {\n width: 250px;\n }\n @media ${media.md} {\n flex-basis: 300px;\n }\n }\n @media ${media.md} {\n margin-bottom: 6rem;\n display: flex;\n align-items: flex-start;\n gap: 3rem;\n /* justify-content: space-between; */\n @media ${media.xl} {\n gap: 6rem;\n }\n }\n h1 {\n font-weight: 400;\n\n br {\n display: none;\n }\n\n margin: 0;\n color: var(--white);\n text-shadow: 4px 4px #000;\n\n font-size: 2rem;\n @media ${media.sm} {\n font-size: 3rem;\n }\n @media ${media.lg} {\n font-size: 3.5rem;\n br {\n display: block;\n }\n }\n }\n }\n\n .wrapper {\n margin: 1rem 0;\n @media ${media.md} {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-gap: 4rem;\n }\n @media ${media.xl} {\n grid-gap: 5rem;\n }\n\n .copy {\n p {\n color: var(--white);\n margin-bottom: 1rem;\n @media ${media.md} {\n margin-bottom: 2rem;\n }\n }\n }\n\n .info {\n div {\n &:nth-child(2n) {\n p {\n margin-bottom: 1.5rem;\n @media ${media.md} {\n margin-bottom: 2.5rem;\n }\n }\n }\n }\n\n p {\n color: var(--white);\n @media ${media.md} {\n margin-bottom: 0.5rem;\n }\n }\n }\n }\n\n .lower {\n p {\n strong {\n display: block;\n margin-bottom: 0.5rem;\n }\n\n br {\n display: none;\n }\n\n color: var(--white);\n margin-bottom: 1rem;\n @media ${media.md} {\n margin-bottom: 2rem;\n }\n }\n\n .logo {\n /* max-width: 200px; */\n padding-top: 1rem;\n display: flex;\n align-items: center;\n\n div {\n flex-basis: 150px;\n margin-right: 10px;\n }\n }\n\n @media ${media.md} {\n margin-top: 2rem;\n }\n }\n`\n\nconst StyledHeader = styled.section`\n width: 100%;\n position: relative;\n .mobile {\n @media ${media.md} {\n display: none;\n }\n }\n .desktop {\n display: none;\n @media ${media.md} {\n display: block;\n }\n }\n .title {\n .review {\n font-family: var(--fontSecondary);\n color: var(--white);\n font-size: 1.85rem;\n margin-top: 1rem;\n\n span {\n font-size: 1.25rem;\n margin-left: 5px;\n }\n\n @media ${media.sm} {\n font-size: 2.2rem;\n span {\n font-size: 1.5rem;\n }\n }\n }\n\n .dates {\n color: var(--white);\n margin-top: 1rem;\n font-size: 0.9rem;\n @media ${media.sm} {\n font-size: 1rem;\n }\n }\n\n button {\n width: 200px;\n margin-top: 1.5rem;\n\n span {\n font-size: 0.9rem;\n @media ${media.sm} {\n font-size: 1rem;\n }\n }\n }\n }\n .title {\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0%;\n left: 0;\n div {\n width: 95%;\n max-width: var(--maxWidth);\n margin: var(--auto);\n padding: 0 15px;\n }\n }\n`\n\nconst SGITPage = ({ data }) => (\n \n {/* */}\n \n
\n
\n \n
\n
\n \n
\n
\n {/*
\n
\n

{header.title}

\n

\n {header.review}\n {header.reviewer}\n

\n

{header.dates}

\n \n \n \n
\n
*/}\n
\n \n \n
\n
\n

The Smartest Giant In Town

\n

\n {header.review}\n {header.reviewer}\n

\n

{header.dates}

\n
\n
\n \n \n \n
\n
\n\n
\n
\n

\n \n A Little Angel Theatre and Fierylight co-production Based on the\n bestselling book by Julia Donaldson and Axel Scheffler\n \n

\n

\n The Smartest Giant in Town live theatre show is back in London's\n West End this Christmas.\n

\n

\n George wishes he wasn't the scruffiest giant in town. So when he\n sees a new shop selling giant-sized clothes, he decides it's time\n for a new look: smart trousers, smart shirt, stripy tie, shiny\n shoes. Now he's the smartest giant in town . . . until he bumps\n into some animals who desperately need his help - and his clothes!\n

\n

\n This heart-warming tale about friendship and helping those in need\n is brought to life in a musical, puppet-filled adventure,\n following on from Little Angel Theatre's bestselling adaptations\n of Julia Donaldson's picture books including The Singing Mermaid\n and The Everywhere Bear.\n

\n
\n
\n

\n Author: Julia Donaldson and Axel Scheffler\n

\n

\n Cast: TBC\n

\n

\n Tickets: From £10\n

\n

\n Access Rate: 50% of Face Value\n

\n

\n Running Time: 55 Minutes (no interval)\n

\n

\n Box Office: 020 7836 1443\n

\n {/*

\n BSL performance: Friday 3rd January at 1.30am\n

*/}\n

\n Relaxed performance: Friday 13th December at 11am\n

\n

\n Group rate: available on Monday to Friday\n performances up to 20 December - 10+ Price A for £13 each.\n

\n

\n School rate: available on Monday to Friday\n performances up to 20 December - 15+  Price A for £12\n each plus 1 free teacher per 10 paid.\n

\n
\n
\n
\n

\n Babies in Arms
\n Babes in arms are allowed for this production, babes under 12 months\n sitting on an adults lap do not need a ticket. All other patrons do\n need a ticket for entry.\n

\n

\n Prams & Buggies
\n These can be left from 40 minutes before the show in our cloakroom –\n they must be able to collapse and should be before handing to our\n team. Space is limited.\n

\n
\n
\n \n
\n
\n \n
\n
\n
\n
\n
\n
\n)\n\nexport default SGITPage\n\nexport const SGITQuery = graphql`\n query SGITQuery {\n whatsOn: allWhatsOnJson {\n nodes {\n title\n text\n link\n inbound\n btnText\n image {\n childImageSharp {\n gatsbyImageData(\n placeholder: BLURRED\n layout: FULL_WIDTH\n formats: [AUTO, WEBP, AVIF]\n )\n }\n }\n }\n }\n desktopImage: file(relativePath: { eq: \"SGIT-St-Martin's-1920x857.jpg\" }) {\n childImageSharp {\n gatsbyImageData(\n placeholder: BLURRED\n layout: FULL_WIDTH\n formats: [AUTO, WEBP, AVIF]\n )\n }\n }\n mobileImage: file(relativePath: { eq: \"SGIT-St-Martin's-575x869.jpg\" }) {\n childImageSharp {\n gatsbyImageData(\n placeholder: BLURRED\n layout: FULL_WIDTH\n formats: [AUTO, WEBP, AVIF]\n )\n }\n }\n logo: file(relativePath: { eq: \"whatsOn/Fierylight_Logo.jpg\" }) {\n childImageSharp {\n gatsbyImageData(\n placeholder: BLURRED\n layout: FULL_WIDTH\n formats: [AUTO, WEBP, AVIF]\n )\n }\n }\n logo2: file(relativePath: { eq: \"whatsOn/LAT_Full_White@4x.png\" }) {\n childImageSharp {\n gatsbyImageData(\n placeholder: BLURRED\n layout: FULL_WIDTH\n formats: [AUTO, WEBP, AVIF]\n )\n }\n }\n }\n`\n","var React = require('react');\n\nfunction Arrow (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"style\",{\"type\":\"text/css\",\"key\":0},\"\\n\\t.st0{fill:#A8954D;stroke:#A8954D;}\\n\\t.st1{fill:none;stroke:#A8954D;stroke-width:3;}\\n\"),React.createElement(\"path\",{\"className\":\"st0\",\"d\":\"M16.3,127.8c0-0.1,0-0.1,0.1-0.2l0.1,0.1c2.7-2.8,4-6.7,4.7-9.8c0.1-0.5,0.2-1,0.3-1.4\\n\\tc0.8,4.4,2.3,8.2,4.5,10.8l0.3-0.2c0,0.2,0,0.3,0.1,0.5l0,0.1l0.1,0.1c2.3,2.5,5.4,3.8,9.2,3.6c-3.6,5.2-7.3,13-10,19.5\\n\\tc-1.5,3.5-2.7,6.7-3.6,8.9c-0.4,1-0.7,1.8-0.9,2.4c-0.9-2.4-1.6-4.5-2.3-6.5c-4.4-12.3-5.8-16.3-11.8-24.4c4,0.1,6.9-1.3,9.1-3.4\\n\\tl0.1-0.1L16.3,127.8z M27.7,123.4c-0.3,0.3-0.5,0.5-0.7,0.8c0.4-1.6,1.7-3.3,3.5-4.5c2.8-1.9,6.7-2.7,10.8-1.4c0.7,0.2,1,0.6,1.2,1\\n\\tc0.2,0.4,0.1,0.9-0.2,1.4c-0.6,0.9-2.2,1.9-5.2,1.5C31.9,121.4,29.1,122.1,27.7,123.4z M13,119.6c1.6,1.2,2.6,2.7,3,4.2\\n\\tc-0.1-0.1-0.1-0.2-0.2-0.3c-1.3-1.6-4.1-2.5-9.9-1.7h0c-3,0.4-4.6-0.5-5.2-1.4c-0.3-0.5-0.3-1-0.2-1.4c0.2-0.4,0.5-0.8,1.2-1\\n\\tC6.1,116.4,10.3,117.5,13,119.6z\",\"key\":1}),React.createElement(\"path\",{\"className\":\"st1\",\"d\":\"M21.5,134L21,0\",\"key\":2})]);\n}\n\nArrow.defaultProps = {\"version\":\"1.1\",\"id\":\"Layer_1\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 43 163.8\",\"style\":{\"enableBackground\":\"new 0 0 43 163.8\"},\"xmlSpace\":\"preserve\"};\n\nmodule.exports = Arrow;\n\nArrow.default = Arrow;\n"],"names":["FullHeightHeaderStyles","styled","media","MaxWidth","$noLazy","className","href","S","src","alt","SmallerHeaderStyles","props","$fullHeight","css","title","data","text","desktopImage","mobileImage","source","excluded","key","i","target","sourceKeys","Object","keys","length","indexOf","review","reviewer","dates","links","Link","to","type","btnText","G","image","useStaticQuery","site","siteMetadata","getImage","header","Wrapper","StyledHeader","description","childImageSharp","gatsbyImageData","logo","logo2","React","Arrow","createElement","defaultProps","module","exports","default"],"sourceRoot":""}