{"version":3,"sources":["components/Navbar/Navbar.jsx","components/Contact/Contact.jsx","components/AboutUs/AboutUs.jsx","components/MultipleCarousel/MultipleCarousel.jsx","components/Customers/Customers.jsx","components/HowItWorks/HowItWorks.jsx","components/Products/Products.jsx","components/Home/index.js","components/Carousel/Carousel.jsx","components/Footer/index.jsx","components/Timeline/Timeline.jsx","components/Content/Content.jsx","components/PriceCard/PriceCard.jsx","components/Product/Product.jsx","App.js","registerServiceWorker.js","index.js"],"names":["Navbar","useState","isOpen","setIsOpen","active","setActive","history","useHistory","useEffect","location","pathname","activeItem","window","innerWidth","expand","dark","transparent","scrolling","fixed","className","href","src","process","alt","style","height","onClick","id","navbar","left","right","target","fab","icon","Contact","name","email","subject","message","contact","setContact","mailResult","setMailResult","handleChange","e","value","handleSubmit","a","preventDefault","console","log","trim","fetch","method","headers","body","JSON","stringify","then","result","showMailResult","json","data","ok","color","setTimeout","lg","onSubmit","noValidate","label","iconClass","type","required","onChange","minHeight","title","width","frameBorder","border","AboutUs","hover","waves","overlay","responsive","0","items","568","1024","MultipleCarousel","autoPlay","autoPlayStrategy","autoPlayInterval","animationDuration","animationType","infinite","touchTracking","disableDotsControls","mouseTracking","Customers","HowItWorks","Products","Home","Component","render","datas","img","subTitle","Carousel","length","showControls","showIndicators","map","itemId","objectFit","Footer","md","far","fluid","Date","getFullYear","Timeline","content","res","key","dangerouslySetInnerHTML","__html","description","Content","contentType","maxHeight","backgroundPosition","backgroundSize","PriceCard","pricing","bgColor","price","features","feature","Product","paymentPlans","setPaymentPlans","setDatas","params","useParams","personel","depo","envanter","yillikIzin","push","yearly","switchPaymentPlan","btn","document","getElementById","classList","remove","contains","add","standart","program","data-toggle","plan","App","path","exact","isLocalhost","Boolean","hostname","match","registerValidSW","swUrl","navigator","serviceWorker","register","registration","onupdatefound","installingWorker","installing","onstatechange","state","controller","catch","error","ReactDOM","URL","origin","addEventListener","response","status","get","indexOf","ready","unregister","reload","checkValidServiceWorker","registerServiceWorker"],"mappings":"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","file":"static/js/main.74654560.chunk.js","sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport { BrowserRouter as Router, Link, useHistory, useParams } from 'react-router-dom';\r\nimport {\r\n    MDBContainer,\r\n    MDBNavbar, MDBNavbarBrand, MDBNavbarNav, MDBNavItem, MDBNavLink, MDBNavbarToggler, MDBCollapse, MDBIcon\r\n} from \"mdbreact\";\r\n\r\nexport const Navbar = () => {\r\n    const [isOpen, setIsOpen] = useState(false);\r\n    const [active, setActive] = useState(\"/\");\r\n\r\n    const history = useHistory();\r\n\r\n    useEffect(() => {\r\n        setActive(history.location.pathname)\r\n    }, [])\r\n\r\n    const activeItem = (pathname) => {\r\n        setIsOpen(window.innerWidth < 768 && !isOpen);\r\n        setActive(pathname);\r\n    }\r\n\r\n    return (\r\n        <Router>\r\n            <MDBNavbar expand=\"md\" dark transparent scrolling fixed=\"top\" className=\"p-0\" >\r\n                <MDBContainer>\r\n                    <MDBNavbarBrand>\r\n                        <a className=\"nav-link\" href=\"/\">\r\n                            <img\r\n                                src={`${process.env.PUBLIC_URL}/img/logos/logo-white.png`}\r\n                                alt=\"YigiSoft\"\r\n                                style={{ height: 53 }}\r\n                            />\r\n                        </a>\r\n                    </MDBNavbarBrand>\r\n                    <MDBNavbarToggler onClick={() => setIsOpen(!isOpen)} />\r\n                    <MDBCollapse id=\"navbarCollapse3\" isOpen={isOpen} navbar>\r\n                        <MDBNavbarNav left>\r\n                            <MDBNavItem active={active === \"/\"} onClick={() => activeItem(\"/\")}>\r\n                                <a className=\"nav-link\" href=\"/\">Ana Sayfa</a>\r\n                            </MDBNavItem>\r\n                            <MDBNavItem active={active === \"/#about-us\"} onClick={() => activeItem(\"/#about-us\")}>\r\n                                <a href=\"/#about-us\" className=\"nav-link\">Hakkımızda</a>\r\n                            </MDBNavItem>\r\n                            <MDBNavItem active={active === \"/#customers\"} onClick={() => activeItem(\"/#customers\")}>\r\n                                <a href=\"/#customers\" className=\"nav-link\">Referanslar</a>\r\n                            </MDBNavItem>\r\n                            <MDBNavItem active={active === \"/#how-it-works\"} onClick={() => activeItem(\"/#how-it-works\")}>\r\n                                <a href=\"/#how-it-works\" className=\"nav-link\">Nasıl Çalışıyoruz</a>\r\n                            </MDBNavItem>\r\n                            <MDBNavItem active={active === \"/#products\"} onClick={() => activeItem(\"/#products\")}>\r\n                                <a href=\"/#products\" className=\"nav-link\">Ürünlerimiz</a>\r\n                            </MDBNavItem>\r\n                            <MDBNavItem active={active === \"/contact\"} onClick={() => activeItem(\"/contact\")}>\r\n                                <a className=\"nav-link\" href=\"/contact\">İletişim</a>\r\n                            </MDBNavItem>\r\n                        </MDBNavbarNav>\r\n                        <MDBNavbarNav right>                            \r\n                            <MDBNavItem>\r\n                                <a className=\"nav-link waves-effect waves-light\" target=\"blank\" href=\"https://www.instagram.com/yigisoft/\">\r\n                                    <MDBIcon fab icon=\"instagram\" />\r\n                                </a>\r\n                            </MDBNavItem>\r\n                            <MDBNavItem>\r\n                                <a className=\"nav-link waves-effect waves-light\" target=\"blank\" href=\"https://www.linkedin.com/company/yigisoft-teknoloji\">\r\n                                    <MDBIcon fab icon=\"linkedin\" />\r\n                                </a>\r\n                            </MDBNavItem>\r\n                        </MDBNavbarNav>\r\n                    </MDBCollapse>\r\n                </MDBContainer>\r\n            </MDBNavbar>\r\n        </Router>\r\n    )\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { MDBRow, MDBCol, MDBCard, MDBCardBody, MDBAlert, MDBIcon, MDBBtn, MDBInput, MDBContainer } from \"mdbreact\";\r\n\r\nconst Contact = () => {\r\n\r\n    const [contact, setContact] = useState({\r\n        name: \"\",\r\n        email: \"\",\r\n        subject: \"\",\r\n        message: \"\"\r\n    });\r\n    const [mailResult, setMailResult] = useState(null);\r\n\r\n    const handleChange = e => {\r\n        var name = e.target.name;\r\n        var value = e.target.value;\r\n        setContact({ ...contact, [name]: value });\r\n    }\r\n\r\n    const validate = () => {\r\n        if ((!contact.name || !contact.name.trim())) {\r\n            setContact({ ...contact, name: \"\" });\r\n            return false;\r\n        }\r\n        if ((!contact.email || !contact.email.trim())) {\r\n            setContact({ ...contact, email: \"\" });\r\n            return false;\r\n        }\r\n        if ((!contact.subject || !contact.subject.trim())) {\r\n            setContact({ ...contact, subject: \"\" });\r\n            return false;\r\n        }\r\n        if ((!contact.message || !contact.message.trim())) {\r\n            setContact({ ...contact, message: \"\" });\r\n            return false;\r\n        }\r\n        return true;\r\n    }\r\n\r\n    const handleSubmit = async e => {\r\n        e.preventDefault();\r\n        console.log(\"object\")\r\n        e.target.className += \" was-validated\";\r\n        if (!validate()) {\r\n            return;\r\n        }\r\n\r\n        await fetch(\"/ContactApi\", {\r\n            method: 'POST', // *GET, POST, PUT, DELETE, etc.     \r\n            headers: {\r\n                'Content-Type': 'application/json'\r\n            },\r\n            body: JSON.stringify(contact) // body data type must match \"Content-Type\" header\r\n        }).then(result => {\r\n            showMailResult(result);\r\n        });\r\n    }\r\n\r\n    const showMailResult = async (result) => {\r\n        var data = await result.json();\r\n        if (result.ok) {\r\n            setMailResult(<MDBAlert color=\"success\" className=\"mb-5\" >\r\n                {data.message}\r\n            </MDBAlert>)\r\n        } else {\r\n            setMailResult(<MDBAlert color=\"danger\" className=\"mb-5\" >\r\n                {data.message}\r\n            </MDBAlert>)\r\n        }\r\n        setTimeout(() => {\r\n            setMailResult(null);\r\n        }, 2000);\r\n    }\r\n\r\n    return (\r\n        <MDBContainer className=\"my-5 \">\r\n            <h2 className=\"h1-responsive font-weight-bold text-center my-5\">\r\n                Görüşleriniz bizim için değerli.\r\n      </h2>\r\n            <p className=\"text-center w-responsive mx-auto pb-5\">\r\n                YIGISOFT web ve mobil tabanlı yazılım çözümleri sunan, kaliteli teknik personeliyle sizlere\r\n                E-Dönüşümde rehberlik eden bir teknoloji firmasıdır. Firmanızın hedeflerine uygun kaliteli projeler ve çözümler üreterek iş dünyasında daha güçlü durmanıza yardımcı olur.\r\n      </p>\r\n            \r\n            <MDBRow>\r\n                <MDBCol lg=\"5\" className=\"lg-0 mb-4\">\r\n                    <MDBCard>\r\n\r\n                        <MDBCardBody>\r\n                            <form className=\"needs-validation\" onSubmit={handleSubmit} noValidate>\r\n                                <div className=\"form-header blue accent-1\">\r\n                                    <h5 className=\"mt-2\">\r\n                                        <MDBIcon icon=\"envelope mr-2\" /> Bizimle iletişime geçin.\r\n                </h5>\r\n                                </div>\r\n                                \r\n                                {mailResult || \"\"}\r\n                                <div className=\"md-form\">\r\n                                    <MDBInput\r\n                                        icon=\"user\"\r\n                                        name=\"name\"\r\n                                        label=\"İsminiz\"\r\n                                        iconClass=\"grey-text\"\r\n                                        type=\"text\"\r\n                                        id=\"form-name\"\r\n                                        required\r\n                                        value={contact.name}\r\n                                        onChange={handleChange}\r\n                                    />\r\n                                </div>\r\n                                <div className=\"md-form\">\r\n                                    <MDBInput\r\n                                        icon=\"envelope\"\r\n                                        name=\"email\"\r\n                                        label=\"E-posta adresiniz\"\r\n                                        iconClass=\"grey-text\"\r\n                                        type=\"text\"\r\n                                        id=\"form-email\"\r\n                                        required\r\n                                        value={contact.email}\r\n                                        onChange={handleChange}\r\n                                    />\r\n                                </div>\r\n                                <div className=\"md-form\">\r\n                                    <MDBInput\r\n                                        icon=\"tag\"\r\n                                        name=\"subject\"\r\n                                        label=\"Konu\"\r\n                                        iconClass=\"grey-text\"\r\n                                        type=\"text\"\r\n                                        id=\"form-subject\"\r\n                                        required\r\n                                        value={contact.subject}\r\n                                        onChange={handleChange}\r\n                                    />\r\n                                </div>\r\n                                <div className=\"md-form\">\r\n                                    <MDBInput\r\n                                        icon=\"pencil-alt\"\r\n                                        name=\"message\"\r\n                                        label=\"İçerik\"\r\n                                        iconClass=\"grey-text\"\r\n                                        type=\"textarea\"\r\n                                        id=\"form-text\"\r\n                                        required\r\n                                        value={contact.message}\r\n                                        onChange={handleChange}\r\n                                    />\r\n                                </div>\r\n                                <div className=\"text-right\">\r\n                                    <MDBBtn type=\"submit\" color=\"light-blue\">Gönder</MDBBtn>\r\n                                </div>\r\n                            </form>\r\n                        </MDBCardBody>\r\n                    </MDBCard>\r\n                </MDBCol>\r\n                <MDBCol lg=\"7\" className=\"mb-4\">\r\n                    <div\r\n                        style={{ minHeight: 350 }}\r\n                        id=\"map-container\"\r\n                        className=\"rounded z-depth-1-half map-container h-100\"\r\n                    >\r\n                        <iframe\r\n                            src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3079.8628847231685!2d30.026026015628304!3d39.472426220447986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14c94fc7684060f9%3A0x1a6c56134296d665!2sK%C3%BCtahya%20Teknokent!5e0!3m2!1str!2str!4v1612536268517!5m2!1str!2str\"\r\n                            title=\"This is a unique title\"\r\n                            width=\"100%\"\r\n                            height=\"100%\"\r\n                            frameBorder=\"0\"\r\n                            style={{ border: 0 }}\r\n                        />\r\n                    </div>\r\n                </MDBCol>\r\n            </MDBRow>\r\n        </MDBContainer>\r\n    );\r\n}\r\n\r\nexport default Contact;","import React from \"react\";\r\nimport { MDBRow, MDBCol, MDBCard, MDBCardBody, MDBMask, MDBIcon, MDBView, MDBBtn, MDBContainer } from \"mdbreact\";\r\n\r\nconst AboutUs = () => {\r\n    return (\r\n        <>\r\n            <MDBContainer className=\"mt-5\">\r\n                <MDBRow>\r\n                    <MDBCol lg=\"5\">\r\n                        <MDBView className=\"rounded mb-lg-0 mb-4\" hover waves>\r\n                            <img\r\n                                className=\"img-fluid\"\r\n                                src={`${process.env.PUBLIC_URL}/img/about/about_01.jpg`}\r\n                                alt=\"\"\r\n                            />\r\n                            <a href=\"#!\">\r\n                                <MDBMask overlay=\"white-slight\" />\r\n                            </a>\r\n                        </MDBView>\r\n                    </MDBCol>\r\n                    <MDBCol lg=\"7\">\r\n                        <h3 className=\"h3 font-weight-bold\">\r\n                            Hakkımızda\r\n                        </h3>\r\n                        <h4 className=\"font-weight-bold mb-3 p-0\">\r\n                            <strong>İşinizi Bir Sonraki Aşamaya Birlikte Taşıyalım.</strong>\r\n                        </h4>\r\n                        <p>\r\n                            YIGISOFT web ve mobil tabanlı yazılım çözümleri sunan, \r\n                            kaliteli teknik personeliyle sizlere E-Dönüşümde rehberlik eden bir teknoloji firmasıdır. \r\n                            Firmanızın hedeflerine uygun kaliteli projeler ve çözümler üreterek iş dünyasında daha güçlü durmanıza yardımcı olur.\r\n                         </p>\r\n                    </MDBCol>\r\n                </MDBRow>\r\n            </MDBContainer>\r\n            <span  id=\"customers\"></span>\r\n            <hr className=\"my-5\"/>\r\n        </>\r\n    );\r\n}\r\n\r\nexport default AboutUs;","import React from \"react\";\r\nimport AliceCarousel from 'react-alice-carousel';\r\nimport 'react-alice-carousel/lib/alice-carousel.css';\r\n\r\nconst responsive = {\r\n    0: { items: 1 },\r\n    568: { items: 3 },\r\n    1024: { items: 6 },\r\n};\r\n\r\n\r\nconst MultipleCarousel = ({ items }) => {\r\n    return (\r\n        <AliceCarousel\r\n            autoPlay\r\n            autoPlayStrategy=\"none\"\r\n            autoPlayInterval={1500}\r\n            animationDuration={750}\r\n            animationType=\"fadeout\"\r\n            infinite\r\n            touchTracking={false}\r\n            responsive={responsive}\r\n            items={items}\r\n            disableDotsControls\r\n            mouseTracking />\r\n    )\r\n}\r\n\r\nexport default MultipleCarousel\r\n","import { MDBCard, MDBCardBody, MDBCardImage, MDBCardText, MDBCardTitle, MDBContainer } from \"mdbreact\";\r\nimport React from \"react\";\r\nimport MultipleCarousel from \"../MultipleCarousel/MultipleCarousel\";\r\n\r\nconst items = [\r\n    <MDBCard className=\"m-2\" >\r\n        <MDBCardImage className=\"img-fluid w-100\" src={`${process.env.PUBLIC_URL}/img/customers/dpu_logo.png`} />\r\n        <MDBCardBody>\r\n            <a href=\"https://dpu.edu.tr\">\r\n                <MDBCardTitle>Kütahya Dumlupınar Üniversitesi</MDBCardTitle>\r\n            </a>\r\n        </MDBCardBody>\r\n    </MDBCard>,\r\n    <MDBCard className=\"m-2\" >\r\n        <MDBCardImage className=\"img-fluid w-100\" src={`${process.env.PUBLIC_URL}/img/customers/bolis_plastik_logo.png`} />\r\n        <MDBCardBody>\r\n            <a href=\"http://www.bolisplastik.com/\">\r\n                <MDBCardTitle>Boliş Plastik</MDBCardTitle>\r\n            </a>\r\n        </MDBCardBody>\r\n    </MDBCard>,\r\n    <MDBCard className=\"m-2\" >\r\n        <MDBCardImage className=\"img-fluid w-100\" src={`${process.env.PUBLIC_URL}/img/customers/kuartek_logo.png`} />\r\n        <MDBCardBody>\r\n            <a href=\"http://kuartek.com/\">\r\n                <MDBCardTitle>Kuartek Tasarım</MDBCardTitle>\r\n            </a>\r\n        </MDBCardBody>\r\n    </MDBCard>,\r\n    <MDBCard className=\"m-2\" >\r\n        <MDBCardImage className=\"img-fluid w-100\" src={`${process.env.PUBLIC_URL}/img/customers/ramosis_logo_1.png`} />\r\n        <MDBCardBody>\r\n            <a href=\"http://ramosis.com/\">\r\n                <MDBCardTitle>Ramosis Teknoloji & Tasarım</MDBCardTitle>\r\n            </a>\r\n        </MDBCardBody>\r\n    </MDBCard>,\r\n    <MDBCard className=\"m-2\" >\r\n        <MDBCardImage className=\"img-fluid w-100\" src={`${process.env.PUBLIC_URL}/img/customers/fotoniksoft_logo.png`} />\r\n        <MDBCardBody>\r\n            <a href=\"http://fotoniksoft.com/\">\r\n                <MDBCardTitle>FotonikSoft</MDBCardTitle>\r\n            </a>\r\n        </MDBCardBody>\r\n    </MDBCard>  \r\n];\r\n\r\nconst Customers = () => {\r\n    return (\r\n        <section className=\"customers text-center\">\r\n            <h3 className=\"h3 font-weight-bold mb-5\">\r\n                Referanslarımız\r\n            </h3>\r\n            <MultipleCarousel items={items} />\r\n            <span id=\"how-it-works\"></span>\r\n            <hr className=\"my-5\" />\r\n        </section>\r\n    );\r\n}\r\n\r\nexport default Customers;","import { MDBContainer } from 'mdbreact';\r\nimport React from 'react'\r\n\r\nexport const HowItWorks = () => {\r\n    return (\r\n        <>\r\n            <MDBContainer>\r\n                <h2 className=\"my-5 h3 text-center font-weight-bold\">Nasıl Çalışıyoruz</h2>\r\n                <div className=\"row features-small my-5 wow fadeIn flex-center\">\r\n                    <div className=\"col-md-4\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-2\">\r\n                                <i className=\"fas fa-check-circle fa-2x indigo-text\"></i>\r\n                            </div>\r\n                            <div className=\"col-10\">\r\n                                <h6 className=\"feature-title\">Planlama</h6>\r\n                                <p className=\"grey-text\">Size en uygun seçeneği belirler, ihtiyaçlarınızı kapsamlı bir şekilde değerlendirir, size uygun yol haritasını çıkartırız.</p>\r\n                                <div style={{ height: 15 }}></div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-2\">\r\n                                <i className=\"fas fa-check-circle fa-2x indigo-text\"></i>\r\n                            </div>\r\n                            <div className=\"col-10\">\r\n                                <h6 className=\"feature-title\">Tasarım</h6>\r\n                                <p className=\"grey-text\">Web tasarım ve mobil uygulama alanında uzmanlaşmış ekibimizle, ihtiyacınıza uygun ara yüz çalışmalarını gerçekleştiririz.</p>\r\n                                <div style={{ height: 15 }}></div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-2\">\r\n                                <i className=\"fas fa-check-circle fa-2x indigo-text\"></i>\r\n                            </div>\r\n                            <div className=\"col-10\">\r\n                                <h6 className=\"feature-title\">Yazılım</h6>\r\n                                <p className=\"grey-text\">Proje konseptinin uygulanabilirliği çerçevesinde ve çıkarılan yol haritasına uygun bir şekilde yazılım çalışmalarını başlatırız.</p>\r\n                                <div style={{ height: 15 }}></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-md-4 flex-center\">\r\n                        <img src={`${process.env.PUBLIC_URL}/img/howitworks/2.png`} alt=\"MDB Magazine Template displayed on iPhone\" className=\"z-depth-0 img-fluid\" />\r\n                    </div>\r\n                    <div className=\"col-md-4 mt-2\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-2\">\r\n                                <i className=\"fas fa-check-circle fa-2x indigo-text\"></i>\r\n                            </div>\r\n                            <div className=\"col-10\">\r\n                                <h6 className=\"feature-title\">Test</h6>\r\n                                <p className=\"grey-text\">Ürünü, ilk sürümünden itibaren test aşamasına tabi tutarak eksiklerini tespit ederiz ve gerekli düzeltmeleri planlarız.</p>\r\n                                <div style={{ height: 15 }}></div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-2\">\r\n                                <i className=\"fas fa-check-circle fa-2x indigo-text\"></i>\r\n                            </div>\r\n                            <div className=\"col-10\">\r\n                                <h6 className=\"feature-title\">Geliştirme</h6>\r\n                                <p className=\"grey-text\">Test aşamasında belirlenen revizyonları ele alırız. Revizyonların ardından tekrar test ederek teslime hazır hale getiririz.</p>\r\n                                <div style={{ height: 15 }}></div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-2\">\r\n                                <i className=\"fas fa-check-circle fa-2x indigo-text\"></i>\r\n                            </div>\r\n                            <div className=\"col-10\">\r\n                                <h6 className=\"feature-title\">Sunum</h6>\r\n                                <p className=\"grey-text\">Müşteriye ürünün tanıtımını yaparız. Ürün teslim edildikten sonra da geliştirmeler konusunda iş ortaklığını sürdürürüz.</p>\r\n                                <div style={{ height: 15 }}></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </MDBContainer>\r\n            <span id=\"products\"></span>\r\n            <hr className=\"my-5\" />\r\n        </>\r\n    );\r\n}\r\n","import { MDBCard, MDBCardBody, MDBCardImage, MDBCardText, MDBCardTitle, MDBContainer } from \"mdbreact\";\r\nimport React from \"react\";\r\nimport { a, BrowserRouter as Router } from \"react-router-dom\";\r\nimport MultipleCarousel from \"../MultipleCarousel/MultipleCarousel\";\r\n\r\nconst items = [\r\n    <MDBCard className=\"m-2\">\r\n        <MDBCardImage className=\"img-fluid\" src={`${process.env.PUBLIC_URL}/img/products/4DPersonelTakip.png`} />\r\n        <MDBCardBody>\r\n            <MDBCardTitle>4D Personel Takip</MDBCardTitle>\r\n            <MDBCardText className=\"text-left crop\">\r\n                Kamuda çalışan 657 sayılı kanunun 4. maddesinin D bendine tabi personeller için personel bilgilerinin tanımlanabildiği,\r\n                günlük puantaj kayıtlarının yapılabildiği ikramiye ve sendikal hakların tanımlanabildiği ve bu bilgilere göre aylık bordrolama hizmetinin alındığı bir web platformudur.\r\n            </MDBCardText>\r\n            <a href=\"/products/4d-personel-takip\" className=\"text-muted small\">detaylı bilgi için..</a>\r\n        </MDBCardBody>\r\n    </MDBCard>,\r\n    <MDBCard className=\"m-2\">\r\n        <MDBCardImage className=\"img-fluid\" src={`${process.env.PUBLIC_URL}/img/products/Depo101.png`} />\r\n        <MDBCardBody>\r\n            <MDBCardTitle>Depo 101</MDBCardTitle>\r\n            <MDBCardText className=\"text-left crop\">\r\n                Depolarınızda bulunan malzemelerinizin takibini yapabildiğiniz detaylı stok ve depo raporları alabildiğiniz bir web uygulamasıdır.\r\n            </MDBCardText>\r\n            <a href=\"/products/depo-101\" className=\"text-muted small\">detaylı bilgi için..</a>\r\n        </MDBCardBody>\r\n    </MDBCard>,\r\n    <MDBCard className=\"m-2\">\r\n        <MDBCardImage className=\"img-fluid\" src={`${process.env.PUBLIC_URL}/img/products/EnvanterTakip.png`} />\r\n        <MDBCardBody>\r\n            <MDBCardTitle>Envanter Takip</MDBCardTitle>\r\n            <MDBCardText className=\"text-left crop\">\r\n                Firmanızda bulunan demirbaşların takibini yapabileceğiniz. Demirbaşlara sorumlu personeller atayabileceğiniz bir web uygulamasıdır.\r\n            </MDBCardText>\r\n            <a href=\"/products/envanter-takip\" className=\"text-muted small\">detaylı bilgi için..</a>\r\n        </MDBCardBody>\r\n    </MDBCard>,\r\n    <MDBCard className=\"m-2\">\r\n        <MDBCardImage className=\"img-fluid\" src={`${process.env.PUBLIC_URL}/img/products/YillikIzin.png`} />\r\n        <MDBCardBody>\r\n            <MDBCardTitle>Yıllık İzin Takip</MDBCardTitle>\r\n            <MDBCardText className=\"text-left crop\">\r\n                Firmanızda çalışan personellerinizi yıllık izinlerini düzenleyebildiğiniz,\r\n                bölüm içi yada kritik pozisyonlarda bulunan çalışanlarınızın aldıkları izinlerin çakışmalarını görüp müdahale edebildiğiniz bir web uygulamasıdır.\r\n            </MDBCardText>\r\n            <a href=\"/products/yillik-izin-takip\" className=\"text-muted small\">detaylı bilgi için..</a>\r\n        </MDBCardBody>\r\n    </MDBCard>\r\n];\r\n\r\nconst Products = () => {\r\n    return (\r\n        <section className=\"customers text-center\">\r\n            <h3 className=\"h3 font-weight-bold mb-5\">\r\n                Ürünlerimiz\r\n            </h3>\r\n            <Router>\r\n                <MultipleCarousel items={items} />\r\n            </Router>\r\n            <hr className=\"my-5\" />\r\n        </section>\r\n    )\r\n}\r\n\r\nexport default Products\r\n","import React, { Component } from \"react\";\r\nimport { MDBCard, MDBCardBody } from \"mdbreact\";\r\nimport AboutUs from \"../AboutUs/AboutUs\";\r\nimport Customers from \"../Customers/Customers\";\r\nimport { HowItWorks } from \"../HowItWorks/HowItWorks\";\r\nimport Products from \"../Products/Products\";\r\n\r\nclass Home extends Component {\r\n    render() {\r\n        return (\r\n            <MDBCard>\r\n                <MDBCardBody>\r\n                    <AboutUs />\r\n                    <Customers />\r\n                    <HowItWorks />\r\n                    <Products />\r\n                </MDBCardBody>\r\n            </MDBCard>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Home;\r\n","import React from \"react\";\r\nimport { MDBCarousel, MDBCarouselCaption, MDBCarouselInner, MDBCarouselItem, MDBView, MDBMask, MDBContainer } from\r\n    \"mdbreact\";\r\n\r\nconst datas = [\r\n    {\r\n        id: 1,\r\n        img: \"slide_1.jpg\",\r\n        title: \"YIGISOFT\",\r\n        subTitle: \"Dijital Dünyada Size Özel Çözümler\"\r\n    },\r\n    {\r\n        id: 2,\r\n        img: \"slide_2.jpg\",\r\n        title: \"YIGISOFT\",\r\n        subTitle: \"Teknoloji Düşündüğünüzden Daha Yakın\"\r\n    },\r\n    {\r\n        id: 3,\r\n        img: \"slide_3.jpg\",\r\n        title: \"YIGISOFT\",\r\n        subTitle: \"Dijital Dünyada Size Özel Çözümler\"\r\n    }\r\n]\r\n\r\nconst mapItem = (datas) => {\r\n    return datas.map((data) => {\r\n        return <MDBCarouselItem itemId={data.id} key={data.id}>\r\n            <MDBView>\r\n                <img\r\n                    className=\"d-block w-100 h-100\"\r\n                    src={`${process.env.PUBLIC_URL}/img/carousel/${data.img}`}\r\n                    alt={data.subTitle}\r\n                    style={{ objectFit: \"cover\"}}\r\n                />\r\n                <MDBMask overlay=\"black-light\" className=\"flex-center\">\r\n                </MDBMask>\r\n            </MDBView>\r\n            <MDBCarouselCaption className=\"flex-column\">               \r\n                <p className=\"h1 bg-text\">{data.subTitle}</p>\r\n            </MDBCarouselCaption>\r\n        </MDBCarouselItem>;\r\n    })\r\n}\r\n\r\nconst Carousel = () => {\r\n    return (\r\n        <>\r\n        <MDBCarousel\r\n            activeItem={1}\r\n            length={3}\r\n            showControls={true}\r\n            showIndicators={true}\r\n            className=\"z-depth-1\"\r\n        >\r\n            <MDBCarouselInner>\r\n                {mapItem(datas)}\r\n            </MDBCarouselInner>\r\n        </MDBCarousel>\r\n        <span id=\"about-us\"></span>\r\n        </>\r\n    );\r\n}\r\n\r\nexport default Carousel;","import { MDBCol, MDBContainer, MDBFooter, MDBIcon, MDBRow } from 'mdbreact';\r\nimport React from 'react'\r\n\r\nconst Footer = () => {\r\n    return (\r\n        <MDBFooter className=\"font-small pt-4\">\r\n            <MDBContainer  className=\"text-center\">\r\n                <MDBRow>\r\n                    <MDBCol md=\"3\">\r\n                        <img\r\n                            src={`${process.env.PUBLIC_URL}/img/logos/logo-2.png`}\r\n                            alt=\"YigiSoft\"\r\n                            style={{ width: 250 }}\r\n                        />\r\n                    </MDBCol>\r\n                    <MDBCol md=\"3\">\r\n                        <h5 className=\"title\">Sosyal Ağlarda Biz</h5>\r\n                        <hr className=\"my-4\"></hr>\r\n                        <div className=\"pb-4\">\r\n\r\n                            <a href=\"https://www.linkedin.com/\" target=\"_blank\">\r\n                                <MDBIcon fab icon=\"linkedin\" className=\"mr-5 fa-2x\" />\r\n                            </a>\r\n\r\n                            <a href=\"https://instagram.com/\" target=\"_blank\">\r\n                                <MDBIcon fab icon=\"instagram\" className=\"mr-5 fa-2x\" />\r\n                            </a>\r\n\r\n                            <a href=\"https://youtube.com/\" target=\"_blank\">\r\n                                <MDBIcon fab icon=\"youtube\" className=\" fa-2x\" />\r\n                            </a>\r\n                        </div>\r\n                    </MDBCol>\r\n                    <MDBCol md=\"3\">\r\n                        <h5 className=\"title\">İletişim</h5>\r\n                        <hr className=\"my-4\"></hr>\r\n                        <div className=\"pb-4\">\r\n                            <a href=\"mailto:xyz@abc.com\">\r\n                                <MDBIcon far icon=\"envelope\" className=\"mr-1\" /> info@yigisoft.com\r\n                            </a>\r\n                        </div>\r\n                    </MDBCol>\r\n                    <MDBCol md=\"3\">\r\n                        <h5 className=\"title \">Adres</h5>\r\n                        <hr className=\"my-4\"></hr>\r\n                        <div className=\"pb-4\">\r\n                            <p>\r\n                            Kütahya Tasarım Teknokent Ofis,<br/>\r\n                            Eskişehir Karayolu 5. Km <br/>\r\n                            2.Organize Sanayi Bölgesi <br/>\r\n                            Tasarım Teknokent Merkez / Kütahya\r\n                            </p>\r\n                        </div>\r\n                    </MDBCol>\r\n                </MDBRow>\r\n            </MDBContainer>\r\n            <div className=\"footer-copyright text-center py-3\">\r\n                <MDBContainer fluid>\r\n                    &copy; {new Date().getFullYear()} Copyright: <a href=\"https://www.yigisoft.com\"> yigisoft.com </a>\r\n                </MDBContainer>\r\n            </div>\r\n        </MDBFooter>\r\n    )\r\n}\r\n\r\nexport default Footer;\r\n","import React from \"react\";\r\nimport \"./timeline.css\"\r\n\r\nconst Timeline = ({ content }) => {\r\n    \r\n    var res = content.map((data, key) => {\r\n        return <div className=\"titem\" key={key}>\r\n            <h4 className=\"font-weight-bold\">{data.title}</h4>\r\n            <span dangerouslySetInnerHTML={{ __html: data.description || \"\" }}></span>\r\n        </div>\r\n    });\r\n    \r\n    return <div className=\"timeline\">\r\n        {res};\r\n\r\n    </div>;\r\n}\r\n\r\nexport default Timeline;","import React from \"react\";\r\nimport { MDBRow, MDBCol, MDBMask, MDBView, MDBContainer, MDBIcon } from \"mdbreact\";\r\nimport Timeline from \"../Timeline/Timeline\";\r\n\r\n\r\nconst Content = ({ content }) => {\r\n    if (content.contentType === \"left\") {\r\n        return (\r\n            <MDBContainer className=\"mt-5\">\r\n                <MDBRow>\r\n                    <MDBCol lg=\"5\">\r\n                        <MDBView className=\"rounded mb-lg-0 mb-4\" hover waves>\r\n                            <img\r\n                                className=\"img-fluid\"\r\n                                src={content.src || \"\"}\r\n                                alt={content.title || \"\"}\r\n                                style={{ maxHeight: 300 }}\r\n                            />\r\n                            <MDBMask overlay=\"white-slight\" />\r\n                        </MDBView>\r\n                    </MDBCol>\r\n                    <MDBCol lg=\"7\" className=\"d-flex flex-column justify-content-center\">\r\n                        <h3 className=\"h3 font-weight-bold\">\r\n                            {content.title || \"\"}\r\n                        </h3>\r\n                        <h4 className=\"font-weight-bold mb-3 p-0\">\r\n                            <strong>{content.subTitle || \"\"}</strong>\r\n                        </h4>\r\n                        <p dangerouslySetInnerHTML={{ __html: content.description || \"\" }}>\r\n                        </p>\r\n                    </MDBCol>\r\n                </MDBRow>\r\n            </MDBContainer>\r\n        );\r\n    } else if (content.contentType === \"right\") {\r\n        return (\r\n            <MDBContainer className=\"mt-5\">\r\n                <MDBRow>\r\n                    <MDBCol lg=\"7\" className=\"d-flex flex-column justify-content-center\">\r\n                        <h3 className=\"h3 font-weight-bold\">\r\n                            {content.title || \"\"}\r\n                        </h3>\r\n                        <h4 className=\"font-weight-bold mb-3 p-0\">\r\n                            <strong>{content.subTitle || \"\"}</strong>\r\n                        </h4>\r\n                        <p dangerouslySetInnerHTML={{ __html: content.description || \"\" }}></p>\r\n                    </MDBCol>\r\n                    <MDBCol lg=\"5\" >\r\n                        <MDBView className=\"rounded mb-lg-0 mb-4\" hover waves>\r\n                            <img\r\n                                className=\"img-fluid\"\r\n                                src={content.src || \"\"}\r\n                                alt={content.title || \"\"}\r\n                                style={{ maxHeight: 300 }}\r\n                            />\r\n                            <MDBMask overlay=\"white-slight\" />\r\n                        </MDBView>\r\n                    </MDBCol>\r\n                </MDBRow>\r\n            </MDBContainer>\r\n        );\r\n    } else if (content.contentType === \"only_photo\") {\r\n        return (\r\n            <MDBContainer className=\"mt-5\">\r\n                <MDBRow>\r\n                    <MDBCol >\r\n                        <MDBView className=\"rounded mb-lg-0 mb-4 only-photo\" hover waves>\r\n                            <img\r\n                                className=\"img-fluid\"\r\n                                src={content.src || \"\"}\r\n                                alt={content.title || \"\"}\r\n                                style={{ backgroundPosition: \"center\", backgroundSize: \"cover\" }}\r\n                            />\r\n                            <MDBMask overlay=\"white-slight\" />\r\n                        </MDBView>\r\n                    </MDBCol>\r\n                </MDBRow>\r\n            </MDBContainer>\r\n        );\r\n    } else if (content.contentType === \"timeline\") {\r\n        return <MDBContainer>\r\n            <Timeline content={content.items}></Timeline>\r\n        </MDBContainer>\r\n    }\r\n    else {\r\n        return <></>;\r\n    }\r\n}\r\n\r\nexport default Content;","import { MDBCard, MDBCardBody, MDBIcon } from 'mdbreact'\r\nimport React from 'react'\r\nimport \"./price-card.css\";\r\n\r\nconst PriceCard = ({ content }) => {\r\n  return (\r\n    <MDBCard pricing className=\"\">\r\n      <div className={`price header white-text rounded-top ${content.bgColor}`}>\r\n        <h2 className=\"number\">{content.price}</h2>\r\n        <div className=\"version\">\r\n          <h5 className=\"mb-0\">{content.title}</h5>\r\n        </div>\r\n      </div>\r\n      <MDBCardBody className=\"striped mb-1\">\r\n        <ul>\r\n          {content.features.map((feature, key) => {\r\n            return <li key={key}>\r\n              <p className=\"mt-2 text-left\">\r\n                <MDBIcon icon=\"check\" className=\"green-text pr-2\" />\r\n                <span dangerouslySetInnerHTML={{ __html: feature || \"\" }}></span>\r\n              </p>\r\n            </li>\r\n          })}\r\n        </ul>\r\n      </MDBCardBody>\r\n    </MDBCard>\r\n  )\r\n}\r\n\r\nexport default PriceCard\r\n","import { MDBCol, MDBContainer, MDBRow, } from 'mdbreact';\r\nimport React, { useEffect, useState } from 'react'\r\nimport { useParams,useHistory } from 'react-router-dom'\r\nimport Content from '../Content/Content';\r\nimport PriceCard from '../PriceCard/PriceCard';\r\nimport \"./product.css\"\r\nimport personel from \"./4dpersonel.json\";\r\nimport depo from \"./depo101.json\";\r\nimport envanter from './envanter.json';\r\nimport yillikIzin from './yillik_izin.json';\r\n\r\nconst Product = () => {\r\n\r\n    const [paymentPlans, setPaymentPlans] = useState([]);\r\n    const [datas, setDatas] = useState({});\r\n\r\n    var params = useParams(\"name\");\r\n    var history = useHistory();\r\n    useEffect(() => {\r\n        var datas = {};\r\n        switch (params.name) {\r\n            case \"4d-personel-takip\":\r\n                datas = personel;\r\n                break;\r\n            case \"depo-101\":\r\n                datas = depo;\r\n                break;            \r\n            case \"envanter-takip\":\r\n                datas = envanter;\r\n                break;\r\n            case \"yillik-izin-takip\":\r\n                datas = yillikIzin;\r\n                break;\r\n            default:\r\n                history.push(\"/\");\r\n                break;\r\n        }\r\n\r\n        setDatas(datas);\r\n        setPaymentPlans(datas?.yearly);\r\n    }, []);\r\n\r\n    const switchPaymentPlan = (btn) => {\r\n        if (btn.target.id == \"yearly\") {\r\n            document.getElementById(\"standard\").classList.remove(\"active\");\r\n            if (!btn.target.classList.contains(\"active\"))\r\n                btn.target.classList.add(\"active\");\r\n            setPaymentPlans(datas?.yearly);\r\n        }\r\n        else if (btn.target.id == \"standard\") {\r\n            document.getElementById(\"yearly\").classList.remove(\"active\");\r\n            if (!btn.target.classList.contains(\"active\"))\r\n                btn.target.classList.add(\"active\");\r\n            setPaymentPlans(datas?.standart);\r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {datas&& datas.program && datas.program.map((data, key) => {\r\n                return <div key={key} >\r\n                    <Content content={data} />\r\n                    <hr className=\"my-5\" />\r\n                </div>;\r\n            })}\r\n            {paymentPlans.length>0?<MDBContainer>\r\n                <div className=\"text-center mb-5\">\r\n                    <h2 className=\"mb-3 h3 font-weight-bold\">Uygun Ödeme Planlarımız</h2>\r\n                    <p className=\"mb-5\">Personel yönetim süreçlerinizi hızlı ve kolay bir şekilde organize edebiliriniz.</p>\r\n\r\n                    <div className=\"btn-group btn-group-toggle rounded-pill btn-switch\" data-toggle=\"buttons\">\r\n                        <label className=\"btn active\" id=\"yearly\" onClick={(e) => switchPaymentPlan(e)} >\r\n                            Yıllık\r\n                        </label>\r\n                        <label className=\"btn\" id=\"standard\" onClick={(e) => switchPaymentPlan(e)}>\r\n                            Standart\r\n                        </label>\r\n                    </div>\r\n                </div>\r\n\r\n                <MDBRow>\r\n                    {paymentPlans.map((plan, key) => {\r\n                        return <MDBCol md=\"6\" lg=\"3\" className=\"mb-5\" key={key}>\r\n                            <PriceCard content={plan} />\r\n                        </MDBCol>\r\n                    })}\r\n                </MDBRow>\r\n            </MDBContainer>:\"\"}\r\n            \r\n        </>\r\n    )\r\n}\r\n\r\nexport default Product\r\n","import React, { Component } from \"react\";\r\nimport \"./index.css\";\r\nimport { Navbar } from \"./components/Navbar/Navbar\";\r\nimport Contact from \"./components/Contact/Contact\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport Home from \"./components/Home\";\r\nimport Carousel from \"./components/Carousel/Carousel\";\r\nimport Footer from \"./components/Footer\";\r\nimport Product from \"./components/Product/Product\";\r\n\r\nclass App extends Component {\r\n  render() {\r\n    return (\r\n      <>\r\n        <Navbar />\r\n        <Carousel />\r\n        <Switch>\r\n          <Route path=\"/products/:name\" exact>\r\n            <Product />\r\n          </Route>\r\n          <Route path=\"/contact\" exact>\r\n            <Contact />\r\n          </Route>\r\n          <Route path=\"/\">\r\n            <Home />\r\n          </Route>\r\n        </Switch>\r\n        <Footer />\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default App;\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.1/8 is considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n);\r\n\r\nexport default function register() {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (!isLocalhost) {\r\n        // Is not local host. Just register service worker\r\n        registerValidSW(swUrl);\r\n      } else {\r\n        // This is running on localhost. Lets check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the old content will have been purged and\r\n              // the fresh content will have been added to the cache.\r\n              // It's the perfect time to display a \"New content is\r\n              // available; please refresh.\" message in your web app.\r\n              console.log('New content is available; please refresh.');\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl)\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      if (\r\n        response.status === 404 ||\r\n        response.headers.get('content-type').indexOf('javascript') === -1\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister() {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready.then(registration => {\r\n      registration.unregister();\r\n    });\r\n  }\r\n}\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport \"@fortawesome/fontawesome-free/css/all.min.css\";\r\nimport \"bootstrap-css-only/css/bootstrap.min.css\";\r\nimport \"mdbreact/dist/css/mdb.css\";\r\nimport \"./index.css\";\r\nimport App from \"./App\";\r\n\r\nimport registerServiceWorker from './registerServiceWorker';\r\nimport { BrowserRouter } from \"react-router-dom\";\r\n\r\nReactDOM.render( <BrowserRouter><App /></BrowserRouter> , document.getElementById('root'));\r\n\r\nregisterServiceWorker();"],"sourceRoot":""}