{"version":3,"file":"component---src-pages-blog-index-js-49ca3905c4821bc3427e.js","mappings":"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","sources":["webpack://54-bit-studios/./src/components/case-study-tile.js","webpack://54-bit-studios/./src/components/page-heading.js","webpack://54-bit-studios/./src/pages/blog/index.js"],"sourcesContent":["import React from \"react\";\nimport { GatsbyImage } from \"gatsby-plugin-image\"\n\nimport '../styles/case-study-tile.scss';\n\nconst CaseStudyTile = ({ image, client, blurb, tags, link, type }) => {\n    return (\n        <a href={link} className=\"case-study-tile\">\n            <div className=\"image\">\n                <GatsbyImage image={image} alt={`${client} image`} />\n            </div>\n            <div className=\"content\">\n                <div className=\"meta\">\n                    <span className=\"ff-bold year\">2024</span><span className=\"ff slash\">/</span><span className=\"ff\">{type}</span>\n                </div>\n                <h3 className=\"ff\">{client}</h3>\n                <p className=\"ff\">{blurb}</p>\n            </div>\n            <div className=\"tags\">\n                { tags.map(tag => {\n                    return <span key={tag} className=\"ff tag\">{tag}</span>\n                })}\n            </div>\n        </a>\n    )\n};\n\nexport default CaseStudyTile;","import React from 'react';\nimport '../styles/page-heading.scss';\n\nconst PageHeading = ({ h1, h2, blurb }) => {\n    return (\n        <header className=\"page-heading\">\n            <h2 className=\"ff\">{h2}</h2>\n            <h1 className=\"ff\">{h1}</h1>\n            <p className=\"blurb\">{blurb}</p>\n        </header>\n    )\n}\n\nexport default PageHeading","import React from 'react';\nimport { graphql } from \"gatsby\";\n\nimport Layout from '../../components/layout.js';\nimport SEO from '../../components/seo.js';\nimport PageHeading from '../../components/page-heading.js';\nimport CaseStudyTile from '../../components/case-study-tile.js';\nimport '../../styles/article.scss';\n\nconst Blog = ({data}) => {\n\n    const articles = [\n        {\n            client: \"When to invest in a new website\",\n            tags: ['Design', 'Development', 'SEO', 'CRO', 'Analytics'],\n            blurb: \"Investing in a new website is not as daunting as you may think. In this post, we’re sharing the key factors you should know.\",\n            image: data.allFile.nodes.find(node => node.name === \"when-to-invest-in-a-new-website\") ? data.allFile.nodes.find(node => node.name === \"when-to-invest-in-a-new-website\").childImageSharp.gatsbyImageData : null,\n            link: '/blog/when-to-invest-in-a-new-website',\n            type: 'Article'\n        },\n        {\n            client: \"Jubel\",\n            tags: ['Design', 'Development', 'SEO'],\n            blurb: \"How 54 Bit Studios helped Jubel optimisie their website for scalability, performance and enhanced customer engagement.\",\n            image: data.allFile.nodes.find(node => node.name === \"jubel-beer\") ? data.allFile.nodes.find(node => node.name === \"jubel-beer\").childImageSharp.gatsbyImageData : null,\n            link: '/case-studies/jubel',\n            type: 'Case Study'\n        },\n        {\n            client: \"Black Friday is around the corner, is your Shopify store ready?\",\n            tags: ['CRO', 'SEO'],\n            blurb: \"Black Friday is just around the corner, are you ready? We've put together a list of things you can do to prepare your Shopify store for the busiest shopping period of the year.\",\n            image: data.allFile.nodes.find(node => node.name === \"black-friday-sign\") ? data.allFile.nodes.find(node => node.name === \"black-friday-sign\").childImageSharp.gatsbyImageData : null,\n            link: '/blog/black-friday-is-around-the-corner-is-your-shopify-store-ready',\n            type: 'Article'\n        },\n        {\n            client: \"Russell & Atwell\",\n            tags: ['Design', 'Development', 'SEO', 'CRO'],\n            blurb: \"How 54 Bit Studios helped Russell & Atwell elevate their website for faster speed, improved efficiency, and a seamless customer experience.\",\n            image: data.allFile.nodes.find(node => node.name === \"chocolates\") ? data.allFile.nodes.find(node => node.name === \"chocolates\").childImageSharp.gatsbyImageData : null,\n            link: '/case-studies/russell-and-atwell',\n            type: 'Case Study'\n        },\n        {\n            client: \"Black Friday: Shopify Checklist and Tips\",\n            tags: ['Development', 'CRO', 'SEO'],\n            blurb: \"Discover our last minute must-dos to ensure ecommerce success for your Shopify Plus store this Black Friday.\",\n            image: data.allFile.nodes.find(node => node.name === \"speed-report\") ? data.allFile.nodes.find(node => node.name === \"speed-report\").childImageSharp.gatsbyImageData : null,\n            link: '/blog/black-friday-shopify-checklist-and-tips',\n            type: 'Article'\n        },\n        {\n            client: \"Unlock 25% More Sales This Black Friday\",\n            tags: ['Development', 'CRO', 'SEO'],\n            blurb: \"Discover essential Shopify optimisations to boost website speed, mobile usability, checkout efficiency and more to capitalise on Black Friday.\",\n            image: data.allFile.nodes.find(node => node.name === \"black-friday\") ? data.allFile.nodes.find(node => node.name === \"black-friday\").childImageSharp.gatsbyImageData : null,\n            link: '/blog/unlock-25-more-sales-this-black-friday-the-ultimate-shopify-optimisation-guide',\n            type: 'Article'\n        },\n        {\n            client: \"COAT Paints\",\n            tags: ['Development', 'SEO', 'Analytics'],\n            blurb: \"How 54 Bit Studios transformed the COAT Paints website to boost conversion rates and meet the demands of their rapidly expanding customer base.\",\n            image: data.allFile.nodes.find(node => node.name === \"coat-tins\") ? data.allFile.nodes.find(node => node.name === \"coat-tins\").childImageSharp.gatsbyImageData : null,\n            link: '/case-studies/coat-paints',\n            type: 'Case Study'\n        },\n        {\n            client: \"Custom vs Off-the-shelf Shopify Themes: The pros and cons\",\n            tags: ['Development', 'Design', 'SEO'],\n            blurb: \"Are off-the-shelf Shopify Themes or custom websites right for you? Discover the pros and cons to help you make an informed decision.\",\n            image: data.allFile.nodes.find(node => node.name === \"off-the-shelf\") ? data.allFile.nodes.find(node => node.name === \"off-the-shelf\").childImageSharp.gatsbyImageData : null,\n            link: '/blog/off-the-shelf-shopify-themes-the-pros-and-cons',\n            type: 'Article'\n        }\n    ]\n    \n    console.log(data.allFile.nodes);\n\n    return (\n        <Layout background=\"stone\">\n            <SEO title=\"54 Bit Studios Blog\" />\n            <PageHeading h1=\"The Blog\" h2=\"\" blurb=\"Discover our latest articles and insights for Shopify and Shopify Plus stores, including case studies, optimisation guides, and more...\" />\n            <section className='ff case-studies blog' id='case-studies'>\n                <div className=\"grid\">\n                    {articles.map(article => (\n                        <CaseStudyTile\n                            key={article.client}\n                            image={article.image}\n                            client={article.client}\n                            blurb={article.blurb}\n                            tags={article.tags}\n                            link={article.link}\n                            type={article.type}\n                        />\n                    ))}\n                </div>\n            </section>\n        </Layout>\n    );\n};\n\nexport default Blog;\n\nexport const query = graphql`\n    query {\n        allFile(filter: { sourceInstanceName: { eq: \"assets\" } }) {\n            nodes {\n                name\n                relativePath\n                childImageSharp {\n                    gatsbyImageData(layout: CONSTRAINED, width: 1200)\n                }\n            }\n        }\n    }\n`;"],"names":["_ref","image","client","blurb","tags","link","type","React","href","className","GatsbyImage","alt","map","tag","key","h1","h2","data","articles","allFile","nodes","find","node","name","childImageSharp","gatsbyImageData","console","log","Layout","background","SEO","title","PageHeading","id","article","CaseStudyTile"],"sourceRoot":""}