{"version":3,"sources":["Containers/Components/FooterInfo.js","Containers/Components/ShowcaseCard.js","Containers/Components/ImageCarousel.js","Containers/Home.js","Containers/Components/CollapseInfo.js","Containers/Components/TimlineInfo.js","Containers/About.js","Containers/Components/Details.js","Containers/Components/ScrollToTop.js","Containers/Router.js","App.js","reportWebVitals.js","index.js"],"names":["Text","Typography","FooterInfo","style","padding","xs","sm","md","lg","xl","width","height","paddingTop","MailOutlined","PhoneOutlined","MobileOutlined","href","target","WhatsAppOutlined","color","src","border","loading","Date","getFullYear","fontSize","paddingBottom","Meta","Card","Paragraph","ShowcaseCard","props","useState","data","setData","useEffect","console","log","map","obj","index","flex","to","pathname","hoverable","cover","projectID","img","title","text","ellipsis","rows","description","contentStyle","lineHeight","textAlign","background","contentImgeStyle","textStyle","ImageCarousel","autoplay","image","Title","Home","carouselData","setCarouselData","showcaseData","setShowcaseData","a","fetch","then","response","json","catch","error","dat","getJSON","level","Panel","Collapse","callback","key","CollapseInfo","onChange","accordion","header","TimelimeInfo","mode","Item","label","dot","ClockCircleOutlined","About","Detail","propData","useLocation","images","PreviewGroup","ScrollToTop","location","window","scrollTo","children","useStyles","makeStyles","root","position","bottom","left","right","zIndex","backgroundColor","AllRoutes","classes","React","value","setValue","BottomNavigation","event","newValue","className","BottomNavigationAction","component","Link","icon","path","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.ee8c4c75.chunk.js","sourcesContent":["import { MailOutlined, WhatsAppOutlined, MobileOutlined, PhoneOutlined } from '@ant-design/icons';\r\nimport { Row, Col, Card, Typography, BackTop, Divider } from 'antd';\r\n\r\nconst { Text } = Typography;\r\n\r\nconst googleMapInfo =\r\n\t'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d230.69643031451903!2d114.22048929282549!3d22.310435302179847!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x340401466dfbecf7%3A0x1920abc86347af4e!2sFung%20Yip%20Industrial%20Building!5e0!3m2!1sen!2shk!4v1631763641632!5m2!1sen!2shk';\r\n\r\nfunction FooterInfo() {\r\n\treturn (\r\n\t\t<div style={{ padding: '48px 0 96px 0' }}>\r\n\t\t\t<Row>\r\n\t\t\t\t<Col xs={24} sm={24} md={12} lg={12} xl={12}>\r\n\t\t\t\t\t<Card style={{ width: '100%', height: '450px' }}>\r\n\t\t\t\t\t\t<center>\r\n\t\t\t\t\t\t\t<div style={{ paddingTop: '48px' }} />\r\n\t\t\t\t\t\t\t<h2>\r\n\t\t\t\t\t\t\t\t<Divider>聯係我們</Divider>\r\n\t\t\t\t\t\t\t</h2>\r\n\t\t\t\t\t\t\t<Text>\r\n\t\t\t\t\t\t\t\t<MailOutlined /> 電郵：\r\n\t\t\t\t\t\t\t</Text>\r\n\t\t\t\t\t\t\t<p>chenbrothers@yahoo.com</p>\r\n\r\n\t\t\t\t\t\t\t<Text>\r\n\t\t\t\t\t\t\t\t<PhoneOutlined /> 聯繫電話：\r\n\t\t\t\t\t\t\t</Text>\r\n\r\n\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t(852) - 9767 5058 <br />\r\n\t\t\t\t\t\t\t\t(852) - 3621 0031<br />\r\n\t\t\t\t\t\t\t\t(Fax) - 3621 0044\r\n\t\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t\t<Text>\r\n\t\t\t\t\t\t\t\t<MobileOutlined /> 手機 / WhatsApp：\r\n\t\t\t\t\t\t\t</Text>\r\n\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t<a href={'https://wa.me/85254025699'} target=\"_blank\">\r\n\t\t\t\t\t\t\t\t\t<WhatsAppOutlined style={{ color: 'green' }} />(852) - 5402 5699\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t\t<Text>地址：</Text>\r\n\t\t\t\t\t\t\t<p>觀塘偉業街170號豐業工業大廈8/F-B室</p>\r\n\t\t\t\t\t\t</center>\r\n\t\t\t\t\t</Card>\r\n\t\t\t\t</Col>\r\n\t\t\t\t<Col xs={24} sm={24} md={12} lg={12} xl={12}>\r\n\t\t\t\t\t<iframe src={googleMapInfo} height=\"450\" style={{ border: 0, width: '100%' }} loading=\"lazy\" />\r\n\t\t\t\t</Col>\r\n\t\t\t</Row>\r\n\r\n\t\t\t<div style={{ padding: '18px 0' }}>\r\n\t\t\t\t<center>\r\n\t\t\t\t\tCopyright &copy; 2009-\r\n\t\t\t\t\t{new Date().getFullYear()} | &ensp;\r\n\t\t\t\t\t<a href=\"/\">\r\n\t\t\t\t\t\t<span style={{ fontSize: '14px', color: '#16499d' }}>\r\n\t\t\t\t\t\t\tChen Brothers Construction Engineering Limited.\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</a>&ensp;All Rights Reserved\r\n\t\t\t\t</center>\r\n\t\t\t</div>\r\n\r\n\t\t\t<BackTop style={{ paddingBottom: '78px' }} />\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default FooterInfo;\r\n","import React, { useState, useEffect } from 'react';\r\n\r\nimport { Card, Row, Col, Typography } from 'antd';\r\n\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst { Meta } = Card;\r\nconst { Paragraph, Text } = Typography;\r\n\r\nfunction ShowcaseCard(props) {\r\n\tconst dataFoler = 'http://13.126.197.187:3001/static/project/';\r\n\tconst [ data, setData ] = useState();\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tsetData(props.data);\r\n\t\t\tconsole.log(props.data);\r\n\t\t},\r\n\t\t[ props.data ]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<Row>\r\n\t\t\t\t{data ? (\r\n\t\t\t\t\tdata.map((obj, index) => (\r\n\t\t\t\t\t\t<Col flex=\"1 0\" style={{ paddingBottom: '16px' }}>\r\n\t\t\t\t\t\t\t<center>\r\n\t\t\t\t\t\t\t\t<Link to={{ pathname: '/detail', data: obj }}>\r\n\t\t\t\t\t\t\t\t\t<Card\r\n\t\t\t\t\t\t\t\t\t\thoverable\r\n\t\t\t\t\t\t\t\t\t\tstyle={{ width: 240 }}\r\n\t\t\t\t\t\t\t\t\t\tcover={\r\n\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ height: 240 }}\r\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={dataFoler + obj.projectID + '/' + obj.img}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<div style={{ height: 120 }}>\r\n\t\t\t\t\t\t\t\t\t\t\t<Meta title={obj.text} />\r\n\t\t\t\t\t\t\t\t\t\t\t<Paragraph ellipsis={{ rows: 3 }}>{obj.description}</Paragraph>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</Card>\r\n\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t</center>\r\n\t\t\t\t\t\t</Col>\r\n\t\t\t\t\t))\r\n\t\t\t\t) : (\r\n\t\t\t\t\t''\r\n\t\t\t\t)}\r\n\t\t\t</Row>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default ShowcaseCard;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Carousel } from 'antd';\r\n\r\nconst contentStyle = {\r\n\theight: '520px',\r\n\tcolor: '#fff',\r\n\tlineHeight: '160px',\r\n\ttextAlign: 'center',\r\n\tbackground: '#364d79'\r\n};\r\nconst contentImgeStyle = {\r\n\theight: '520px',\r\n\twidth: '100%'\r\n};\r\n\r\nconst textStyle = {\r\n\tbackground: '#a2d1fb',\r\n\twidth: '100%',\r\n\tcolor: 'dark'\r\n};\r\n\r\nfunction ImageCarousel(props) {\r\n\tconst dataFoler = 'http://13.126.197.187:3001/static/slider/';\r\n\tconst [ data, setData ] = useState();\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tsetData(props.data);\r\n\t\t\tconsole.log('2222', props.data);\r\n\t\t},\r\n\t\t[ props.data ]\r\n\t);\r\n\r\n\treturn (\r\n\t\t<Carousel autoplay>\r\n\t\t\t{data ? (\r\n\t\t\t\tdata.map((obj, index) => (\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<img key={index} style={contentImgeStyle} src={dataFoler + obj.image} />\r\n\t\t\t\t\t\t<center>\r\n\t\t\t\t\t\t\t<div key={index} style={textStyle}>\r\n\t\t\t\t\t\t\t\t{obj.text}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</center>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t))\r\n\t\t\t) : (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<h3 style={contentStyle} />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</Carousel>\r\n\t);\r\n}\r\n\r\nexport default ImageCarousel;\r\n","import React, { useState, useEffect } from 'react';\r\n\r\nimport { Row, Col, Typography, Divider, Card } from 'antd';\r\nimport ShowcaseCard from './Components/ShowcaseCard';\r\nimport ImageCarousel from './Components/ImageCarousel';\r\n\r\nconst { Title, Paragraph, Text } = Typography;\r\n\r\nfunction Home() {\r\n\tconst [ carouselData, setCarouselData ] = useState('');\r\n\tconst [ showcaseData, setShowcaseData ] = useState('');\r\n\r\n\tasync function getJSON() {\r\n\t\tlet url = 'http://13.126.197.187:3001/data';\r\n\r\n\t\tawait fetch(url)\r\n\t\t\t.then((response) => response.json())\r\n\t\t\t.then((data) => {\r\n\t\t\t\tsetCarouselData(data.carouselData);\r\n\t\t\t\tsetShowcaseData(data.showcaseData);\r\n\t\t\t})\r\n\t\t\t.catch((error) => {\r\n\t\t\t\tconsole.error('Error:', error);\r\n\t\t\t});\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tvar dat = getJSON();\r\n\t\tconsole.log(dat);\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div>\r\n\t\t\t\t<ImageCarousel data={carouselData} />\r\n\t\t\t</div>\r\n\t\t\t<div style={{ padding: '24px' }}>\r\n\t\t\t\t<Card>\r\n\t\t\t\t\t<Typography>\r\n\t\t\t\t\t\t<Title level={3}>關於我們</Title>\r\n\t\t\t\t\t\t<Text style={{ fontSize: '16px' }}>竣鋒建築工程有限公司</Text>\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<Text style={{ fontSize: '16px' }}>Chen Brothers Construction Engineering Limited.</Text>\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<Paragraph style={{ fontSize: '16px' }}>\r\n\t\t\t\t\t\t\t本公司專門承接各類室內設計及裝修工程，業務遍佈樓宇維修，保養，清拆及家改建工程。項目包括：室內設計、天台防水工程、灌漿防漏工程、消防改善工程、石矢結構維修工程、供電及排水系統、冷氣通風系統改善，休憩場所，公共設施如泳池維修及園藝改善工程等。\r\n\t\t\t\t\t\t\t我們自2009年以無限公司形式開始經營至今，一直深受客戶支持及愛戴，公司不斷在香港擴展業務。我們的客戶包括私人住宅業戶，零售及商鋪開發商、工業大廈及寫字樓、餐飲集團、發展商及各大物業管理公司，今年來亦擴大業務至大型國企公司，大學及政府公共機構。\r\n\t\t\t\t\t\t\t竣鋒的理念是“以客為先”，本著“顧客為本、盡心為本”的宗旨，多年來一專注為客戶提供優質的維修保養服務。本公司的靈魂人物陳運先生入行34年，親自培訓及管理公司施工團隊，再透過工程師及技術專員豐富的經驗及資源，為客戶提供最具效益的一站式裝修及維修方案，全面迎合客戶的需求；絕非一般裝修，維修公司所能比擬。\r\n\t\t\t\t\t\t</Paragraph>\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t</Card>\r\n\t\t\t</div>\r\n\r\n\t\t\t<ShowcaseCard data={showcaseData} />\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default Home;\r\n","import { Collapse, Divider } from 'antd';\r\n\r\nconst { Panel } = Collapse;\r\n\r\nfunction callback(key) {\r\n  console.log(key);\r\n}\r\n\r\nfunction CollapseInfo () {\r\n    return(\r\n        <div>\r\n          <div style={{padding: '24px 0'}}>\r\n            <center><Divider>常見問題 FAQ</Divider></center>\r\n          </div>\r\n            <Collapse  onChange={callback} accordion={true}>\r\n                <Panel header=\"1. 如何獲得竣鋒建築工程有限公司(免費)諮詢及報價？\" key=\"1\">\r\n                <p>答:客戶可選擇電郵 chenbrothers@yahoo.com​ 作書面諮詢，同時亦可親臨本公司查詢報價及由設計師提供諮詢服務。</p>\r\n                </Panel>\r\n                <Panel header=\"2. 在工程動工前要預備多少時間作前期準備？\" key=\"2\">\r\n                <p>答:個案設計、物料搜集、施工程序、人手安排，需要大概20天。</p>\r\n                </Panel>\r\n                <Panel header=\"3. 設計圖、施工圖及電腦3D電腦模型圖等是否須要額外收費？\" key=\"3\">\r\n                <p>答:所有工程連設計套餐 會免費提供施工圖及3D電腦模型圖。</p>\r\n                </Panel>\r\n                <Panel header=\"4. 若已簽定合約或設計圖後，可以更改原有設計嗎?會收取費用嗎？\" key=\"4\">\r\n                <p>答:​如客戶想更改原有裝修設計 我們會先評估這個更改會對整個工程之影響 然後再詳細向客戶解釋 所涉及到的 問題及金錢，經客戶同意後我們再作出更改。在一般情況下如更改內容不涉及進度、工程內容或已開始的 程序 我們一般是不會收費的。</p>\r\n                </Panel>\r\n                <Panel header=\"5. 客戶需監督工程進度？\" key=\"5\">\r\n                <p>答:我們會代客戶監督整個工程、並定時向客戶提供單位之施工照片及匯報工程進度。</p>\r\n                </Panel>\r\n                <Panel header=\"6. 設計師會為相關家居物品作配襯嗎？\" key=\"6\">\r\n                <p>答:我們室內設計師開始設計每個個案時已會為每個設計作家居及飾品配襯， (包餐枱椅梳化、茶几、窗簾及燈飾等等)，同時我們設計師亦非常樂意陪同客戶前往各門市購買，與客戶互相分享美學心得。</p>\r\n                </Panel>\r\n                <Panel header=\"7. 在前期諮詢或整個設計工程期間需要多次前往陳列室洽談嗎？\" key=\"7\">\r\n                <p>答:在整個裝修設計及工程期間，我們可安排設計師或專人到府上處理所需事務。</p>\r\n                </Panel>\r\n                <Panel header=\"8. 一年保養包含甚麼？\" key=\"8\">\r\n                <p>答:於完工交場日起計一年內，合約內之各項目內容 所出現之結構性問題，可獲本公司免費維修 (一年免費 保養並不適用於人為損毀或自然損耗)。</p>\r\n                </Panel>\r\n            </Collapse>\r\n        </div>\r\n    )\r\n}\r\n      \r\n   \r\n\r\nexport default CollapseInfo;\r\n","import { Timeline, Divider } from 'antd';\r\nimport { ClockCircleOutlined } from '@ant-design/icons';\r\n\r\nfunction TimelimeInfo() {\r\n\tconst mode = 'left';\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<div style={{ padding: '24px 0' }}>\r\n\t\t\t\t<center>\r\n\t\t\t\t\t<Divider>合作流程</Divider>\r\n\t\t\t\t</center>\r\n\t\t\t</div>\r\n\t\t\t<Timeline mode={mode}>\r\n\t\t\t\t<Timeline.Item label=\"STEP 1\" color=\"green\">\r\n\t\t\t\t\t<strong>電話/電郵/WHATSAPP 查詢</strong>\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\t初步了解客戶單位資料及需要，並提供初步諮詢預約與設計師會面，了解客戶需要後，即時提供初步設計方案及報價。\r\n\t\t\t\t\t\t提供設計方案及報價竣鋒建築工程有限公司為客戶提供多種合適設計方案，並由設計師深入講解每個設計方案及報價單內容\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</Timeline.Item>\r\n\t\t\t\t<Timeline.Item label=\"STEP 2\" dot={<ClockCircleOutlined />}>\r\n\t\t\t\t\t<strong>提供設計方案及報價</strong>\r\n\t\t\t\t\t<p>竣鋒建築工程有限公司為客戶提供多種合適設計方案，並由設計師深入講解每個設計方案及報價單內容</p>\r\n\t\t\t\t</Timeline.Item>\r\n\t\t\t\t<Timeline.Item label=\"STEP 3\" dot={<ClockCircleOutlined />}>\r\n\t\t\t\t\t<strong>雙方簽訂合約</strong>\r\n\t\t\t\t\t<p>當客戶清楚了解整個設計工程及詳細報價內容後 雙方簽訂合約</p>\r\n\t\t\t\t</Timeline.Item>\r\n\t\t\t\t<Timeline.Item label=\"STEP 4\" dot={<ClockCircleOutlined />}>\r\n\t\t\t\t\t<strong>專人度尺及繪製平面圖</strong>\r\n\t\t\t\t\t<p>安排團隊上門度呎 並製訂各項工程施工細節及程序</p>\r\n\t\t\t\t</Timeline.Item>\r\n\t\t\t\t<Timeline.Item label=\"STEP 5\" dot={<ClockCircleOutlined />}>\r\n\t\t\t\t\t<strong>繪畫手繪圖及3D效果模型</strong>\r\n\t\t\t\t\t<p>繪畫各項施工及3D模型圖後與客人覆核各項細節</p>\r\n\t\t\t\t</Timeline.Item>\r\n\t\t\t\t<Timeline.Item label=\"STEP 6\" dot={<ClockCircleOutlined />}>\r\n\t\t\t\t\t<strong>採購各種物料</strong>\r\n\t\t\t\t\t<p>安排設計師與客人前往各個門市挑選各種物料及裝飾, 並現場提供專業意見</p>\r\n\t\t\t\t</Timeline.Item>\r\n\t\t\t\t<Timeline.Item label=\"STEP 7\" dot={<ClockCircleOutlined />}>\r\n\t\t\t\t\t<strong>進場施工</strong>\r\n\t\t\t\t\t<p>定期向客人匯報工程進度</p>\r\n\t\t\t\t</Timeline.Item>\r\n\t\t\t\t<Timeline.Item label=\"STEP 8\" dot={<ClockCircleOutlined />}>\r\n\t\t\t\t\t<strong>工程完成</strong>\r\n\t\t\t\t\t<p>客戶檢驗單位</p>\r\n\t\t\t\t</Timeline.Item>\r\n\t\t\t\t<Timeline.Item label=\"STEP 9\" color=\"green\">\r\n\t\t\t\t\t<strong>保養</strong>\r\n\t\t\t\t\t<p>提供一年工程維修保養</p>\r\n\t\t\t\t</Timeline.Item>\r\n\t\t\t</Timeline>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default TimelimeInfo;\r\n","\r\n\r\nimport React from \"react\";\r\n\r\nimport CollapseInfo from \"./Components/CollapseInfo\";\r\nimport TimelimeInfo from \"./Components/TimlineInfo\";\r\n\r\n\r\nfunction About() {\r\n    return(\r\n        <div>\r\n            <TimelimeInfo />\r\n            <CollapseInfo />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default About;","import { Image } from 'antd';\r\nimport React, { useState, useEffect } from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\n\r\nfunction Detail() {\r\n\tconst [ data, setData ] = useState();\r\n\tconst propData = useLocation();\r\n\r\n\tconst dataFoler = 'http://13.126.197.187:3001/static/project/';\r\n\r\n\tuseEffect(\r\n\t\t() => {\r\n\t\t\tsetData(propData.data);\r\n\t\t},\r\n\t\t[ propData ]\r\n\t);\r\n\r\n\tconsole.log(data);\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t{data ? (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<h2>{data.title}</h2>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<h3>{data.text}</h3>\r\n\t\t\t\t\t<p>{data.description}</p>\r\n\t\t\t\t\t{data.images ? (\r\n\t\t\t\t\t\t<Image.PreviewGroup>\r\n\t\t\t\t\t\t\t{data.images.map((obj, index) => (\r\n\t\t\t\t\t\t\t\t<Image width={200} src={dataFoler + data.projectID + '/' + data.images[index]} />\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</Image.PreviewGroup>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t''\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t) : (\r\n\t\t\t\t<p>No data</p>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default Detail;\r\n","// ScrollToTop.js\r\nimport { useEffect } from \"react\";\r\nimport { useLocation } from \"react-router\";\r\n\r\nconst ScrollToTop = (props) => {\r\n  const location = useLocation();\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, [location]);\r\n\r\n  return <>{props.children}</>\r\n};\r\n\r\nexport default ScrollToTop;","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport BottomNavigation from '@material-ui/core/BottomNavigation';\r\nimport BottomNavigationAction from '@material-ui/core/BottomNavigationAction';\r\nimport HomeIcon from '@material-ui/icons/Home';\r\nimport InfoIcon from '@material-ui/icons/Info';\r\n\r\n\r\nimport {\r\n  BrowserRouter as Router,\r\n  Switch,\r\n  Route,\r\n  Link\r\n} from \"react-router-dom\";\r\n\r\nimport './Router.css';\r\nimport FooterInfo from \"./Components/FooterInfo\";\r\n\r\nimport Home from \"./Home\";\r\nimport About from './About';\r\nimport Detail from \"./Components/Details\";\r\nimport ScrollToTop from './Components/ScrollToTop';\r\n\r\nconst useStyles = makeStyles({\r\n\troot: {\r\n\t  // width: '100%',\r\n\t  position: 'fixed', \r\n\t  bottom: 0, \r\n\t  left: 0, \r\n\t  right: 0,\r\n\t  zIndex: 9999,\r\n\t  backgroundColor: '#1769aa',\r\n\t//   color: '#ffffff'\r\n\t},\r\n  });\r\n  \r\nfunction AllRoutes() {\r\n\tconst classes = useStyles();\r\n\tconst [value, setValue] = React.useState(\"home\");\r\n  \r\n\tconst handleChange = (event, newValue) => {\r\n\t  setValue(newValue);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<Router>\r\n\t\t\t\t<ScrollToTop>\r\n\t\t\t\t\t<BottomNavigation value={value} onChange={handleChange} className={classes.root}>\r\n\t\t\t\t\t\t<BottomNavigationAction style={{color: '#ffffff'}} component={Link} to=\"/\" label=\"Home\" value=\"home\" icon={<HomeIcon />} />\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t<BottomNavigationAction style={{color: '#ffffff'}} component={Link} to=\"/about\" label=\"About\" value=\"about\" icon={<InfoIcon />} />\r\n\t\t\t\t\t</BottomNavigation>\r\n\t\t\t\r\n\t\t\t\t\t<Switch>\r\n\t\t\t\t\t\t<Route path=\"/about\">\r\n\t\t\t\t\t\t\t<div className=\"content-layout\"><About /></div>\r\n\t\t\t\t\t\t</Route>\r\n\t\t\t\t\t\t<Route path=\"/detail\">\r\n\t\t\t\t\t\t\t<div className=\"content-layout\"><Detail /></div>\r\n\t\t\t\t\t\t</Route>\r\n\t\t\t\t\t\t<Route path=\"/\">\r\n\t\t\t\t\t\t\t<Home />\r\n\t\t\t\t\t\t</Route>\r\n\t\t\t\t\t</Switch>\r\n\t\t\t\t</ScrollToTop>\r\n\t\t\t</Router>\r\n\t\t\t\t\r\n\r\n\t\t\t<FooterInfo />\r\n\t\t</div>\r\n\t);\r\n  }\r\n\r\n\r\nexport default AllRoutes;\r\n","import './App.css';\nimport './index.css';\nimport AllRoutes from './Containers/Router';\n\n\nfunction App() {\n  return (\n    <AllRoutes />\n  )\n}\n\nexport default App;","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport App from './App';\n\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}