{"version":3,"sources":["data/menuData.js","components/Button.js","images/argyle.png","images/laundry-logo.png","components/Navbar.js","components/Dropdown.js","components/Welcome.js","data/sliderData.js","images/ironing-1.jpg","images/man-shirt-torso.jpg","globalStyles.js","images/black-linen.png","components/HowItWorks.js","data/howItWorksData.js","pages/About.js","pages/Home.js","pages/Areas.js","components/Footer.js","data/faqData.js","components/FAQ.js","images/clothes-rack.jpg","components/Pricing.js","pages/PricingPage.js","aws-exports.js","components/Contact.js","App.js","index.js"],"names":["menuData","title","link","Button","styled","Link","primary","big","Nav","nav","NavLink","css","Logo","MenuBars","FaBars","NavMenu","div","NavMenuLinks","NavBtn","Navbar","toggle","useState","colorChange","setColorchange","window","addEventListener","scrollY","textColorChange","setTextColorchange","className","src","LaundryLogo","alt","to","onClick","map","item","index","DropdownContainer","isOpen","Icon","CloseIcon","FaTimes","DropdownWrapper","DropdownMenu","DropdownLink","BtnWrap","Dropdown","round","WelcomeSection","section","WelcomeWrapper","WelcomeSlide","WelcomeSlider","WelcomeImage","img","WelcomeContent","LaundryLogoImg","Arrow","IoMdArrowRoundForward","FadeBottom","Welcome","slides","current","setCurrent","length","timeout","useRef","useEffect","setTimeout","clearTimeout","Array","isArray","slide","image","subtitle","path","label","sliderData","price","Heading","createGlobalStyle","h1","inverse","h2","margin","mb","mt","width","span","color","size","weight","spacing","padding","position","minWidth","maxWidth","height","maxHeight","minHeight","smPadding","justify","align","gap","wrap","button","HowItWorksSection","Background","HowItWorksWrapper","CardContainer","Card","CardInfo","StepNumber","h3","StepTitle","h4","CardFeatures","ul","CardFeature","li","HowItWorks","cards","id","card","stepNumber","stepTitle","stepDescription","feature","howItWorksData","About","AboutUsSection","AboutUsOpeningParagraph","p","Home","Areas","AreasSection","WelcomeImageSection","AreasWelcomeImage","TextOnImage","AreasOpeningParagraph","class","Footer","FooterContainer","FooterLinks","FooterLinkWrapper","FooterLinkItems","FooterLinkItemsTitle","FooterLinkItemsAnchor","href","target","SocialMedia","SocialMediaWrapper","FooterLogo","SocialIcons","SocialIconLink","a","faqData","question","answer","AccordionSection","Container","Wrap","FAQ","clicked","setClicked","Provider","value","Pricing","PricingContainer","PricingWelcomeImage","ClothesRack","PricingDescriptionContainer","IroningTitle","IroningDescription","WashingTitle","WashingDescription","DryCleaningTitle","DryCleaningDescription","AlterationsTitle","AlterationsDescription","PricingBackground","PricingBackgroundArgyle","table","PricingPage","awsmobile","addContact","data","body","name","formState","email","message","console","log","API","post","apiData","alert","Amplify","configure","aws_exports","updateFormState","key","Contact","placeholder","onChange","e","App","setIsOpen","style","overflowY","element","config","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.bcdf41a9.chunk.js","sourcesContent":["export const menuData=[\r\n {title: 'About', link: '/about'},\r\n {title: 'Areas', link: '/areas'},\r\n {title: 'Pricing', link: '/pricing'},\r\n {title: 'FAQ', link: '/faq'},\r\n]","import styled from 'styled-components'\r\nimport {Link} from 'react-router-dom'\r\n\r\nexport const Button = styled(Link)`\r\n background: ${({primary}) => (primary ? '#000d1a' : 'CD853F')};\r\n border-radius: 14px;\r\n white-space: nowrap;\r\n outline:none;\r\n border:none;\r\n min-width:100px;\r\n max-width:200px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: 0.3s;\r\n display: flex;\r\n justify-content: center;\r\n align-items:center;\r\n padding: ${({big}) => (big ? '16px 40px' : '14px 24px')};\r\n color: ${({primary}) => (primary ? '#fff' : '#000d1a')};\r\n font-size: ${({big}) => (big ? '20px' : '14px')};\r\n @media screen and (max-width: 768px) {\r\n font-size: 25px;\r\n }\r\n\r\n &:hover {\r\n transform: translateY(-2px);\r\n }\r\n`","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/laundry-logo.b4c7ae6c.png\";","import React, { useState } from \"react\";\r\nimport { css } from \"styled-components/macro\";\r\nimport styled from \"styled-components\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { menuData } from \"../data/menuData\";\r\nimport { Button } from \"./Button\";\r\nimport { FaBars } from \"react-icons/fa\";\r\nimport Background from \"../images/argyle.png\";\r\nimport LaundryLogo from \"../images/laundry-logo.png\";\r\nimport \"../App.css\";\r\n\r\nconst Navbar = ({ toggle }) => {\r\n const [colorChange, setColorchange] = useState(false);\r\n const changeNavbarColor = () => {\r\n if (window.scrollY >= 80) {\r\n setColorchange(true);\r\n } else {\r\n setColorchange(false);\r\n }\r\n };\r\n window.addEventListener(\"scroll\", changeNavbarColor);\r\n\r\n const [textColorChange, setTextColorchange] = useState(false);\r\n const changeNavbarTextColor = () => {\r\n if (window.scrollY >= 80) {\r\n setTextColorchange(true);\r\n } else {\r\n setTextColorchange(false);\r\n }\r\n };\r\n window.addEventListener(\"scroll\", changeNavbarTextColor);\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nconst Nav = styled.nav`\r\n height: 60px;\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 0rem 2rem;\r\n z-index: 100;\r\n position: fixed;\r\n width: 100%;\r\n background: transparent;\r\n //background-color: #030514;\r\n //background-image: url(${Background});\r\n\r\n @media screen and (max-width: 768px) {\r\n transition: 0.8s all ease;\r\n justify-content: center;\r\n }\r\n`;\r\n\r\nconst NavLink = css`\r\n color: #d9ecfa;\r\n display: flex;\r\n align-items: center;\r\n align-content: center;\r\n padding: 0 1rem;\r\n height: 100%;\r\n cursor: pointer;\r\n text-decoration: none;\r\n font-size: 30px;\r\n text-shadow: 2px 2px 4px black;\r\n text-align: center;\r\n font-size: clamp(0.7rem, 4vw, 1.5rem);\r\n :hover {\r\n color: #88e0ef;\r\n transition: 0s;\r\n }\r\n`;\r\n\r\nconst Logo = styled(Link)`\r\n ${NavLink}\r\n font-style: italic;\r\n //font-family: \"Lobster\", cursive;\r\n //font-size: 30px;\r\n`;\r\n\r\nconst MenuBars = styled(FaBars)`\r\n display: none;\r\n\r\n @media screen and (max-width: 768px) {\r\n display: block;\r\n background-size: contain;\r\n height: 40px;\r\n width: 40px;\r\n cursor: pointer;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n transform: translate(-50%, 25%);\r\n }\r\n`;\r\n\r\nconst NavMenu = styled.div`\r\n display: flex;\r\n align-items: center;\r\n margin-right: -48px;\r\n\r\n @media screen and (max-width: 768px) {\r\n display: none;\r\n }\r\n`;\r\n\r\nconst NavMenuLinks = styled(Link)`\r\n ${NavLink}\r\n`;\r\n\r\nconst NavBtn = styled.div`\r\n display: flex;\r\n align-items: center;\r\n margin-right: 24px;\r\n font-family: \"Lobster\", cursive;\r\n\r\n @media screen and (max-width: 768px) {\r\n display: none;\r\n }\r\n`;\r\nexport default Navbar;\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport {menuData} from '../data/menuData'\r\nimport {Link} from 'react-router-dom'\r\nimport {FaTimes} from 'react-icons/fa'\r\nimport {Button} from './Button'\r\n\r\nconst Dropdown = ({isOpen, toggle}) => {\r\n return (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {menuData.map((item,index) => (\r\n \r\n {item.title}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nconst DropdownContainer = styled.div`\r\n position:fixed;\r\n z-index:999;\r\n width:100%;\r\n height:100%;\r\n background:white;\r\n display:grid;\r\n align-items:center;\r\n top:0;\r\n left:0;\r\n transition:0.3s ease-in-out;\r\n opacity: ${({isOpen}) => (isOpen ? '1' : '0')};\r\n top: ${({isOpen}) => (isOpen ? '0' : '-100%')};\r\n`\r\n\r\nconst Icon = styled.div`\r\n position:absolute;\r\n top:1.2rem;\r\n right:1.5rem;\r\n background:transparent;\r\n font-size:2rem;\r\n cursor:pointer;\r\n outline:none;\r\n`\r\nconst CloseIcon = styled(FaTimes)`\r\n color: #000d1a;\r\n`\r\nconst DropdownWrapper = styled.div`\r\n\r\n`\r\nconst DropdownMenu = styled.div`\r\n display:grid;\r\n grid-template-columns:1fr;\r\n grid-template-rows: repeat(4,80px);\r\n text-align:center;\r\n margin-bottom:4rem;\r\n\r\n @media screen and (max-width: 480px) {\r\n grid-template-rows: repeat(4,60px);\r\n }\r\n`\r\nconst DropdownLink = styled(Link)`\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.5rem;\r\n text-decoration:none;\r\n list-style:none;\r\n color:black;\r\n cursor:pointer;\r\n transition:0.2s ease-in-out;\r\n\r\n &:hover {\r\n color: #000d1a;\r\n }\r\n`\r\nconst BtnWrap = styled.div`\r\n display:flex;\r\n justify-content:center;\r\n`\r\nexport default Dropdown;","import React, { useEffect, useState, useRef } from \"react\";\r\nimport styled from \"styled-components/macro\";\r\n//import styled, { css } from \"styled-components/macro\";\r\nimport { Button } from \"./Button\";\r\nimport { IoMdArrowRoundForward } from \"react-icons/io\";\r\n//import { IoArrowForward, IoArrowBack } from \"react-icons/io5\";\r\n//import {Link} from 'react-router-dom'\r\nimport LaundryLogo from \"../images/laundry-logo.png\";\r\n\r\nconst Welcome = ({ slides }) => {\r\n const [current, setCurrent] = useState(0);\r\n const length = slides.length;\r\n const timeout = useRef(null);\r\n\r\n useEffect(() => {\r\n const nextSlide = () => {\r\n setCurrent((current) => (current === length - 1 ? 0 : current + 1));\r\n };\r\n\r\n timeout.current = setTimeout(nextSlide, 7000);\r\n\r\n return function () {\r\n if (timeout.current) {\r\n clearTimeout(timeout.current);\r\n }\r\n };\r\n }, [current, length]);\r\n\r\n // const nextSlide = () => {\r\n // if (timeout.current) {\r\n // clearTimeout(timeout.current);\r\n // }\r\n\r\n // setCurrent(current === length - 1 ? 0 : current + 1);\r\n // };\r\n\r\n // const prevSlide = () => {\r\n // if (timeout.current) {\r\n // clearTimeout(timeout.current);\r\n // }\r\n\r\n // setCurrent(current === 0 ? length - 1 : current - 1);\r\n // };\r\n\r\n if (!Array.isArray(slides) || slides.length <= 0) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n {slides.map((slide, index) => {\r\n return (\r\n \r\n {index === current && (\r\n \r\n \r\n \r\n \r\n

{slide.title}

\r\n

{slide.subtitle}

\r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n })}\r\n\r\n {/*\r\n \r\n \r\n */}\r\n\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst WelcomeSection = styled.section`\r\n height: 100vh;\r\n position: relative;\r\n overflow: hidden;\r\n`;\r\n\r\nconst WelcomeWrapper = styled.div`\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n position: relative;\r\n`;\r\n\r\nconst WelcomeSlide = styled.div`\r\n z-index: 1;\r\n width: 100%;\r\n height: 100%;\r\n`;\r\nconst WelcomeSlider = styled.div`\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 2;\r\n width: 100%;\r\n height: 100vh;\r\n bottom: 0vh;\r\n left: 0;\r\n overflow: hidden;\r\n opacity: 0.4;\r\n background: linear-gradient(\r\n 0deg,\r\n rgba(0, 0, 0, 0.2) 0%,\r\n rgba(0, 0, 0, 0.2) 50%,\r\n rgba(0, 0, 0, 0.6) 100%\r\n );\r\n }\r\n`;\r\nconst WelcomeImage = styled.img`\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n object-fit: cover;\r\n`;\r\nconst WelcomeContent = styled.div`\r\n position: absolute;\r\n z-index: 10;\r\n display: flex;\r\n flex-direction: column;\r\n max-width: 100%;\r\n ${\"\" /* width:calc(100% - 100px); */}\r\n width: 100%;\r\n color: #fff;\r\n align-items: center;\r\n bottom: calc(100vh - 80%);\r\n\r\n h1 {\r\n font-size: clamp(1rem, 8vw, 2.5rem);\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n ${\"\" /* text-shadow:0px 0px 20px rgba(0,0,0,0.4); */}\r\n text-shadow: 2px 2px 4px #000000;\r\n text-align: center;\r\n margin-bottom: 0.8rem;\r\n padding: 10px;\r\n @media screen and (max-width: 768px) {\r\n font-size: 40px;\r\n }\r\n }\r\n p {\r\n margin-bottom: 1.2rem;\r\n text-shadow: 2px 2px 4px #000000;\r\n text-align: center;\r\n\r\n @media screen and (max-width: 768px) {\r\n font-size: 30px;\r\n padding: 0 10px;\r\n }\r\n }\r\n`;\r\nconst LaundryLogoImg = styled.img`\r\n z-index: 999;\r\n max-height: 50vh;\r\n padding-top: 20px;\r\n filter: drop-shadow(2px 2px 5px grey);\r\n //filter: brightness(0) invert(1);\r\n`;\r\nconst Arrow = styled(IoMdArrowRoundForward)`\r\n margin-left: 0.5rem;\r\n`;\r\n\r\n// const SliderButtons = styled.div`\r\n// position: absolute;\r\n// bottom: 50px;\r\n// right: 50px;\r\n// display: flex;\r\n// z-index: 10;\r\n// `;\r\n\r\n// const arrowButtons = css`\r\n// width: 50px;\r\n// height: 50px;\r\n// color: #fff;\r\n// cursor: pointer;\r\n// background: #000d1a;\r\n// border-radius: 50px;\r\n// padding: 10px;\r\n// margin-right: 1rem;\r\n// user-select: none;\r\n// transition: 0.3s;\r\n\r\n// &:hover {\r\n// background: #cd853f;\r\n// transform: scale(1.05);\r\n// }\r\n// `;\r\n\r\nconst FadeBottom = styled.div`\r\n height: 7.4rem;\r\n background-image: linear-gradient(\r\n 180deg,\r\n transparent,\r\n rgba(37, 37, 37, 0.61),\r\n #111\r\n );\r\n z-index: 50;\r\n`;\r\n\r\n// const PrevArrow = styled(IoArrowBack)`\r\n// ${arrowButtons}\r\n// `;\r\n\r\n// const NextArrow = styled(IoArrowForward)`\r\n// ${arrowButtons}\r\n// `;\r\n\r\nexport default Welcome;\r\n","import ImageOne from '../images/ironing-1.jpg'\r\nimport ImageTwo from '../images/man-shirt-torso.jpg'\r\n// import ImageThree from '../images/house-3.jpg'\r\n// import ImageFour from '../images/house-4.jpg'\r\n\r\nexport const sliderData=[\r\n {\r\n title: 'Door to Door Ironing Service',\r\n subtitle: 'Ironing. Dry Cleaning. Washing. Alterations.',\r\n path: '/areas',\r\n label: 'Areas We Cover',\r\n image: ImageOne,\r\n alt: 'House'\r\n },\r\n {\r\n title: 'Door to Door Ironing Service',\r\n subtitle: 'Ironing. Dry Cleaning. Washing. Alterations.',\r\n price: '$2,860,000',\r\n path: '/areas',\r\n label: 'Areas We Cover',\r\n image: ImageTwo,\r\n alt: 'House'\r\n }\r\n]\r\n\r\n// export const SliderDataTwo=[\r\n// {\r\n// title: 'House in Las Vegas, Nevada',\r\n// price: '$8,980,000',\r\n// path: '/homes',\r\n// label: 'View Home',\r\n// image: ImageFive,\r\n// alt: 'House'\r\n// },\r\n// {\r\n// title: 'House in Houston, Texas',\r\n// price: '$3,460,000',\r\n// path: '/homes',\r\n// label: 'View Home',\r\n// image: ImageSix,\r\n// alt: 'House'\r\n// },\r\n// {\r\n// title: 'House in Alajuela, Costa Rica',\r\n// price: '$5,420,000',\r\n// path: '/homes',\r\n// label: 'View Home',\r\n// image: ImageSeven,\r\n// alt: 'House'\r\n// },\r\n// ];","export default __webpack_public_path__ + \"static/media/ironing-1.46820c83.jpg\";","export default __webpack_public_path__ + \"static/media/man-shirt-torso.24d69889.jpg\";","import styled, { createGlobalStyle } from \"styled-components\";\r\n\r\n//colors: #030514\r\n\r\nconst GlobalStyle = createGlobalStyle`\r\n *{\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n`;\r\n\r\nexport const borderBottom = styled.div`\r\nborder-bottom: 2px solid #000;\r\n margin-left: 20px;\r\n margin-right: 20px;\r\n `\r\n\r\nexport const Container = styled.div`\r\n width: 100%;\r\n max-width: 1300px;\r\n margin-right: auto;\r\n margin-left: auto;\r\n padding: 0 50px;\r\n\r\n @media screen and (max-width: 960px) {\r\n padding: 0 30px;\r\n }\r\n`;\r\nexport const MainHeading = styled.h1`\r\n font-size: clamp(2.3rem, 6vw, 4.5rem);\r\n margin-bottom: 2rem;\r\n color: ${({ inverse }) => (inverse ? \"$403ae3\" : \"#fff\")};\r\n width: 100%;\r\n letter-spacing: 4px;\r\n text-align: center;\r\n`;\r\n\r\nexport const Heading = styled.h2`\r\n font-size: clamp(1.3rem, 13vw, 1.1rem);\r\n margin: ${({ margin }) => (margin ? margin : \"\")};\r\n margin-bottom: ${({ mb }) => (mb ? mb : \"\")};\r\n margin-top: ${({ mt }) => (mt ? mt : \"\")};\r\n color: ${({ inverse }) => (inverse ? \"$403ae3\" : \"#072227\")};\r\n letter-spacing: 0.4rem;\r\n line-height: 1.06;\r\n text-align: center;\r\n width: ${({ width }) => (width ? width : \"100%\")};\r\n`;\r\nexport const TextWrapper = styled.span`\r\n color: ${({ color }) => (color ? color : \"\")};\r\n font-size: ${({ size }) => (size ? size : \"\")};\r\n font-weight: ${({ weight }) => (weight ? weight : \"\")};\r\n letter-spacing: ${({ spacing }) => (spacing ? spacing : \"\")};\r\n padding: ${({ padding }) => (padding ? padding : \"\")};\r\n margin: ${({ margin }) => (margin ? margin : \"\")};\r\n margin-bottom: ${({ mb }) => (mb ? mb : \"\")};\r\n margin-top: ${({ mt }) => (mt ? mt : \"\")};\r\n`;\r\nexport const Section = styled.section`\r\n padding: ${({ padding }) => (padding ? padding : \"140px 0\")};\r\n margin: ${({ margin }) => (margin ? margin : \"\")};\r\n background: ${({ inverse }) => (inverse ? \"white\" : \"#071c2f\")};\r\n position: ${({ position }) => (position ? position : \"\")};\r\n width: ${({ width }) => (width ? width : \"auto\")};\r\n min-width: ${({ minWidth }) => (minWidth ? minWidth : \"auto\")};\r\n max-width: ${({ maxWidth }) => (maxWidth ? maxWidth : \"auto\")};\r\n height: ${({ height }) => (height ? height : \"auto\")};\r\n max-height: ${({ maxHeight }) => (maxHeight ? maxHeight : \"auto\")};\r\n min-height: ${({ minHeight }) => (minHeight ? minHeight : \"auto\")};\r\n\r\n @media screen and (max-width: 768px) {\r\n padding: ${({ smPadding }) => (smPadding ? smPadding : \"70px 0\")};\r\n }\r\n`;\r\n\r\nexport const Row = styled.div`\r\n display: flex;\r\n justify-content: ${({ justify }) => (justify ? justify : \"\")};\r\n align-items: ${({ align }) => (align ? align : \"\")};\r\n gap: ${({ gap }) => (gap ? gap : \"\")};\r\n padding: ${({ padding }) => (padding ? padding : \"\")};\r\n margin: ${({ margin }) => (margin ? margin : \"\")};\r\n position: ${({ position }) => (position ? position : \"\")};\r\n width: ${({ width }) => (width ? width : \"auto\")};\r\n min-width: ${({ minWidth }) => (minWidth ? minWidth : \"auto\")};\r\n max-width: ${({ maxWidth }) => (maxWidth ? maxWidth : \"auto\")};\r\n height: ${({ height }) => (height ? height : \"auto\")};\r\n max-height: ${({ maxHeight }) => (maxHeight ? maxHeight : \"auto\")};\r\n min-height: ${({ minHeight }) => (minHeight ? minHeight : \"auto\")};\r\n flex-wrap: ${({ wrap }) => (wrap ? wrap : \"\")};\r\n`;\r\n\r\nexport const Column = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: ${({ justify }) => (justify ? justify : \"\")};\r\n align-items: ${({ align }) => (align ? align : \"\")};\r\n gap: ${({ gap }) => (gap ? gap : \"\")};\r\n padding: ${({ padding }) => (padding ? padding : \"\")};\r\n margin: ${({ margin }) => (margin ? margin : \"\")};\r\n position: ${({ position }) => (position ? position : \"\")};\r\n width: ${({ width }) => (width ? width : \"auto\")};\r\n min-width: ${({ minWidth }) => (minWidth ? minWidth : \"auto\")};\r\n max-width: ${({ maxWidth }) => (maxWidth ? maxWidth : \"auto\")};\r\n height: ${({ height }) => (height ? height : \"auto\")};\r\n max-height: ${({ maxHeight }) => (maxHeight ? maxHeight : \"auto\")};\r\n min-height: ${({ minHeight }) => (minHeight ? minHeight : \"auto\")};\r\n`;\r\n\r\nexport const Button = styled.button`\r\n border-radius: 14px;\r\n background: none;\r\n white-space: nowrap;\r\n ${\"\" /* padding: 10px 20px; */}\r\n font-size: 16px;\r\n color: #fff;\r\n outline: none;\r\n border: 2px solid #fff;\r\n cursor: pointer;\r\n overflow: hidden;\r\n position: relative;\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n\r\n &:before {\r\n background: #fff;\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: -1;\r\n transition: all 0.6s ease;\r\n width: 100%;\r\n height: 0%;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n\r\n &:hover:before {\r\n height: 500%;\r\n }\r\n\r\n &:hover {\r\n color: black;\r\n }\r\n`;\r\n\r\nexport default GlobalStyle;\r\n","export default __webpack_public_path__ + \"static/media/black-linen.8a1abc77.png\";","import React from \"react\";\r\nimport { Heading } from \"../globalStyles\";\r\n//import { IconContext } from 'react-icons/lib';\r\nimport styled from \"styled-components\";\r\nimport \"../App.css\";\r\nimport Background from \"../images/black-linen.png\";\r\n\r\nfunction HowItWorks({ cards }) {\r\n return (\r\n //\r\n \r\n \r\n How It Works\r\n \r\n {cards.map((card, index) => (\r\n \r\n \r\n {card.stepNumber}\r\n {card.stepTitle}\r\n {/* {card.stepDescription} */}\r\n \r\n {card.stepDescription.map((feature, index) => (\r\n {feature}\r\n ))}\r\n \r\n {/* */}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n //\r\n );\r\n}\r\n\r\nconst HowItWorksSection = styled.div`\r\n padding: 70px 0;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n background-color: #88e0ef;\r\n height: 100%;\r\n //background-color: #d9ecfa;\r\n //background-color: #c3cdd4;\r\n background-color: white;\r\n //background-image: url(${Background});\r\n`;\r\n\r\nconst HowItWorksWrapper = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin: 0 auto;\r\n\r\n @media screen and (max-width: 960px) {\r\n margin: 0 30px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n`;\r\n\r\nconst CardContainer = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n flex-flow: wrap;\r\n\r\n > div {\r\n margin: 0.7rem;\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n > div {\r\n width: 90%;\r\n }\r\n }\r\n`;\r\n\r\nconst Card = styled.div`\r\n &:hover {\r\n transform: scale(1.02);\r\n transition: all 0.3s ease-out;\r\n }\r\n`;\r\n\r\nconst CardInfo = styled.div`\r\n //background: #35858b;\r\n background-color: black;\r\n //background-image: url(${Background});\r\n box-shadow: 0 6px 20px rgba(56, 125, 255, 0.2);\r\n width: 240px;\r\n text-decoration: none;\r\n border-radius: 4px;\r\n height: 100%;\r\n text-align: center;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n padding: 10px;\r\n color: #072227;\r\n margin: auto;\r\n > button {\r\n margin-top: auto;\r\n\r\n &:hover {\r\n color: black;\r\n background: white;\r\n transition: background 0.3s ease;\r\n }\r\n }\r\n\r\n @media screen and (max-width: 768px) {\r\n width: 90%;\r\n\r\n &:hover {\r\n transform: none;\r\n }\r\n }\r\n`;\r\n\r\nconst StepNumber = styled.h3`\r\n font-size: 2rem;\r\n color: white;\r\n`;\r\n\r\nconst StepTitle = styled.h4`\r\n font-size: 1.2rem;\r\n color: white;\r\n`;\r\n\r\nconst CardFeatures = styled.ul`\r\n margin: 16px 0 16px;\r\n list-style: none;\r\n padding-left: 0;\r\n`;\r\n\r\nconst CardFeature = styled.li`\r\n margin-bottom: 1rem;\r\n font-size: 1rem;\r\n color: rgba(265, 265, 265, 0.7);\r\n`;\r\n\r\nexport default HowItWorks;\r\n","export const howItWorksData = [\r\n {\r\n stepNumber: \"1\",\r\n stepTitle: \"Arrange a Collection\",\r\n stepDescription: [\r\n \"Call or text us to arrange a collection day\",\r\n \"Find out what days we cover your area\",\r\n ],\r\n },\r\n {\r\n stepNumber: \"2\",\r\n stepTitle: \"Collection\",\r\n stepDescription: [\r\n \"One of our drivers will be sent out to you in the evening of the arranged day\",\r\n \"We weigh your ironing using our handheld scales and price your clothes at the door\",\r\n ],\r\n },\r\n {\r\n stepNumber: \"3\",\r\n stepTitle: \"Preparing Your Clothes\",\r\n stepDescription: [\r\n \"Your clothes will be delivered back to the shop where our maids will prepare your items for delivery\",\r\n ],\r\n },\r\n\r\n {\r\n stepNumber: \"4\",\r\n stepTitle: \"Delivery\",\r\n stepDescription: [\"Next day delivery of your freshly ironed clothes\", \"\"],\r\n },\r\n];\r\n","import React from \"react\";\r\n//import Ironing1 from \"../images/ironing.jpg\";\r\nimport styled from \"styled-components\";\r\n\r\nfunction About() {\r\n return (\r\n <>\r\n {/* */}\r\n \r\n {/*

About Us

\r\n
*/}\r\n \r\n YOUR FRESHLY PACKAGED IRONING DELIVERED DIRECTLY TO YOUR DOOR\r\n \r\n

\r\n Please feel free to contact us to learn more about our services and to\r\n discuss collection dates.\r\n

\r\n

\r\n At Laundry Maid Easy we understand the hassle of ironing. It's a\r\n strenuous task that can take you hours - especially in family or\r\n working households and it's not something you want on your mind after\r\n a long day. Let us cut that hassle from your life to allow you to\r\n focus on the more important aspects of your day-to-day routines. We\r\n collect your bag of ironing from your door which will then be\r\n specially prepared by our maids and delivered back to you the next\r\n working day. No hassle. No Fuss.\r\n

\r\n

\r\n Operating predominantly in the North London area since 1974 we have\r\n years of experience in ironing, dry cleaning, washing and alterations.\r\n

\r\n

\r\n Feel free to pop in-store if you rather speak in person about any\r\n enquires. Our in-store opening times are:\r\n

\r\n

\r\n TUESDAY: 9am - 5pm\r\n
\r\n WEDNESDAY: 9am - 5pm\r\n
\r\n FRIDAY: 9am - 5pm\r\n
\r\n SATURDAY: 10am - 2pm\r\n

\r\n \r\n \r\n );\r\n}\r\n\r\nexport default About;\r\n\r\n// const AboutWelcomeImage = styled.img`\r\n// position: static;\r\n// width: 100%;\r\n// height: 400px;\r\n// object-fit: cover;\r\n// `;\r\nconst AboutUsSection = styled.div`\r\n padding: 30px;\r\n background-color: black;\r\n color: white;\r\n h2 {\r\n color: blue;\r\n font-size: 35px;\r\n font-weight: 750;\r\n }\r\n p {\r\n text-align: center;\r\n padding-left: 50px;\r\n padding-right: 50px;\r\n }\r\n`;\r\n\r\nconst AboutUsOpeningParagraph = styled.p`\r\n padding-top: 50px;\r\n padding-bottom: 30px;\r\n text-align: center;\r\n font-size: 30px;\r\n align-items: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n\r\n @media screen and (max-width: 768px) {\r\n font-size: 25px;\r\n }\r\n`;\r\n","import React from \"react\";\r\nimport Welcome from \"../components/Welcome\";\r\nimport { sliderData } from \"../data/sliderData\";\r\n// import Services from './Services';\r\nimport HowItWorks from \"../components/HowItWorks\";\r\n// import Pricing from '../../Pricing';\r\nimport { howItWorksData } from \"../data/howItWorksData\";\r\nimport About from \"./About\";\r\n\r\nfunction Home() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n\r\n {/* */}\r\n\r\n {/* */}\r\n \r\n );\r\n}\r\n\r\nexport default Home;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n//import AreaLondon from \"../images/LONDON_post_town_map.svg\";\r\n//import London1941 from \"../images/rocques_map_london_1741.jpg\";\r\n//import MagnifyingGlassMap from \"../images/magnifying-glass-over-map-showing-london-4908161.jpg\";\r\n\r\nfunction Areas() {\r\n return (\r\n \r\n \r\n {/* */}\r\n \r\n AREAS WE COVER\r\n \r\n\r\n \r\n The postal code areas we cover. Our collection days vary depending on\r\n certain areas.\r\n \r\n
\r\n
\r\n
\r\n

Monday and Tuesday Collection Areas

\r\n
    \r\n
  • N9
    • \r\n
  • N20
    • \r\n
  • N21
    • \r\n
\r\n
\r\n
\r\n

Thursday Collection Areas

\r\n
\r\n
\r\n
\r\n
    \r\n
  • N6
    • \r\n
  • N7
    • \r\n
  • N8
    • \r\n
  • N10
    • \r\n
  • N11
    • \r\n
  • N13
    • \r\n
\r\n
\r\n
\r\n
    \r\n
  • N14
    • \r\n
  • N18
    • \r\n
  • N19
    • \r\n
  • N22
    • \r\n
  • NW3
    • \r\n
  • NW5
    • \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n

\r\n We aim to extend our operations and plan to add more collection days and\r\n areas in the future.\r\n

\r\n

Follow us on social media for future updates.

\r\n \r\n );\r\n}\r\n\r\nexport default Areas;\r\n\r\nconst AreasSection = styled.div`\r\n //background-color: #c3cdd4;\r\n color: white;\r\n background-color: black;\r\n padding-bottom: 30px;\r\n p {\r\n text-align: center;\r\n font-size: 25px;\r\n padding-left: 40px;\r\n padding-right: 40px;\r\n margin-bottom: 0;\r\n }\r\n ul {\r\n text-align: center;\r\n list-style-position: inside;\r\n }\r\n li {\r\n list-style-type: none;\r\n font-size: 25px;\r\n @media screen and (max-width: 768px) {\r\n text-align: center;\r\n }\r\n }\r\n`;\r\n\r\nconst WelcomeImageSection = styled.div`\r\n position: static;\r\n padding-bottom: 5px;\r\n height: 250px;\r\n overflow: hidden;\r\n`;\r\n\r\nconst AreasWelcomeImage = styled.div`\r\n height: 250px;\r\n width: 100vw;\r\n object-fit: cover;\r\n ${\"\" /* position: absolute; */}\r\n // filter: grayscale(20%) blur(0.6px);\r\n background-color: white;\r\n`;\r\n\r\nconst TextOnImage = styled.h1`\r\n position: relative;\r\n text-align: center;\r\n margin-top: -5%;\r\n //font-family: \"Lobster\", cursive;\r\n font-size: 50px;\r\n color: #88e0ef;\r\n text-shadow: 2px 2px 4px #000000;\r\n @media screen and (max-width: 768px) {\r\n margin-top: -30%;\r\n }\r\n`;\r\n\r\nconst AreasOpeningParagraph = styled.p`\r\n padding-top: 30px;\r\n overflow: hidden;\r\n font-size: 25px;\r\n`;\r\n","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n//import { Link } from \"react-router-dom\";\r\nimport { FaFacebook, FaInstagram, FaTwitter } from \"react-icons/fa\";\r\nimport Background from \"../images/argyle.png\";\r\nimport LaundryLogo from \"../images/laundry-logo.png\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nexport default function Footer() {\r\n return (\r\n \r\n \r\n \r\n \r\n About Us\r\n About\r\n \r\n How It Works\r\n \r\n FAQ\r\n \r\n \r\n Contact Us\r\n \r\n Contact\r\n \r\n \r\n \r\n Social Media\r\n \r\n Facebook\r\n \r\n \r\n Instagram\r\n \r\n \r\n Twitter\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \"\"\r\n Laundry Maid Easy\r\n
\r\n {/*Laundry Maid Easy © 2022*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst FooterContainer = styled.div`\r\n ${\"\" /* background-color: #072227; */}\r\n ${\"\" /* background-color: #88e0ef; */}\r\n //background-image: url(${Background});\r\n //background-color: #030514;\r\n //background-color: #c3cdd4;\r\n background-color: white;\r\n padding: 4rem 0 2rem 0;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: center;\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n`;\r\n\r\nconst FooterLinkWrapper = styled.div`\r\n display: flex;\r\n //width: 60vw;\r\n justify-content: space-between;\r\n width: 70%;\r\n`;\r\n\r\nconst FooterLinkItems = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n margin: 16px;\r\n text-align: left;\r\n ${\"\" /* width: 160px; */}\r\n box-sizing: border-box;\r\n color: black;\r\n text-decoration: none;\r\n\r\n @media screen and (max-width: 768px) {\r\n margin: 12px;\r\n text-align: center;\r\n align-items: center;\r\n }\r\n`;\r\n\r\n// const FooterLinkItemsAnchor = styled(Link)`\r\n// color: black;\r\n// text-decoration: none;\r\n// margin-bottom: 0.5rem;\r\n// cursor: pointer;\r\n// @media screen and (max-width: 768px) {\r\n// text-align: center;\r\n// }\r\n// `;\r\n\r\nconst FooterLinkItemsAnchor = styled.a`\r\n color: black;\r\n text-decoration: none;\r\n margin-bottom: 0.5rem;\r\n cursor: pointer;\r\n @media screen and (max-width: 768px) {\r\n text-align: center;\r\n }\r\n`;\r\n\r\nconst FooterLinkItemsTitle = styled.h2`\r\n margin-bottom: 16px;\r\n color: black;\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n max-width: 1000px;\r\n width: 100%;\r\n`;\r\n\r\nconst SocialMediaWrapper = styled.div`\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 80%;\r\n max-width: 1000px;\r\n margin: 40px auto 0 auto;\r\n`;\r\n\r\nconst FooterLogo = styled.div`\r\n color: black;\r\n justify-self: start;\r\n margin-left: 20px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n font-size: 2rem;\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 16px;\r\n`;\r\n\r\n// const WebsiteRights = styled.div`\r\n// color: black;\r\n// margin-bottom: 16px;\r\n// `;\r\n\r\nconst SocialIcons = styled.div`\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 200px;\r\n`;\r\n\r\nconst SocialIconLink = styled.a`\r\n color: black;\r\n font-size: 24px;\r\n cursor: pointer;\r\n`;\r\n","export const faqData = [\r\n {\r\n question: \"What areas do you operate in?\",\r\n answer: \"Predominantly in North London. Monday and Tuesday collection areas: N9, N20, N21 - Thursday collection areas: N6, N7, N8, N10, N11, N13, N14, N18, N19, N22, NW3, NW5\",\r\n },\r\n {\r\n question: \"What are your pick up and delivery times?\",\r\n answer:\r\n \"Our drivers depart between 5-6pm and usually finish around 8:30pm. They follow a set itinerary to every customer on the list that day which means there will be various arrival times dependant on your position on the itinerary.\",\r\n },\r\n {\r\n question: \"Can I drop my items in?\",\r\n answer: \"Yes. Our shop is located at 3 Mottingham Road, Edmonton, N9 8DX\",\r\n },\r\n {\r\n question: \"What shall I do with my ironing before collection?\",\r\n answer: \"Place your ironing in a laundry or plastic bag that will enable our drivers to weight them at the door. Any side dry cleaning, washing or alteration pieces please place in a seperate bag.\",\r\n },\r\n {\r\n question: \"When will my clothes be delivered?\",\r\n answer: \"Your clothes will be delivered the next working day unless told otherwise. If your items contain extra items such as dry cleaning or alterations this could delay delivery.\",\r\n },\r\n {\r\n question: \"How does the process work?\",\r\n answer: \"Give us a call or text to discuss collection days for your area. A driver will then collect your ironing on the discussed day whilst weighing and pricing your ironing at the door. Your ironing is then delivered to our shop where our maids will prepare and package your clothes for delivery.\",\r\n },\r\n {\r\n question: \"What do I do with my hangers from a previous order?\",\r\n answer: \"We ask all our customers to return hangers back to us to be recycled. We believe in reducing waste and remaining environmentally friendly.\",\r\n },\r\n {\r\n question: \"How do I contact you?\",\r\n answer: \"Call us on 0208 482 6367 to discuss collections and any enquiries you have. You can also text us on 07 to arrange collections.\",\r\n },\r\n {\r\n question: \"How do I pay?\",\r\n answer: \"Our drivers do not carry card readers and accept cash upon delivery of your clothes.\",\r\n },\r\n {\r\n question: \"What are your shop opening times?\",\r\n answer: \"Tuesday, Wednesday and Friday: 9am - 5pm, Saturday: 10am - 2pm\",\r\n },\r\n {\r\n question: \"Can I cancel my order?\",\r\n answer: \"Please call us ASAP to inform us of your cancellation to avoid wasted journeys to your property.\",\r\n },\r\n {\r\n question: \"I am going to be late, can I reschedule?\",\r\n answer: \"Please call us ASAP to inform us of your situation and to reschedule. Please note rescheduled collections have to coincide with our specified collection days for your area.\",\r\n },\r\n];\r\n","import React, { useState } from \"react\";\r\nimport { faqData } from \"../data/faqData\";\r\nimport styled from \"styled-components\";\r\nimport { IconContext } from \"react-icons\";\r\nimport { FiPlus, FiMinus } from \"react-icons/fi\";\r\nimport Background from \"../images/black-linen.png\";\r\n\r\nconst AccordionSection = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n height: auto;\r\n //background-image: url(${Background});\r\n background-color: black;\r\n`;\r\nconst Container = styled.div`\r\n position: static;\r\n margin-top: 50px;\r\n padding: 10px;\r\n //box-shadow: 2px 10px 35px 1px rgba(153, 153, 153, 0.3);\r\n \r\n width: 100%;\r\n`;\r\nconst Wrap = styled.div`\r\n background: black;\r\n color: #fff;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n text-align: center;\r\n cursor: pointer;\r\n\r\n h1 {\r\n padding: 1rem;\r\n font-size: 14px;\r\n }\r\n span {\r\n margin-right: 1.5rem;\r\n color: red;\r\n\r\n }\r\n :hover{\r\n background-color:#001660;\r\n }\r\n`;\r\nconst Dropdown = styled.div`\r\n background: #1c1c1c;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n border-bottom: 1px solid white;\r\n border-top: 1px solid white;\r\n color: white;\r\n\r\n\r\n p {\r\n font-size: 2rem;\r\n margin-top :10px;\r\n margin-bottom :10px;\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n`;\r\n\r\nconst FAQ = () => {\r\n const [clicked, setClicked] = useState(false);\r\n const toggle = (index) => {\r\n if (clicked === index) {\r\n //if clicked question is already active, then close\r\n return setClicked(null);\r\n }\r\n setClicked(index);\r\n };\r\n return (\r\n \r\n \r\n \r\n {faqData.map((item, index) => {\r\n return (\r\n <>\r\n toggle(index)} key={index}>\r\n

{item.question}

\r\n {clicked === index ? : }\r\n \r\n {clicked === index ? (\r\n \r\n

{item.answer}

\r\n \r\n ) : null}\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default FAQ;\r\n","export default __webpack_public_path__ + \"static/media/clothes-rack.14da6c06.jpg\";","import React from \"react\";\r\nimport ClothesRack from \"../images/clothes-rack.jpg\";\r\nimport PricingBackground from \"../images/black-linen.png\";\r\nimport PricingBackgroundArgyle from \"../images/argyle.png\";\r\nimport styled from \"styled-components\";\r\n\r\nfunction Pricing() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n Pricing\r\n \r\n \r\n
\r\n Ironing\r\n \r\n

\r\n £6 per kilogram. We price our ironing based off the total weight\r\n of your bag of ironing.\r\n

\r\n \r\n
\r\n\r\n
\r\n Washing\r\n \r\n

Our washing services are £3.50 per kilogram.

\r\n

Washing AND ironing is £7.50 per kilogram.

\r\n

Washing powder and drying included.

\r\n

\r\n We also offer services on incontinent laundry. Give us a call to\r\n discuss pricing and plans.\r\n

\r\n \r\n
\r\n\r\n
\r\n Dry Cleaning\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
Item:Price:
Suits From £7.00
School Blazer£4.00
Shirts£2.00
SkirtsFrom £3.00
DressesFrom £5.00
Ties£2.00
Scarfs£2.50
JumpersFrom £3.00
CoatsFrom £6.50
\r\n \r\n
\r\n\r\n
\r\n Alterations\r\n \r\n

\r\n From hemming jeans to fixing holes, our alterations specialist\r\n has you covered. Feel free to give us a call to discuss your\r\n particular situation.\r\n

\r\n

\r\n Please note with zip replacements you will have to provide your\r\n own zip.\r\n

\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default Pricing;\r\n\r\nconst WelcomeImageSection = styled.div`\r\n position: relative;\r\n height: 250px;\r\n overflow: hidden;\r\n margin-bottom: 50px;\r\n`;\r\n\r\nconst PricingWelcomeImage = styled.img`\r\n position: relative;\r\n text-align: center;\r\n width: 100%;\r\n height: 35vh;\r\n object-fit: cover;\r\n`;\r\n\r\nconst TextOnImage = styled.h1`\r\n position: absolute;\r\n top: 60%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n //margin-top: -7%;\r\n //font-family: \"Lobster\", cursive;\r\n font-size: 50px;\r\n color: #88e0ef;\r\n text-shadow: 2px 2px 4px #000000;\r\n`;\r\n\r\nconst PricingContainer = styled.div`\r\n //background-color: #aefeff;\r\n //background-color: #dff6ff;\r\n background-color: #31a7eb;\r\n padding-bottom: 20px;\r\n`;\r\n\r\nconst PricingDescriptionContainer = styled.div`\r\n margin: 30px;\r\n\r\n background-color: white;\r\n border-radius: 50px;\r\n // div:nth-child(even) {\r\n // //background-image: url(${PricingBackground});\r\n // background-color: #90E0EF;\r\n // }\r\n // div:nth-child(odd) {\r\n // //background-image: url(${PricingBackgroundArgyle});\r\n // //background-color: #88e0ef;\r\n // }\r\n h2,\r\n h3 {\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n p {\r\n padding: 1px 10px;\r\n text-align: center;\r\n }\r\n`;\r\n\r\n// const ListOfPricesTitle = styled.h2`\r\n// font: bold;\r\n// color: #88e0ef;\r\n// display: flex;\r\n// align-items: center;\r\n// font-size: 30px;\r\n// text-shadow: 2px 2px 4px #000000;\r\n// margin: 0;\r\n// `;\r\n\r\nconst IroningTitle = styled.h3`\r\n font: bold;\r\n color: #000;\r\n font-size: 25px;\r\n padding-top: 0;\r\n margin-top: -2%;\r\n`;\r\n\r\nconst IroningDescription = styled.p`\r\n margin-top: 10px;\r\n margin-bottom: 0;\r\n border-bottom: 2px solid #000;\r\n margin-left: 20px;\r\n margin-right: 20px;\r\n`;\r\nconst WashingTitle = styled.h3`\r\n font: bold;\r\n color: #000;\r\n font-size: 25px;\r\n`;\r\nconst WashingDescription = styled.p`\r\n margin-bottom: 0;\r\n border-bottom: 2px solid #000;\r\n margin-left: 20px;\r\n margin-right: 20px;\r\n`;\r\nconst DryCleaningTitle = styled.h3`\r\n font: bold;\r\n color: #000;\r\n font-size: 25px;\r\n padding-bottom: 15px;\r\n`;\r\nconst DryCleaningDescription = styled.table`\r\n padding-bottom: 50px;\r\n\r\n //background-color: #88e0ef;\r\n margin-left: auto;\r\n margin-right: auto;\r\n //border-radius: 10px;\r\n table {\r\n width: 60vw;\r\n padding-right: 20px;\r\n border-collapse: collapse;\r\n margin-bottom: 30px;\r\n }\r\n tr:nth-child(0) {\r\n background-color: #88e0ef;\r\n }\r\n tr:nth-child(even) {\r\n background-color: #31a7eb;\r\n //background-image: url(${PricingBackground});\r\n }\r\n tr:nth-child(odd) {\r\n background-color: #030514;\r\n background-image: url(${PricingBackground});\r\n color: #88e0ef;\r\n }\r\n td:nth-child(2) {\r\n text-align: end;\r\n }\r\n th {\r\n text-align: center;\r\n }\r\n th,\r\n td {\r\n padding: 10px;\r\n }\r\n`;\r\nconst AlterationsTitle = styled.h3`\r\n font: bold;\r\n color: #000;\r\n font-size: 25px;\r\n`;\r\nconst AlterationsDescription = styled.p`\r\n //margin-bottom: 0;\r\n //border-bottom: 2px solid #000;\r\n margin-left: 20px;\r\n margin-right: 20px;\r\n`;\r\n","import React from \"react\";\r\nimport Pricing from \"../components/Pricing\";\r\n\r\nfunction PricingPage() {\r\n return ;\r\n}\r\n\r\nexport default PricingPage;\r\n","/* eslint-disable */\n// WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.\n\nconst awsmobile = {\n \"aws_project_region\": \"eu-west-2\",\n \"aws_dynamodb_all_tables_region\": \"eu-west-2\",\n \"aws_dynamodb_table_schemas\": [\n {\n \"tableName\": \"formtable-dev\",\n \"region\": \"eu-west-2\"\n }\n ],\n \"aws_cloud_logic_custom\": [\n {\n \"name\": \"formapi\",\n \"endpoint\": \"https://zcf3syin26.execute-api.eu-west-2.amazonaws.com/dev\",\n \"region\": \"eu-west-2\"\n }\n ]\n};\n\n\nexport default awsmobile;\n","import React from 'react'\r\nimport styled from \"styled-components\";\r\n// import { Button, Form} from 'react-bootstrap';\r\n\r\nimport {API} from 'aws-amplify';\r\n\r\nimport Amplify from 'aws-amplify';\r\nimport aws_exports from '../aws-exports';\r\n\r\nAmplify.configure(aws_exports);\r\n\r\n\r\nasync function addContact() {\r\n const data = {\r\n body: {\r\n name: formState.name,\r\n email: formState.email,\r\n message: formState.message\r\n }\r\n };\r\n \r\n console.log(data);\r\n const apiData = await API.post('formapi', '/contact', data);\r\n console.log({ apiData });\r\n alert('Mail sent');\r\n }\r\n \r\n const formState = { name: '', email: '', message: '' };\r\n \r\n function updateFormState(key, value) {\r\n formState[key] = value;\r\n }\r\n\r\nfunction Contact() {\r\n\r\n return (\r\n // \r\n //

Get in touch

\r\n //
\r\n //
\r\n // \r\n // Name\r\n // updateFormState('name', e.target.value)} />\r\n // \r\n // \r\n // Email\r\n // updateFormState('email', e.target.value)} />\r\n // \r\n // \r\n // Message\r\n // \r\n // \r\n // \r\n //
\r\n )\r\n}\r\n\r\nexport default Contact\r\n\r\nconst Container = styled.div`\r\n width: 100%;\r\n height: 100vh;\r\n background: #001660;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n form {\r\n background: #fff;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 2vw 4vw;\r\n width: 90%;\r\n max-width: 600px;\r\n border-radius: 10px;\r\n h3{\r\n color: #555;\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n }\r\n input, textarea{\r\n border:0;\r\n margin: 10px 0;\r\n padding: 20px;\r\n outline: none;\r\n background: #f5f5f5;\r\n font-size: 16px;\r\n }\r\n button {\r\n padding: 15px;\r\n background: lightblue;\r\n color: black;\r\n font-size: 18px;\r\n border: 0;\r\n outline: none;\r\n cursor: pointer;\r\n width: 150px;\r\n margin: 20px auto 0;\r\n border-radius: 30px;\r\n }\r\n }\r\n`","import React, { useState } from \"react\";\nimport \"./App.css\";\nimport Navbar from \"./components/Navbar\";\nimport Dropdown from \"./components/Dropdown\";\nimport { BrowserRouter as Router, Routes, Route } from \"react-router-dom\";\nimport Home from \"./pages/Home\";\nimport { sliderData } from \"./data/sliderData\";\nimport Areas from \"./pages/Areas\";\nimport About from \"./pages/About\";\nimport Footer from \"./components/Footer\";\nimport FAQ from \"./components/FAQ\";\nimport PricingPage from \"./pages/PricingPage\";\nimport Contact from \"./components/Contact\";\n// import Products from './components/pages/Products/Products';\n// import SignUp from './components/pages/SignUp/SignUp';\n// import Footer from './components/pages/Footer/Footer';\n\nimport Amplify from 'aws-amplify';\nimport aws_exports from './aws-exports';\n\nAmplify.configure(aws_exports);\n\nfunction App() {\n const [isOpen, setIsOpen] = useState(false);\n\n const toggle = () => setIsOpen(!isOpen);\n\n return (\n \n \n
\n \n \n } slides={sliderData} />\n } />\n } />\n } />\n } />\n } />\n {/* } />\n } /> */}\n \n