fileurlopen

https://web.dev/patterns/web-apps/richer-install-ui#demo

https://www.simpleimageresizer.com/upload[for image size]

https://developer.chrome.com/blog/app-install-banners-native

https://www.simpleimageresizer.com/#:~:text=There%20is%20no%20need%20to,images%20you%20want%20to%20shrink.

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

 <Modal show={fileDataURL} centered size='sm' >

                <Modal.Body>

                <div style={{display:'flex',justifyContent:"flex-end"}}>

                <AiFillCloseCircle onClick={() =>setFileDataURL(false)} style={{ height: 30, width: 30,}}>

</AiFillCloseCircle>

</div>

                <p className="img-preview-wrapper">

          

            <img src={fileDataURL} alt="preview" style={{maxWidth:'100%',height:'auto'}} />

          

          </p>

                </Modal.Body>

            </Modal>

https://stackoverflow.com/questions/47852277/image-file-size-from-data-uri-in-javascript

  background: linear-gradient(245.99deg, #D7EEE9 -55.69%, #F8FFFA 51.35%);

https://www.pluralsight.com/guides/how-to-use-geolocation-call-in-reactjs

import { useNavigate } from "react-router-dom";

import { FiArrowLeft } from "react-icons/fi";

 const navigate = useNavigate();

<div>

          <FiArrowLeft onClick={() => navigate('/discount_card/home')}

style={{ height: 25, width: 25, marginRight: 20 }}></FiArrowLeft>

        </div>