{"version":3,"file":"component---src-templates-projects-index-page-js-07edd80b88acb719759c.js","mappings":"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","sources":["webpack://pragicts/./src/components/social-icons-footer.js","webpack://pragicts/./src/images/bg/projects-page-banner.jpg","webpack://pragicts/./src/templates/ProjectsIndexPage.js"],"sourcesContent":["import React from 'react'\r\n\r\nconst SocialIconsFooter = () => {\r\n    return (\r\n        <section className=\"dark-bg2 small-padding order-wrap\">\r\n            <div className=\"container\">\r\n                <div className=\"row\">\r\n                    <div className=\"col-md-7\">\r\n                        <h3>Find us on social networks : </h3>\r\n                    </div>\r\n                    <div className=\"col-md-5 float-right\">\r\n                        <ul >\r\n                            <li><a href=\"https://www.linkedin.com/company/pragicts/\" target=\"_blank\"><i aria-label='Linkedin' className=\"fab fa-linkedin\"></i></a></li>\r\n                            <li><a href=\"https://pragicts.blogspot.com/\" target=\"_blank\"><i aria-label='YouTube' className=\"fab fa-blogger\"></i></a></li>\r\n                            <li><a href=\"https://www.youtube.com/@pragicts\" target=\"_blank\"><i aria-label='YouTube' className=\"fab fa-youtube\"></i></a></li>\r\n           \r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    )\r\n}\r\n\r\nexport default SocialIconsFooter\r\n","export default __webpack_public_path__ + \"static/projects-page-banner-5fc93b4b12e6ba5c8f9f8ff1e3a3545b.jpg\";","import React from 'react'\r\nimport Layout from \"../components/layout\"\r\nimport Footer from '../components/footer'\r\nimport { Link, graphql, useStaticQuery } from \"gatsby\"\r\nimport SocialIconsFooter from '../components/social-icons-footer'\r\nimport BgImage from '../images/bg/projects-page-banner.jpg'\r\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\"\r\n\r\nexport const query = graphql`\r\n    query ($skip: Int!, $limit: Int!) {\r\n        allProjectsJson (\r\n            skip: $skip,\r\n            limit: $limit\r\n        ) {\r\n            nodes {\r\n                slug\r\n                text\r\n                client\r\n                categories {\r\n                    title\r\n                }\r\n                year\r\n                day\r\n                month\r\n                link\r\n                main_image {\r\n                    childImageSharp {\r\n                        gatsbyImageData(placeholder: BLURRED)\r\n                    }\r\n                }\r\n                thumbnail_image1 {\r\n                    childImageSharp {\r\n                        gatsbyImageData(placeholder: BLURRED)\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`\r\n\r\nconst ProjectsIndexPage = ({ data, pageContext }) => {\r\n    const projects = data.allProjectsJson.nodes\r\n\r\n    return (\r\n        <Layout pageTitle=\"PragICTS | Featured Projects\" og_desc=\"Featured projects by PragICTS\">\r\n            <div id=\"wrapper\" className=\"single-page-wrap\">\r\n                <div className=\"content\">\r\n                    <div className=\"single-page-decor\"></div>\r\n                    <div className=\"single-page-fixed-row\">\r\n                        <div className=\"scroll-down-wrap\">\r\n                            <div className=\"mousey\">\r\n                                <div className=\"scroller\"></div>\r\n                            </div>\r\n                            <span>Scroll Down</span>\r\n                        </div>\r\n                        <Link to=\"/\" className=\"single-page-fixed-row-link\"><i className=\"fal fa-arrow-left\"></i> <span>Back to home</span></Link>\r\n                    </div>\r\n\r\n                    <section className=\"parallax-section dark-bg sec-half parallax-sec-half-right\" data-scrollax-parent=\"true\">\r\n                        <div className=\"bg par-elem\"  data-bg={BgImage} data-scrollax=\"properties: { translateY: '30%' }\"></div>\r\n                        <div className=\"overlay\"></div>\r\n                        <div className=\"pattern-bg\"></div>\r\n                        <div className=\"container\">\r\n                            <div className=\"section-title\">\r\n                                <h2>Projects by <br/> <span> PragICTS</span></h2>\r\n                                <p>Projects done by PragICTS</p>\r\n                                <div className=\"horizonral-subtitle\"><span>Projects</span></div>\r\n                            </div>\r\n                            <a href=\"#sec1\" className=\"custom-scroll-link hero-start-link\"><span>Let's Start</span> <i className=\"fal fa-long-arrow-down\"></i></a>\r\n                        </div>\r\n                    </section>\r\n\r\n                    <section data-scrollax-parent=\"true\" className=\"dark-bg\">\r\n                        <div className=\"container\">\r\n                            {projects.map((project, index) => (\r\n                                <>\r\n\r\n                                    <div key={project.slug} className=\"parallax-item fl-wrap\" data-scrollax-parent=\"true\">\r\n                                        <div className=\"row\">\r\n                                            {\r\n                                                index%2 == 1 ? '' : (<div className=\"col-md-5\"></div>)\r\n                                            }\r\n                                            <div className=\"col-md-7\">\r\n                                                <div className=\"parallax-header\"><span>Category : </span>\r\n                                                    {project.categories.map(category => (\r\n                                                        <a key={category.title} href=\"javascript:;\">{category.title}</a>\r\n                                                    ))}\r\n                                                </div>\r\n                                                <GatsbyImage image={getImage(project.main_image)} alt={project.client} />\r\n                                            </div>\r\n                                            <div className={index%2 == 1 ? 'parallax-text right-pos' : 'parallax-text left-pos'} data-scrollax=\"properties: { translateY: '-250px' }\">\r\n                                                <h3><a href={`${project.link}`} target=\"_blank\">{project.client}</a></h3>\r\n                                                <h4><span>{project.text}</span></h4>\r\n                                                <a href={`${project.link}`} target=\"_blank\" className=\"btn float-btn flat-btn color-btn\">Link to Project</a>\r\n                                            </div>\r\n                                            <div className=\"album-thumbnails\">\r\n                                                <div data-position-left2={index%2 == 1 ? '65' : '2'} data-position-top2={index%2 == 1 ? '0' : '15'} data-scrollax={`properties: { translateY: '${index%2 == 1 ? '-150px' : '-50px'}' }`}>\r\n                                                    <div style={{ color: '#fff', width: 'fit-content', fontSize: '30px', fontWeight: '700'}}>\r\n                                                        {project.day}-{project.month}-{project.year}\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div data-position-left2={index%2 == 1 ? '80' : '28'} data-position-top2={index%2 == 1 ? '50' : '90'} data-scrollax={`properties: { translateY: '${index%2 == 1 ? '-350px' : '-150px'}' }`}></div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div className=\"parallax-item-number rg-num\">.{index + 1}</div>\r\n                                    </div>\r\n                                    <div className=\"paralax-sec-separator fl-wrap\"></div>\r\n                                </>\r\n                            ))}\r\n                            <div className=\"content-nav mar-top\">\r\n                                <ul>\r\n                                    <li>\r\n                                        {\r\n                                            pageContext.previousPagePath == \"\" ? \"\" : (\r\n\r\n                                                    <Link to={pageContext.previousPagePath} className=\"ln\"><i className=\"fal fa-arrow-left\"></i><span className=\"tooltip\">Prev - Page {pageContext.pageNumber}</span></Link>\r\n\r\n                                            )\r\n                                        }\r\n                                    </li>\r\n                                    <li>\r\n                                        <a href=\"javascript:;\" className=\"cur-page\"><span>Page { pageContext.pageNumber + 1 } of { pageContext.numberOfPages }. </span></a>\r\n                                    </li>\r\n                                    <li>\r\n                                        {\r\n                                            pageContext.nextPagePath == \"\" ? \"\" : (\r\n\r\n                                                    <Link to={pageContext.nextPagePath} className=\"rn\"><i className=\"fal fa-arrow-right\"></i><span className=\"tooltip\">Next - Page {pageContext.pageNumber + 2} </span></Link>\r\n\r\n                                            )\r\n                                        }\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"sec-lines\"></div>\r\n                    </section>\r\n\r\n                    <SocialIconsFooter />\r\n                </div>\r\n                <Footer />\r\n            </div>\r\n        </Layout>\r\n    )\r\n}\r\n\r\nexport default ProjectsIndexPage\r\n"],"names":["SocialIconsFooter","React","className","href","target","_ref","data","pageContext","projects","allProjectsJson","nodes","Layout","pageTitle","og_desc","id","Link","to","BgImage","map","project","index","key","slug","categories","category","title","GatsbyImage","image","getImage","main_image","alt","client","link","text","style","color","width","fontSize","fontWeight","day","month","year","previousPagePath","pageNumber","numberOfPages","nextPagePath","Footer"],"sourceRoot":""}