{"version":3,"sources":["webpack://rayofhina-website/./src/containers/home/hero-area/hero-area.stc.js","webpack://rayofhina-website/./src/containers/home/hero-area/index.js","webpack://rayofhina-website/./src/containers/home/featured-posts-list/featured-posts-list.stc.js","webpack://rayofhina-website/./src/containers/home/featured-posts-list/index.js","webpack://rayofhina-website/./src/containers/home/main-area/main-area.stc.js","webpack://rayofhina-website/./src/containers/home/main-area/index.js","webpack://rayofhina-website/./src/pages/index.js"],"names":["HeroWrapper","styled","device","BannerShape","HeroBG","BackgroundImage","HeroTextBox","HeroArea","props","useStaticQuery","homeJson","title","desc","image","headingStyle","textStyle","textHeadingStyle","fluid","childImageSharp","Container","Row","Col","defaultProps","fontSize","textTransform","fontFamily","fontWeight","as","color","lineHeight","PostsWrap","PostContent","RecentPostArea","blogData","blogs","allMarkdownRemark","edges","sectionTitleStyle","blogStyle","totalCount","map","blog","key","node","fields","slug","content","frontmatter","excerpt","mb","MainWrapper","className"],"mappings":"iUAKaA,EAAcC,6BAAH,oEAAGA,CAAH,kcAGlBC,WAGAA,WAGAA,UAGAA,WAoBoBC,IAEhBD,WAGAA,UAGAA,WAGAA,WASGE,GAASH,aAAOI,KAAV,0EAAGJ,CAAH,wJAWNK,EAAcL,yBAAH,oEAAGA,CAAH,mLAKlBC,WAGAA,WAGAA,UAGAA,YC1EAK,EAAW,SAACC,GACd,IADwB,GACPC,oBAAe,cAeQC,SAAhCC,EAhBgB,EAgBhBA,MAAOC,EAhBS,EAgBTA,KAAMC,EAhBG,EAgBHA,MACbC,EAA8CN,EAA9CM,aAAcC,EAAgCP,EAAhCO,UAAWC,EAAqBR,EAArBQ,iBACjC,OACI,gBAAChB,EAAD,KACI,gBAACI,EAAD,CAAQa,MAAOJ,EAAMK,gBAAgBD,QACrC,gBAACE,EAAA,EAAD,KACI,gBAACC,EAAA,EAAD,KACI,gBAACC,EAAA,EAAD,KACI,gBAACf,EAAD,KACKM,GAAQ,gBAAC,IAAD,iBAAUI,EAAsBD,GAAhC,SACRJ,GAAS,gBAAC,IAAD,iBAAaK,EAAsBF,GAAnC,oBAetCP,EAASe,aAAe,CACpBP,UAAW,CACPQ,SAAU,CAAC,OAAQ,OAAQ,OAAQ,QACnCC,cAAe,YACfC,WAAY,aACZC,WAAY,OAEhBZ,aAAc,CACVa,GAAI,KACJJ,SAAU,CAAC,OAAQ,OAAQ,OAAQ,QACnCC,cAAe,YACfC,WAAY,aACZC,WAAY,OAEhBV,iBAAkB,CACdY,MAAO,OACPC,WAAY,EACZH,WAAY,YAIpB,Q,8BCnEaI,G,QAAY7B,6BAAH,4EAAGA,CAAH,6CAEhBC,aAKO6B,EAAc9B,yBAAH,8EAAGA,CAAH,MCFlB+B,EAAiB,SAACxB,GACpB,IAAMyB,GAAWxB,oBAAe,cA2C1ByB,EAAQD,EAASE,kBAAkBC,MAClCC,EAAgC7B,EAAhC6B,kBAAmBC,EAAa9B,EAAb8B,UACLL,EAASE,kBAAvBI,WACP,OACI,gBAACT,EAAD,KACI,gBAAC,IAAD,iBACQO,EADR,CAEI1B,MAAM,sBAEV,gBAACoB,EAAD,KACKG,EAAMM,KAAI,SAAAC,GAAI,OACX,gBAAC,IAAD,iBACQH,EADR,CAEII,IAAKD,EAAKE,KAAKC,OAAOC,KACtBC,QAAO,iBACAL,EAAKE,KAAKC,OACVH,EAAKE,KAAKI,YAFV,CAGHC,QAASP,EAAKE,KAAKK,mBAc/ChB,EAAeV,aAAe,CAC1Be,kBAAmB,CACfY,GAAI,QAERX,UAAW,CACPW,GAAI,SAIZ,QCzFaC,G,QAAcjD,0BAAH,qEAAGA,CAAH,0CAElBC,aCeN,EAdiB,WACb,OACI,gBAACgD,EAAD,KACI,gBAAC/B,EAAA,EAAD,KACI,gBAACC,EAAA,EAAD,KACI,gBAACC,EAAA,EAAD,KACI,gBAAC,EAAD,WCWxB,G,QAbkB,kBAChB,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKV,MAAM,SACX,gBAAC,IAAD,MACA,uBAAKwC,UAAU,gBACb,gBAAC,EAAD,MACA,gBAAC,IAAD,MACA,gBAAC,EAAD,OAEF,gBAAC,IAAD","file":"component---src-pages-index-js-7744bf6ce015155a6d10.js","sourcesContent":["import styled from 'styled-components';\nimport BackgroundImage from 'gatsby-background-image'\nimport BannerShape from '../../../assets/img/home-one-banner-shape.png'\nimport {device} from '../../../theme'\n\nexport const HeroWrapper = styled.section `\n    height: 400px;\n    position: relative;\n    ${device.xsmall}{\n        height: 500px;\n    }\n    ${device.medium}{\n        height: 750px;\n    }\n    ${device.large}{\n        height: 850px;\n    }\n    ${device.xlarge}{\n        height: 980px;\n    }\n    &:before{\n        position: absolute;\n        content: '';\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 1;\n    }\n    &:after{\n        position: absolute;\n        content: '';\n        left: 0;\n        bottom: -5px;\n        z-index: 1;\n        width: 100%;\n        height: 100px;\n        background: url(${BannerShape}) no-repeat scroll 0 0;\n        background-size: 100% 100%;\n        ${device.xsmall}{\n            height: 160px;\n        }\n        ${device.small}{\n            height: 200px;\n        }\n        ${device.medium}{\n            height: 240px;\n        }\n        ${device.large}{\n            height: 280px;\n        }\n    }\n    .row, .col {\n        position: initial\n    }\n`;\n\nexport const HeroBG = styled(BackgroundImage) `\n    position: absolute !important;\n    background-position: top center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n`;\n\nexport const HeroTextBox = styled.div `\n    position: absolute;\n    bottom: 152px;\n    text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.8);\n\n    ${device.xsmall}{\n        bottom: 256px;\n    }\n    ${device.medium}{\n        bottom: 456px;\n    }\n    ${device.large}{\n        bottom: 456px;\n    }\n    ${device.xlarge}{\n        bottom: 586px;\n    }\n    * {\n        position: relative;\n        z-index: 9;\n    }\n`; ","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Container, Row, Col } from 'reactstrap';\nimport { useStaticQuery, graphql } from 'gatsby'\nimport Heading from '../../../components/shared/heading'\nimport Text from '../../../components/shared/text'\nimport { HeroWrapper, HeroBG, HeroTextBox } from './hero-area.stc'\n\nconst HeroArea = (props) => {\n    const heroData = useStaticQuery(graphql`\n        query HomeHeroQuery {\n            homeJson(id: {eq: \"home-hero-content\"}){\n                title\n                desc\n                image {\n                    childImageSharp {\n                        fluid(maxWidth: 1920, maxHeight: 1080, quality: 100) {\n                            ...GatsbyImageSharpFluid_withWebp\n                        }\n                    }\n                }\n            }\n        }      \n    `)\n    const { title, desc, image } = heroData.homeJson;\n    const { headingStyle, textStyle, textHeadingStyle } = props;\n    return (\n        <HeroWrapper>\n            <HeroBG fluid={image.childImageSharp.fluid} />\n            <Container>\n                <Row>\n                    <Col>\n                        <HeroTextBox>                            \n                            {desc && <Text {...textHeadingStyle} {...textStyle}>Hello</Text>}\n                            {title && <Heading {...textHeadingStyle} {...headingStyle}>I'm Carina</Heading>}\n                        </HeroTextBox>\n                    </Col>\n                </Row>\n            </Container>\n        </HeroWrapper>\n    )\n}\n\nHeroArea.propTypes = {\n    headingStyle: PropTypes.object,\n    textStyle: PropTypes.object,\n    textHeadingStyle: PropTypes.object\n}\n\nHeroArea.defaultProps = {\n    textStyle: {        \n        fontSize: ['42px', '48px', '48px', '64px'],\n        textTransform: 'uppercase',\n        fontFamily: 'montserrat',\n        fontWeight: '300'\n    },\n    headingStyle: {\n        as: 'h1',\n        fontSize: ['42px', '48px', '48px', '64px'],\n        textTransform: 'uppercase',\n        fontFamily: 'montserrat',\n        fontWeight: '500'\n    },\n    textHeadingStyle: {\n        color: '#fff',\n        lineHeight: 1,\n        fontWeight: 'regular'\n    }\n}\n\nexport default HeroArea\n","import styled from 'styled-components'\nimport {device} from '../../../theme'\n\nexport const PostsWrap = styled.section `\n    margin-bottom: 50px;\n    ${device.medium}{\n        margin-bottom: 0;\n    }\n`;\n\nexport const PostContent = styled.div `\n    \n`;","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { useStaticQuery, graphql } from 'gatsby'\nimport SectionTitle from '../../../components/shared/section-title'\nimport Blog from '../../../components/blog/layout-two'\nimport Pagination from '../../../components/pagination'\nimport {PostsWrap, PostContent} from './featured-posts-list.stc'\n \nconst RecentPostArea = (props) => {\n    const blogData = useStaticQuery(graphql `\n        query RecentPostQuery {\n            allMarkdownRemark(filter: {frontmatter: {is_featured: {eq: true}}}, sort: {order: DESC, fields: frontmatter___date}, limit: 10) {\n                totalCount\n                edges {\n                    node {\n                        fields {\n                            slug\n                            dateSlug\n                            postID\n                        }\n                        frontmatter {\n                            category\n                            type\n                            date(formatString: \"LL\")\n                            format\n                            tags\n                            title\n                            image {\n                                childImageSharp {\n                                    fluid(maxWidth: 510, maxHeight: 400, cropFocus: CENTER, quality: 100, srcSetBreakpoints: 6) {\n                                        ...GatsbyImageSharpFluid_withWebp\n                                        presentationWidth\n                                        presentationHeight\n                                    }\n                                }\n                            }\n                            images {\n                                childImageSharp {\n                                    fluid(maxWidth: 510, maxHeight: 400, cropFocus: CENTER, quality: 100, srcSetBreakpoints: 6) {\n                                        ...GatsbyImageSharpFluid_withWebp\n                                        presentationWidth\n                                        presentationHeight\n                                    }\n                                }\n                            }\n                        }\n                        excerpt(pruneLength: 165, format: PLAIN, truncate: true)\n                    }\n                }\n            }\n        }      \n    `);\n    const blogs = blogData.allMarkdownRemark.edges;\n    const {sectionTitleStyle, blogStyle} = props;\n    const {totalCount} = blogData.allMarkdownRemark;\n    return (\n        <PostsWrap>\n            <SectionTitle\n                {...sectionTitleStyle}\n                title=\"My Featured Work\"\n            />\n            <PostContent>\n                {blogs.map(blog => (\n                    <Blog\n                        {...blogStyle}\n                        key={blog.node.fields.slug}\n                        content={{\n                            ...blog.node.fields, \n                            ...blog.node.frontmatter,\n                            excerpt: blog.node.excerpt\n                        }}\n                    />\n                ))}\n            </PostContent>\n        </PostsWrap>\n    )\n}\n\nRecentPostArea.propTypes = {\n    sectionTitleStyle: PropTypes.object,\n    blogStyle: PropTypes.object\n}\n\nRecentPostArea.defaultProps = {\n    sectionTitleStyle: {\n        mb: '46px'\n    },\n    blogStyle: {\n        mb: '50px'\n    }\n}\n\nexport default RecentPostArea\n","import styled from \"styled-components\";\nimport { device } from '../../../theme'\n\nexport const MainWrapper = styled.main`\n    margin-bottom: 40px;\n    ${device.medium}{\n        display: none;\n    }\n`;","import React from 'react'\nimport {Container, Row, Col} from 'reactstrap'\nimport FeaturedPostsList from '../featured-posts-list'\nimport Sidebar from '../../global/sidebar'\nimport {MainWrapper} from './main-area.stc'\n\nconst MainArea = () => {\n    return (\n        <MainWrapper>\n            <Container>\n                <Row>\n                    <Col>                        \n                        <FeaturedPostsList/>\n                    </Col>\n                </Row>\n            </Container>\n        </MainWrapper>\n    )\n}\n\nexport default MainArea\n","import React from \"react\"\nimport SEO from '../components/seo'\nimport Layout from \"../containers/layout/layout\"\nimport Header from '../containers/layout/header'\nimport Footer from '../containers/layout/footer'\nimport HeroArea from '../containers/home/hero-area'\nimport FeaurePostArea from '../containers/home/feature-post-area'\nimport MainArea from '../containers/home/main-area'\nimport ContactArea from '../containers/home/contact-area'\n\nconst IndexPage = () => (\n  <Layout>\n    <SEO title=\"Home\" />\n    <Header/>\n    <div className=\"main-content\">\n      <HeroArea/>\n      <FeaurePostArea/>\n      <MainArea/>     \n    </div>\n    <Footer/>\n  </Layout>\n)\n\nexport default IndexPage\n"],"sourceRoot":""}