{"version":3,"file":"static/js/612.9f6c6395.chunk.js","mappings":"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","sources":["components/ContentBlock/styles.ts","pages/Home/index.tsx"],"sourcesContent":["import { Row } from \"antd\";\r\nimport styled from \"styled-components\";\r\n\r\nexport const ContentSection = styled(\"section\")`\r\n  position: relative;\r\n  padding: 10rem 0 8rem;\r\n\r\n  @media only screen and (max-width: 1024px) {\r\n    padding: 4rem 0 4rem;\r\n  }\r\n`;\r\n\r\nexport const Content = styled(\"p\")`\r\n  margin: 1.5rem 0 2rem 0;\r\n`;\r\n\r\nexport const StyledRow = styled(Row)`\r\n  flex-direction: ${({ direction }: { direction: string }) =>\r\n    direction === \"left\" ? \"row\" : \"row-reverse\"};\r\n`;\r\n\r\nexport const ContentWrapper = styled(\"div\")`\r\n  position: relative;\r\n  max-width: 540px;\r\n\r\n  @media only screen and (max-width: 575px) {\r\n    padding-top: 4rem;\r\n  }\r\n`;\r\n\r\nexport const ServiceWrapper = styled(\"div\")`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  max-width: 100%;\r\n`;\r\n\r\nexport const MinTitle = styled(\"h6\")`\r\n  font-size: 15px;\r\n  line-height: 1rem;\r\n  padding: 0.5rem 0;\r\n  text-transform: uppercase;\r\n  color: #000;\r\n  font-family: \"Motiva Sans Light\", sans-serif;\r\n`;\r\n\r\nexport const MinPara = styled(\"p\")`\r\n  font-size: 13px;\r\n`;\r\n\r\nexport const ButtonWrapper = styled(\"div\")`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  max-width: 100%;\r\n\r\n  @media screen and (min-width: 1024px) {\r\n    max-width: 80%;\r\n  }\r\n\r\n  button:last-child {\r\n    margin-left: 20px;\r\n  }\r\n`;\r\n","import { lazy } from \"react\";\r\nimport IntroContent from \"../../content/IntroContent.json\";\r\nimport MiddleBlockContent from \"../../content/MiddleBlockContent.json\";\r\nimport AboutContent from \"../../content/AboutContent.json\";\r\nimport MissionContent from \"../../content/MissionContent.json\";\r\nimport ProductContent from \"../../content/ProductContent.json\";\r\nimport ContactContent from \"../../content/ContactContent.json\";\r\nimport { Card, Col, Image, Row } from \"antd\";\r\nimport { StyledRow } from \"../../components/ContentBlock/styles\";\r\n\r\nconst Contact = lazy(() => import(\"../../components/ContactForm\"));\r\nconst MiddleBlock = lazy(() => import(\"../../components/MiddleBlock\"));\r\nconst Container = lazy(() => import(\"../../common/Container\"));\r\nconst ScrollToTop = lazy(() => import(\"../../common/ScrollToTop\"));\r\nconst ContentBlock = lazy(() => import(\"../../components/ContentBlock\"));\r\n\r\nconst Home = () => {\r\n    return (\r\n        <Container>\r\n            <ScrollToTop />\r\n            <ContentBlock\r\n                direction=\"right\"\r\n                title={IntroContent.title}\r\n                content={IntroContent.text}\r\n                button={IntroContent.button}\r\n                icon=\"developer.svg\"\r\n                id=\"intro\"\r\n            />\r\n            <ContentBlock\r\n                direction=\"left\"\r\n                title={AboutContent.title}\r\n                content={AboutContent.text}\r\n                section={AboutContent.section}\r\n                icon=\"graphs.svg\"\r\n                id=\"about\"\r\n            />\r\n            <MiddleBlock\r\n                title={MiddleBlockContent.title}\r\n                content={MiddleBlockContent.text}\r\n                button={MiddleBlockContent.button}\r\n            />\r\n            <ContentBlock\r\n                direction=\"right\"\r\n                title={MissionContent.title}\r\n                content={MissionContent.text}\r\n                icon=\"product-launch.svg\"\r\n                id=\"mission\"\r\n            />\r\n            <ContentBlock\r\n                direction=\"left\"\r\n                title={ProductContent.title}\r\n                content={ProductContent.text}\r\n                icon=\"waving.svg\"\r\n                id=\"product\"\r\n            />\r\n            <MiddleBlock\r\n                title={\"Essentials We Provide Include:\"}\r\n                content={\r\n                    <StyledRow\r\n                        justify=\"space-between\"\r\n                        align=\"middle\"\r\n                        id={\"3\"}\r\n                        direction={\"left\"}\r\n                    >\r\n                        <Col lg={11} md={11} sm={12} xs={24}>\r\n                            <Card title=\"Sample Product\">\r\n                                <Image\r\n                                    alt=\"Card image\"\r\n                                    src=\"https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=3164&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\r\n                                />\r\n\r\n                                <h6\r\n                                    style={{\r\n                                        marginTop: \"8px\",\r\n                                        fontSize: \"28px\",\r\n                                    }}\r\n                                >\r\n                                    Milwaukee Axe\r\n                                </h6>\r\n                                <p>\r\n                                    Lorem ipsum dolor sit amet, consectetur\r\n                                    adipiscing elit interdum hendrerit ex vitae\r\n                                    sodales.\r\n                                </p>\r\n                            </Card>\r\n                        </Col>\r\n                        <Col lg={11} md={11} sm={12} xs={24}>\r\n                            <Card title=\"Sample Product\">\r\n                                <Image\r\n                                    alt=\"Card image\"\r\n                                    src=\"https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=3164&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\r\n                                />\r\n                                <h6\r\n                                    style={{\r\n                                        marginTop: \"8px\",\r\n                                        fontSize: \"28px\",\r\n                                    }}\r\n                                >\r\n                                    Katadyn Filter\r\n                                </h6>\r\n                                <p>\r\n                                    Lorem ipsum dolor sit amet, consectetur\r\n                                    adipiscing elit interdum hendrerit ex vitae\r\n                                    sodales.\r\n                                </p>\r\n                            </Card>\r\n                        </Col>\r\n                    </StyledRow>\r\n                }\r\n            />\r\n            <Contact\r\n                title={ContactContent.title}\r\n                content={ContactContent.text}\r\n                id=\"contact\"\r\n            />\r\n        </Container>\r\n    );\r\n};\r\n\r\nexport default Home;\r\n"],"names":["ContentSection","styled","_templateObject","_taggedTemplateLiteral","Content","_templateObject2","StyledRow","Row","_templateObject3","_ref","direction","ContentWrapper","_templateObject4","ServiceWrapper","_templateObject5","MinTitle","_templateObject6","MinPara","_templateObject7","ButtonWrapper","_templateObject8","Contact","lazy","MiddleBlock","Container","ScrollToTop","ContentBlock","_jsxs","children","_jsx","title","IntroContent","content","button","icon","id","AboutContent","section","MiddleBlockContent","MissionContent","ProductContent","justify","align","Col","lg","md","sm","xs","Card","Image","alt","src","style","marginTop","fontSize","ContactContent"],"sourceRoot":""}