{"version":3,"sources":["components/DefaultNavbar.js","components/DefaultFooter.js","components/landing/Header.js","components/landing/StatusCard.js","assets/img/teamwork.jpeg","components/landing/WorkingSection.js","components/landing/Title.js","components/landing/TeamCard.js","assets/img/try.jpeg","assets/img/administration.jpeg","assets/img/hero.jpeg","assets/img/Kojo.jpeg","assets/img/Naa_Shormeh.jpeg","assets/img/Bibini.png","assets/img/coo_reform.png","assets/img/Kwame.png","components/landing/TeamSection.js","components/landing/ContactCard.js","components/landing/Form.js","components/landing/ContactSection.js","pages/Landing.js","components/profile/Header.js","assets/img/team-2-800x800.jpg","components/profile/Content.js","pages/Profile.js","components/SimpleFooter.js","components/login/Page.js","components/login/Container.js","pages/Login.js","pages/Register.js","App.js","reportWebVitals.js","index.js"],"names":["DefaultNavbar","useState","openNavbar","setOpenNavbar","color","navbar","href","target","rel","onClick","open","className","ripple","name","size","DefaultFooter","family","Date","getFullYear","Header","colors","blueGray","gray","brown","deepOrange","orange","amber","yellow","lime","lightGreen","green","teal","cyan","lightBlue","blue","indigo","deepPurple","purple","pink","red","StatusCard","icon","title","children","WorkingSection","Title","heading","LandingTeamCard","img","position","src","alt","raised","buttonType","rounded","iconOnly","TeamSection","Image1","Image2","Image3","Image4","Image5","Image6","Image7","Image8","ContactCard","Form","onSubmit","e","preventDefault","type","placeholder","ContactSection","Landing","Content","ProfilePicture","Profile","SimpleFooter","Page","Container","Login","style","marginBottom","iconName","text","id","Register","App","exact","path","component","from","to","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.20fb4653.chunk.js","sourcesContent":["import { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport Navbar from '@material-tailwind/react/Navbar';\nimport NavbarContainer from '@material-tailwind/react/NavbarContainer';\nimport NavbarWrapper from '@material-tailwind/react/NavbarWrapper';\nimport NavbarBrand from '@material-tailwind/react/NavbarBrand';\nimport NavbarToggler from '@material-tailwind/react/NavbarToggler';\nimport NavbarCollapse from '@material-tailwind/react/NavbarCollapse';\nimport Nav from '@material-tailwind/react/Nav';\nimport NavLink from '@material-tailwind/react/NavLink';\nimport Dropdown from '@material-tailwind/react/Dropdown';\nimport DropdownItem from '@material-tailwind/react/DropdownItem';\nimport Icon from '@material-tailwind/react/Icon';\nimport Button from '@material-tailwind/react/Button';\n\nexport default function DefaultNavbar() {\n    const [openNavbar, setOpenNavbar] = useState(false);\n\n    return (\n        <Navbar color=\"transparent\" navbar>\n            <NavbarContainer>\n                <NavbarWrapper>\n                    <a\n                        href=\"https://material-tailwind.com?ref=mtk\"\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                    >\n                        <NavbarBrand>Afirima</NavbarBrand>\n                    </a>\n                    <NavbarToggler\n                        onClick={() => setOpenNavbar(!openNavbar)}\n                        color=\"white\"\n                    />\n                </NavbarWrapper>\n\n                <NavbarCollapse open={openNavbar}>\n                    <Nav>\n                        <div className=\"flex flex-col z-50 lg:flex-row lg:items-center\">\n                            <NavLink\n                                href=\"#\"\n                                // target=\"_blank\"\n                                rel=\"noreferrer\"\n                                ripple=\"light\"\n                            >\n                                <Icon name=\"description\" size=\"2xl\" />\n                                &nbsp;About\n                            </NavLink>\n                            <NavLink\n                                href=\"#\"\n                                // target=\"_blank\"\n                                rel=\"noreferrer\"\n                                ripple=\"light\"\n                            >\n                                <Icon name=\"apps\" size=\"2xl\" />\n                                &nbsp;Portfolio\n                            </NavLink>\n                            <a\n                                href=\"#\"\n                                // target=\"_blank\"\n                                rel=\"noreferrer\"\n                            >\n                                <Button\n                                    color=\"transparent\"\n                                    className=\"bg-white text-black ml-4\"\n                                    ripple=\"dark\"\n                                >\n                                    Contact Us\n                                </Button>\n                            </a>\n                        </div>\n                    </Nav>\n                </NavbarCollapse>\n            </NavbarContainer>\n        </Navbar>\n    );\n}\n","import H5 from '@material-tailwind/react/Heading5';\nimport LeadText from '@material-tailwind/react/LeadText';\nimport Icon from '@material-tailwind/react/Icon';\n\nexport default function DefaultFooter() {\n    return (\n        <>\n            <footer className=\"relative bg-gray-100 pt-8 pb-6\">\n                <div className=\"container max-w-7xl mx-auto px-4\">\n                    <div className=\"flex flex-wrap text-center lg:text-left pt-6\">\n                        <div className=\"w-full lg:w-6/12 px-4\">\n                            <H5 color=\"gray\">Afirima</H5>\n                            <div className=\"-mt-4\">\n                                <LeadText color=\"blueGray\">\n                                    Professional. Software. Solutions. Artificial Intelligence. Data Mining. Consulting. Excellence.\n                                </LeadText>\n                            </div>\n                            <div className=\"flex gap-2 mt-6 md:justify-start md:mb-0 mb-8 justify-center\">\n                                <a\n                                    href=\"#\"\n                                    className=\"grid place-items-center bg-white text-blue-600 shadow-md font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none\"\n                                    // target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                >\n                                    <Icon\n                                        family=\"font-awesome\"\n                                        name=\"fab fa-facebook-square\"\n                                    />\n                                </a>\n                                <a\n                                    href=\"#\"\n                                    className=\"grid place-items-center bg-white text-blue-400 shadow-md font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none\"\n                                    // target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                >\n                                    <Icon\n                                        family=\"font-awesome\"\n                                        name=\"fab fa-twitter\"\n                                    />\n                                </a>\n                                <a\n                                    href=\"#\"\n                                    className=\"grid place-items-center bg-white text-indigo-500 shadow-md font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none\"\n                                    // target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                >\n                                    <Icon\n                                        family=\"font-awesome\"\n                                        name=\"fab fa-instagram\"\n                                    />\n                                </a>\n                                <a\n                                    href=\"#\"\n                                    className=\"grid place-items-center bg-white text-pink-400 shadow-md font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none\"\n                                    // target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                >\n                                    <Icon\n                                        family=\"font-awesome\"\n                                        name=\"fab fa-dribbble\"\n                                    />\n                                </a>\n                                <a\n                                    href=\"#\"\n                                    className=\"grid place-items-center bg-white text-red-600 shadow-md font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none\"\n                                    // target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                >\n                                    <Icon\n                                        family=\"font-awesome\"\n                                        name=\"fab fa-youtube\"\n                                    />\n                                </a>\n                                <a\n                                    href=\"#\"\n                                    className=\"grid place-items-center bg-white text-gray-900 shadow-md font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none\"\n                                    // target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                >\n                                    <Icon\n                                        family=\"font-awesome\"\n                                        name=\"fab fa-github\"\n                                    />\n                                </a>\n                            </div>\n                        </div>\n                        <div className=\"w-full lg:w-6/12 px-4\">\n                            <div className=\"flex flex-wrap items-top\">\n                                <div className=\"w-full lg:w-4/12 px-4 ml-auto md:mb-0 mb-8\">\n                                    <span className=\"block uppercase text-gray-900 text-sm font-serif font-medium mb-2\">\n                                        Useful Links\n                                    </span>\n                                    <ul className=\"list-unstyled\">\n                                        <li>\n                                            <a\n                                                href=\"#\"\n                                                // target=\"_blank\"\n                                                rel=\"noreferrer\"\n                                                className=\"text-gray-700 hover:text-gray-900 block pb-2 text-sm\"\n                                            >\n                                                About Us\n                                            </a>\n                                        </li>\n                                        <li>\n                                            <a\n                                                className=\"text-gray-700 hover:text-gray-900 block pb-2 text-sm\"\n                                                // target=\"_blank\"\n                                                href=\"#\"\n                                            >\n                                                Blog\n                                            </a>\n                                        </li>\n                                        <li>\n                                            <a\n                                                href=\"#\"\n                                                // target=\"_blank\"\n                                                rel=\"noreferrer\"\n                                                className=\"text-gray-700 hover:text-gray-900 block pb-2 text-sm\"\n                                            >\n                                                Products\n                                            </a>\n                                        </li>\n                                    </ul>\n                                </div>\n                                <div className=\"w-full lg:w-4/12 px-4\">\n                                    <span className=\"block uppercase text-gray-900 text-sm font-serif font-medium mb-2\">\n                                        Other Resources\n                                    </span>\n                                    <ul className=\"list-unstyled\">\n                                        <li>\n                                            <a\n                                                href=\"#\"\n                                                // target=\"_blank\"\n                                                rel=\"noreferrer\"\n                                                className=\"text-gray-700 hover:text-gray-900 block pb-2 text-sm\"\n                                            >\n                                                Mantra\n                                            </a>\n                                        </li>\n                                        <li>\n                                            <a\n                                                href=\"#\"\n                                                // target=\"_blank\"\n                                                rel=\"noreferrer\"\n                                                className=\"text-gray-700 hover:text-gray-900 block pb-2 text-sm\"\n                                            >\n                                                Code of Conduct\n                                            </a>\n                                        </li>\n                                        <li>\n                                            <a\n                                                href=\"#\"\n                                                // target=\"_blank\"\n                                                rel=\"noreferrer\"\n                                                className=\"text-gray-700 hover:text-gray-900 block pb-2 text-sm\"\n                                            >\n                                                Contact Us\n                                            </a>\n                                        </li>\n                                    </ul>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <hr className=\"my-6 border-gray-300\" />\n                    <div className=\"flex flex-wrap items-center md:justify-between justify-center\">\n                        <div className=\"w-full md:w-4/12 px-4 mx-auto text-center\">\n                            <div className=\"text-sm text-gray-700 font-medium py-1\">\n                                Copyright © {new Date().getFullYear()}, Afirima - An AsafoKAN company.                              \n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </footer>\n        </>\n    );\n}\n","import H2 from '@material-tailwind/react/Heading2';\nimport LeadText from '@material-tailwind/react/LeadText';\n\nexport default function Header() {\n    return (\n        <div className=\"relative pt-16 pb-32 flex content-center items-center justify-center h-screen\">\n            <div className=\"bg-landing-background bg-cover bg-center absolute top-0 w-full h-full\" />\n            <div className=\"container max-w-8xl relative mx-auto\">\n                <div className=\"items-center flex flex-wrap\">\n                    <div className=\"w-full lg:w-8/12 px-4 ml-auto mr-auto text-center\">\n                        <H2 color=\"white\">Your dreams are actualized here.</H2>\n                        <div className=\"text-gray-200\">\n                            <LeadText color=\"gray-200\">\n                                We are an experienced, dynamic and effective team,\n                                thrilled to provide transformative solutions to its clients.\n                            </LeadText>\n                            {/* <LeadText color=\"gray-50\">\n                                We differ not only by having the technical-know-how to build sophisticated software solutions, \n                                but also as as established user-experience powerhouse specializing in maximizing user productivity. \n                            </LeadText> */}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\n","import Card from '@material-tailwind/react/Card';\nimport CardBody from '@material-tailwind/react/CardBody';\nimport Icon from '@material-tailwind/react/Icon';\nimport H6 from '@material-tailwind/react/Heading6';\nimport Paragraph from '@material-tailwind/react/Paragraph';\n\nconst colors = {\n    blueGray: 'bg-blue-gray-500',\n    gray: 'bg-gray-500',\n    brown: 'bg-brown-500',\n    deepOrange: 'bg-deep-orange-500',\n    orange: 'bg-orange-500',\n    amber: 'bg-amber-500',\n    yellow: 'bg-yellow-600',\n    lime: 'bg-lime-500',\n    lightGreen: 'bg-light-green-500',\n    green: 'bg-green-500',\n    teal: 'bg-teal-500',\n    cyan: 'bg-cyan-500',\n    lightBlue: 'bg-light-blue-500',\n    blue: 'bg-blue-500',\n    indigo: 'bg-indigo-500',\n    deepPurple: 'bg-deep-purple-500',\n    purple: 'bg-purple-500',\n    pink: 'bg-pink-500',\n    red: 'bg-red-500',\n};\n\nexport default function StatusCard({ color, icon, title, children }) {\n    return (\n        <div className=\"w-full md:w-4/12 px-4 flex justify-center text-center\">\n            <Card>\n                <CardBody>\n                    <div\n                        className={`p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-md rounded-full ${colors[color]}`}\n                    >\n                        <Icon name={icon} size=\"xl\" color=\"white\" />\n                    </div>\n                    <H6 color=\"gray\">{title}</H6>\n                    <Paragraph color=\"blueGray\">{children}</Paragraph>\n                </CardBody>\n            </Card>\n        </div>\n    );\n}\n","export default __webpack_public_path__ + \"static/media/teamwork.217c0d67.jpeg\";","import Card from '@material-tailwind/react/Card';\nimport CardImage from '@material-tailwind/react/CardImage';\nimport CardBody from '@material-tailwind/react/CardBody';\nimport Icon from '@material-tailwind/react/Icon';\nimport H4 from '@material-tailwind/react/Heading4';\nimport H6 from '@material-tailwind/react/Heading6';\nimport LeadText from '@material-tailwind/react/LeadText';\nimport Paragraph from '@material-tailwind/react/Paragraph';\nimport StatusCard from 'components/landing/StatusCard';\nimport Teamwork from 'assets/img/teamwork.jpeg';\n\nexport default function WorkingSection() {\n    return (\n        <section className=\"pb-20 bg-gray-100 -mt-32\">\n            <div className=\"container max-w-7xl mx-auto px-4\">\n                <div className=\"flex flex-wrap relative z-50\">\n                    <StatusCard color=\"lightBlue\" icon=\"fingerprint\" title=\"Custom Solutions\">\n                        Tell us what you want, how you want it and when you want it. Leave the rest to us... \n                        It's that simple!\n                    </StatusCard>\n                    <StatusCard color=\"red\" icon=\"stars\" title=\"Off The Shelf\">\n                        Standard products / softwares mindfully crafted to maximize efficiency in various sectors.\n                    </StatusCard>\n                    <StatusCard color=\"teal\" icon=\"autorenew\" title=\"Consultancy\">\n                        Our team of experts are ever-ready and willing to provide your team / solution with the necessary guidance to enable to you optimize your solution(s).\n                    </StatusCard>\n                </div>\n\n                {/* <div className=\"flex flex-wrap items-center mt-32\">\n                    <div className=\"w-full md:w-5/12 px-4 mx-auto\">\n                        <div className=\"text-blue-gray-800 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-white\">\n                            <Icon name=\"people\" size=\"3xl\" />\n                        </div>\n                        <H4 color=\"gray\">Working with us is a pleasure</H4>\n                        <LeadText color=\"blueGray\">\n                            Don't let your uses guess by attaching tooltips and\n                            popoves to any element. Just make sure you enable\n                            them first via JavaScript.\n                        </LeadText>\n                        <LeadText color=\"blueGray\">\n                            The kit comes with three pre-built pages to help you\n                            get started faster. You can change the text and\n                            images and you're good to go. Just make sure you\n                            enable them first via JavaScript.\n                        </LeadText>\n                        <a\n                            href=\"#pablo\"\n                            className=\"font-medium text-light-blue-500 mt-2 inline-block\"\n                        >\n                            Read More\n                        </a>\n                    </div>\n\n                    <div className=\"w-full md:w-4/12 px-4 mx-auto flex justify-center mt-24 lg:mt-0\">\n                        <Card>\n                            <CardImage alt=\"Card Image\" src={Teamwork} />\n                            <CardBody>\n                                <H6 color=\"gray\">Top Notch Services</H6>\n                                <Paragraph color=\"blueGray\">\n                                    The Arctic Ocean freezes every winter and\n                                    much of the sea-ice then thaws every summer,\n                                    and that process will continue whatever\n                                    happens.\n                                </Paragraph>\n                            </CardBody>\n                        </Card>\n                    </div>\n                </div> */}\n            </div>\n        </section>\n    );\n}\n","import H3 from '@material-tailwind/react/Heading3';\nimport LeadText from '@material-tailwind/react/LeadText';\n\nexport default function Title({ heading, children }) {\n    return (\n        <div className=\"flex flex-wrap justify-center text-center mb-24\">\n            <div className=\"w-full lg:w-6/12 px-4\">\n                <H3 color=\"gray\">{heading}</H3>\n                <LeadText color=\"blueGray\">{children}</LeadText>\n            </div>\n        </div>\n    );\n}\n","import Image from '@material-tailwind/react/Image';\nimport H6 from '@material-tailwind/react/Heading6';\nimport Paragraph from '@material-tailwind/react/Paragraph';\nimport Button from '@material-tailwind/react/Button';\nimport Icon from '@material-tailwind/react/Icon';\n\nexport default function LandingTeamCard({ img, name, position }) {\n    return (\n        <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n            <div className=\"px-6\">\n                <Image src={img} alt={name} raised />\n                <div className=\"pt-6 text-center\">\n                    <H6 color=\"gray\">{name}</H6>\n                    <Paragraph color=\"blueGray\">{position}</Paragraph>\n                    <div className=\"flex items-center justify-center\">\n                        <Button\n                            color=\"lightBlue\"\n                            buttonType=\"link\"\n                            ripple=\"dark\"\n                            rounded\n                            iconOnly\n                        >\n                            <Icon\n                                family=\"font-awesome\"\n                                name=\"fab fa-twitter\"\n                                size=\"lg\"\n                            />\n                        </Button>\n                        <Button\n                            color=\"blue\"\n                            buttonType=\"link\"\n                            ripple=\"dark\"\n                            rounded\n                            iconOnly\n                        >\n                            <Icon\n                                family=\"font-awesome\"\n                                name=\"fab fa-facebook-f\"\n                                size=\"lg\"\n                            />\n                        </Button>\n                        <Button\n                            color=\"pink\"\n                            buttonType=\"link\"\n                            ripple=\"dark\"\n                            rounded\n                            iconOnly\n                        >\n                            <Icon\n                                family=\"font-awesome\"\n                                name=\"fab fa-dribbble\"\n                                size=\"lg\"\n                            />\n                        </Button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\n","export default __webpack_public_path__ + \"static/media/try.1142880a.jpeg\";","export default __webpack_public_path__ + \"static/media/administration.05dda316.jpeg\";","export default __webpack_public_path__ + \"static/media/hero.af7bb754.jpeg\";","export default __webpack_public_path__ + \"static/media/Kojo.8529ac0b.jpeg\";","export default __webpack_public_path__ + \"static/media/Naa_Shormeh.626bc75b.jpeg\";","export default __webpack_public_path__ + \"static/media/Bibini.62e9f14c.png\";","export default __webpack_public_path__ + \"static/media/coo_reform.c5ceb6ef.png\";","export default __webpack_public_path__ + \"static/media/Kwame.68cad749.png\";","import Title from 'components/landing/Title';\nimport TeamCard from 'components/landing/TeamCard';\nimport Image1 from 'assets/img/try.jpeg';\nimport Image2 from 'assets/img/administration.jpeg';\nimport Image3 from 'assets/img/hero.jpeg';\n// import Image4 from 'assets/img/Bibini.png';\nimport Image4 from 'assets/img/Kojo.jpeg';\nimport Image5 from 'assets/img/Naa_Shormeh.jpeg';\nimport Image6 from 'assets/img/Bibini.png';\nimport Image7 from 'assets/img/coo_reform.png';\nimport Image8 from 'assets/img/Kwame.png';\n\nexport default function TeamSection() {\n    return (\n        <section className=\"pt-20 pb-48\">\n            <div className=\"container max-w-7xl mx-auto px-4\">\n                <Title heading=\"Here are our heroes\">\n                    These are the mighty people that work together to bring you the awesome products that you love.\n                </Title>\n                <div className=\"flex flex-wrap\">\n                    <TeamCard\n                        img={Image1}\n                        name=\"Nana Obiri\"\n                        position=\"Quality Control\"\n                    />\n                    <TeamCard\n                        img={Image2}\n                        name=\"Adwoa\"\n                        position=\"Administration\"\n                    />\n                    <TeamCard\n                        img={Image3}\n                        name=\"Dzidzor\"\n                        position=\"Customer Satisfaction\"\n                    />\n                    <TeamCard\n                        img={Image4}\n                        name=\"Kojo\"\n                        position=\"UI/UX Designer\"\n                    />\n                    <TeamCard\n                        img={Image5}\n                        name=\"Naa Shormeh\"\n                        position=\"Frontend Engineer\"\n                    />\n                     <TeamCard\n                        img={Image6}\n                        name=\"Bibini\"\n                        position=\"Director\"\n                    />\n                    <TeamCard\n                        img={Image7}\n                        name=\"Nana Yaa\"\n                        position=\"COO\"\n                    />\n                    <TeamCard\n                        img={Image8}\n                        name=\"Kwame\"\n                        position=\"Lead Engineer and CEO\"\n                    />\n                </div>\n            </div>\n        </section>\n    );\n}\n","import Icon from '@material-tailwind/react/Icon';\nimport H6 from '@material-tailwind/react/Heading6';\nimport Paragraph from '@material-tailwind/react/Paragraph';\n\nexport default function ContactCard({ icon, title, children }) {\n    return (\n        <div className=\"w-full lg:w-3/12 px-4 text-center\">\n            <div className=\"text-blue-gray-800 p-3 w-12 h-12 shadow-lg rounded-full bg-white inline-flex items-center justify-center mb-6\">\n                <Icon name={icon} size=\"xl\" />\n            </div>\n            <H6 color=\"gray\">{title}</H6>\n            <Paragraph color=\"blueGray\">{children}</Paragraph>\n        </div>\n    );\n}\n","import H3 from '@material-tailwind/react/Heading3';\nimport Paragraph from '@material-tailwind/react/Paragraph';\nimport Input from '@material-tailwind/react/Input';\nimport Textarea from '@material-tailwind/react/Textarea';\nimport Button from '@material-tailwind/react/Button';\n\nexport default function Form() {\n    return (\n        <div className=\"flex flex-wrap justify-center mt-24\">\n            <div className=\"w-full lg:w-8/12 px-4\">\n                <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6\">\n                    <div className=\"flex-auto p-5 lg:p-10\">\n                        <div className=\"w-full text-center\">\n                            <H3 color=\"gray\">Work with us</H3>\n                            <Paragraph color=\"blueGray\">\n                                Complete this form and we will get back to you\n                                in 24 hours.\n                            </Paragraph>\n                        </div>\n                        <form onSubmit={(e) => e.preventDefault()}>\n                            <div className=\"flex gap-8 mt-16 mb-12\">\n                                <Input\n                                    type=\"text\"\n                                    placeholder=\"Full Name\"\n                                    color=\"lightBlue\"\n                                />\n                                <Input\n                                    type=\"email\"\n                                    placeholder=\"Email Address\"\n                                    color=\"lightBlue\"\n                                />\n                            </div>\n\n                            <Textarea color=\"lightBlue\" placeholder=\"Message\" />\n\n                            <div className=\"flex justify-center mt-10\">\n                                <Button color=\"lightBlue\" ripple=\"light\">\n                                    Send Message\n                                </Button>\n                            </div>\n                        </form>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\n","import Title from 'components/landing/Title';\nimport ContactCard from 'components/landing/ContactCard';\nimport Form from 'components/landing/Form';\n\nexport default function ContactSection() {\n    return (\n        <section className=\"pb-20 relative block bg-gray-100\">\n            <div className=\"container max-w-7xl mx-auto px-4 lg:pt-24\">\n                <Title heading=\"Let's build something awesome together!\">\n                    Got it all thought of? Or just have the \"hitch\"? Hit us up and let's work together to bring that awesome idea to life.\n                </Title>\n\n                <div className=\"flex flex-wrap -mt-12 justify-center\">\n                    <ContactCard icon=\"stars\" title=\"Excellent Services\">\n                        {/* Some quick example text to build on the card title and\n                        make up the bulk of the card's content. */}\n                    </ContactCard>\n                    <ContactCard icon=\"launch\" title=\"Unparalleled Launch Time\">\n                        {/* Some quick example text to build on the card title and\n                        make up the bulk of the card's content. */}\n                    </ContactCard>\n                    <ContactCard icon=\"insert_chart\" title=\"Grow Your Market\">\n                        {/* Some quick example text to build on the card title and\n                        make up the bulk of the card's content. */}\n                    </ContactCard>\n                    \n                </div>\n\n                <Form />\n            </div>\n        </section>\n    );\n}\n","import DefaultNavbar from 'components/DefaultNavbar';\nimport DefaultFooter from 'components/DefaultFooter';\nimport Header from 'components/landing/Header';\nimport WorkingSection from 'components/landing/WorkingSection';\nimport TeamSection from 'components/landing/TeamSection';\nimport ContactSection from 'components/landing/ContactSection';\n\nexport default function Landing() {\n    return (\n        <>\n            <div className=\"absolute w-full z-20\">\n                <DefaultNavbar />\n            </div>\n            <main>\n                <Header />\n                <WorkingSection />\n                <TeamSection />\n                <ContactSection />\n            </main>\n            <DefaultFooter />\n        </>\n    );\n}\n","export default function Header() {\n    return (\n        <section className=\"relative block h-[500px]\">\n            <div className=\"bg-profile-background bg-cover bg-center absolute top-0 w-full h-full\" />\n        </section>\n    );\n}\n","export default __webpack_public_path__ + \"static/media/team-2-800x800.3e08ef14.jpg\";","import Button from '@material-tailwind/react/Button';\nimport Image from '@material-tailwind/react/Image';\nimport H3 from '@material-tailwind/react/Heading3';\nimport Icon from '@material-tailwind/react/Icon';\nimport LeadText from '@material-tailwind/react/LeadText';\nimport ProfilePicture from 'assets/img/team-2-800x800.jpg';\n\nexport default function Content() {\n    return (\n        <section className=\"relative py-16 bg-gray-100\">\n            <div className=\"container max-w-7xl px-4 mx-auto\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-xl rounded-2xl -mt-64\">\n                    <div className=\"px-6\">\n                        <div className=\"flex flex-wrap justify-center\">\n                            <div className=\"w-full lg:w-3/12 px-4 lg:order-2 flex justify-center\">\n                                <div className=\"relative\">\n                                    <div className=\"w-40 -mt-20\">\n                                        <Image\n                                            src={ProfilePicture}\n                                            alt=\"Profile picture\"\n                                            raised\n                                            rounded\n                                        />\n                                    </div>\n                                </div>\n                            </div>\n                            <div className=\"w-full lg:w-4/12 px-4 lg:order-3 lg:self-center flex justify-center mt-10 lg:justify-end lg:mt-0\">\n                                <Button color=\"lightBlue\" ripple=\"light\">\n                                    Conntect\n                                </Button>\n                            </div>\n                            <div className=\"w-full lg:w-4/12 px-4 lg:order-1\">\n                                <div className=\"flex justify-center py-4 lg:pt-4 pt-8\">\n                                    <div className=\"mr-4 p-3 text-center\">\n                                        <span className=\"text-xl font-bold block uppercase tracking-wide text-gray-900\">\n                                            22\n                                        </span>\n                                        <span className=\"text-sm text-gray-700\">\n                                            Friends\n                                        </span>\n                                    </div>\n                                    <div className=\"mr-4 p-3 text-center\">\n                                        <span className=\"text-xl font-bold block uppercase tracking-wide text-gray-900\">\n                                            10\n                                        </span>\n                                        <span className=\"text-sm text-gray-700\">\n                                            Photos\n                                        </span>\n                                    </div>\n                                    <div className=\"lg:mr-4 p-3 text-center\">\n                                        <span className=\"text-xl font-bold block uppercase tracking-wide text-gray-900\">\n                                            89\n                                        </span>\n                                        <span className=\"text-sm text-gray-700\">\n                                            Comments\n                                        </span>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div className=\"text-center my-8\">\n                            <H3 color=\"gray\">Jenna Stones</H3>\n                            <div className=\"mt-0 mb-2 text-gray-700 font-medium flex items-center justify-center gap-2\">\n                                <Icon name=\"place\" size=\"xl\" />\n                                Los Angeles, California\n                            </div>\n                            <div className=\"mb-2 text-gray-700 mt-10 flex items-center justify-center gap-2\">\n                                <Icon name=\"work\" size=\"xl\" />\n                                Solution Manager - Creative Tim Officer\n                            </div>\n                            <div className=\"mb-2 text-gray-700 flex items-center justify-center gap-2\">\n                                <Icon name=\"account_balance\" size=\"xl\" />\n                                University of Computer Science\n                            </div>\n                        </div>\n\n                        <div className=\"mb-10 py-2 border-t border-gray-200 text-center\">\n                            <div className=\"flex flex-wrap justify-center\">\n                                <div className=\"w-full lg:w-9/12 px-4 flex flex-col items-center\">\n                                    <LeadText color=\"blueGray\">\n                                        An artist of considerable range, Jenna\n                                        the name taken by Melbourne-raised,\n                                        Brooklyn-based Nick Murphy writes,\n                                        performs and records all of his own\n                                        music, giving it a warm, intimate feel\n                                        with a solid groove structure. An artist\n                                        of considerable range.\n                                    </LeadText>\n                                    <a\n                                        href=\"#pablo\"\n                                        onClick={(e) => e.preventDefault()}\n                                    >\n                                        <Button\n                                            color=\"lightBlue\"\n                                            buttonType=\"link\"\n                                            ripple=\"dark\"\n                                        >\n                                            Show more\n                                        </Button>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </section>\n    );\n}\n","import DefaultNavbar from 'components/DefaultNavbar';\nimport DefaultFooter from 'components/DefaultFooter';\nimport Header from 'components/profile/Header';\nimport Content from 'components/profile/Content';\n\nexport default function Profile() {\n    return (\n        <>\n            <div className=\"absolute w-full z-20\">\n                <DefaultNavbar />\n            </div>\n            <main>\n                <Header />\n                <Content />\n            </main>\n            <DefaultFooter />\n        </>\n    );\n}\n","export default function SimpleFooter() {\n    return (\n        <>\n            {/* <footer className=\"pt-8 pb-6\">\n                <div className=\"container max-w-7xl mx-auto px-4\">\n                    <div className=\"flex flex-wrap justify-center gap-4 md:justify-between\">\n                        <ul className=\"list-unstyled flex gap-8\">\n                            <li>\n                                <a\n                                    href=\"https://github.com/creativetimofficial/material-tailwind/blob/main/LICENSE.md?ref=mtk\"\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                    className=\"text-white font-medium block pb-2 text-sm\"\n                                >\n                                    MIT License\n                                </a>\n                            </li>\n                            <li>\n                                <a\n                                    href=\"https://github.com/creativetimofficial/material-tailwind/blob/main/CONTRIBUTING.md?ref=mtk\"\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                    className=\"text-white font-medium block pb-2 text-sm\"\n                                >\n                                    Contribute\n                                </a>\n                            </li>\n                            <li>\n                                <a\n                                    href=\"https://github.com/creativetimofficial/material-tailwind/blob/main/CODE_OF_CONDUCT.md?ref=mtk\"\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                    className=\"text-white font-medium block pb-2 text-sm\"\n                                >\n                                    Code of Conduct\n                                </a>\n                            </li>\n                            <li>\n                                <a\n                                    href=\"https://creative-tim.com/contact-us?ref=mtk\"\n                                    target=\"_blank\"\n                                    rel=\"noreferrer\"\n                                    className=\"text-white font-medium block pb-2 text-sm\"\n                                >\n                                    Contact Us\n                                </a>\n                            </li>\n                        </ul>\n\n                        <div className=\"text-sm text-white font-medium\">\n                            Copyright © {new Date().getFullYear()} Material\n                            Tailwind by{' '}\n                            <a\n                                href=\"https://www.creative-tim.com?ref=mtk\"\n                                className=\"text-white\"\n                            >\n                                Creative Tim\n                            </a>\n                            .\n                        </div>\n                    </div>\n                </div>\n            </footer> */}\n        </>\n    );\n}\n","export default function Page({ children }) {\n    return (\n        <div className=\"bg-login-background bg-cover bg-center w-screen h-screen relative flex flex-col justify-between\">\n            {children}\n        </div>\n    );\n}\n","export default function Container({ children }) {\n    return (\n        <div className=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2\">\n            <div className=\"max-w-sm w-96\">{children}</div>\n        </div>\n    );\n}\n","import Card from '@material-tailwind/react/Card';\nimport CardHeader from '@material-tailwind/react/CardHeader';\nimport CardBody from '@material-tailwind/react/CardBody';\nimport CardFooter from '@material-tailwind/react/CardFooter';\nimport H5 from '@material-tailwind/react/Heading5';\nimport InputIcon from '@material-tailwind/react/InputIcon';\nimport Checkbox from '@material-tailwind/react/Checkbox';\nimport Button from '@material-tailwind/react/Button';\nimport DefaultNavbar from 'components/DefaultNavbar';\nimport SimpleFooter from 'components/SimpleFooter';\nimport Page from 'components/login/Page';\nimport Container from 'components/login/Container';\n\nexport default function Login() {\n    return (\n        <Page>\n            <DefaultNavbar />\n            <Container>\n                <Card>\n                    <CardHeader color=\"lightBlue\">\n                        <H5 color=\"white\" style={{ marginBottom: 0 }}>\n                            Login\n                        </H5>\n                    </CardHeader>\n\n                    <CardBody>\n                        <div className=\"mb-12 px-4 bg-bb\">\n                            <InputIcon\n                                type=\"email\"\n                                color=\"lightBlue\"\n                                placeholder=\"Email Address\"\n                                iconName=\"email\"\n                            />\n                        </div>\n                        <div className=\"mb-8 px-4\">\n                            <InputIcon\n                                type=\"password\"\n                                color=\"lightBlue\"\n                                placeholder=\"Password\"\n                                iconName=\"lock\"\n                            />\n                        </div>\n                        <div className=\"mb-4 px-4\">\n                            <Checkbox\n                                color=\"lightBlue\"\n                                text=\"Remember Me\"\n                                id=\"remember\"\n                            />\n                        </div>\n                    </CardBody>\n                    <CardFooter>\n                        <div className=\"flex justify-center bg-bb\">\n                            <Button\n                                color=\"lightBlue\"\n                                buttonType=\"link\"\n                                size=\"lg\"\n                                ripple=\"dark\"\n                            >\n                                Get Started\n                            </Button>\n                        </div>\n                    </CardFooter>\n                </Card>\n            </Container>\n            <SimpleFooter />\n        </Page>\n    );\n}\n","import Card from '@material-tailwind/react/Card';\nimport CardHeader from '@material-tailwind/react/CardHeader';\nimport CardBody from '@material-tailwind/react/CardBody';\nimport CardFooter from '@material-tailwind/react/CardFooter';\nimport H5 from '@material-tailwind/react/Heading5';\nimport InputIcon from '@material-tailwind/react/InputIcon';\nimport Button from '@material-tailwind/react/Button';\nimport DefaultNavbar from 'components/DefaultNavbar';\nimport SimpleFooter from 'components/SimpleFooter';\nimport Page from 'components/login/Page';\nimport Container from 'components/login/Container';\n\nexport default function Register() {\n    return (\n        <Page>\n            <DefaultNavbar />\n            <Container>\n                <Card>\n                    <CardHeader color=\"lightBlue\">\n                        <H5 color=\"white\" style={{ marginBottom: 0 }}>\n                            Register\n                        </H5>\n                    </CardHeader>\n\n                    <CardBody>\n                        <div className=\"mb-10 px-4\">\n                            <InputIcon\n                                type=\"text\"\n                                color=\"lightBlue\"\n                                placeholder=\"Full Name\"\n                                iconName=\"account_circle\"\n                            />\n                        </div>\n                        <div className=\"mb-10 px-4\">\n                            <InputIcon\n                                type=\"email\"\n                                color=\"lightBlue\"\n                                placeholder=\"Email Address\"\n                                iconName=\"email\"\n                            />\n                        </div>\n                        <div className=\"mb-4 px-4\">\n                            <InputIcon\n                                type=\"password\"\n                                color=\"lightBlue\"\n                                placeholder=\"Password\"\n                                iconName=\"lock\"\n                            />\n                        </div>\n                    </CardBody>\n                    <CardFooter>\n                        <div className=\"flex justify-center\">\n                            <Button\n                                color=\"lightBlue\"\n                                buttonType=\"link\"\n                                size=\"lg\"\n                                ripple=\"dark\"\n                            >\n                                Register\n                            </Button>\n                        </div>\n                    </CardFooter>\n                </Card>\n            </Container>\n            <SimpleFooter />\n        </Page>\n    );\n}\n","import { Switch, Route, Redirect } from 'react-router-dom';\nimport Landing from 'pages/Landing';\nimport Profile from 'pages/Profile';\nimport Login from 'pages/Login';\nimport Register from 'pages/Register';\n\n// Font Awesome Style Sheet\nimport '@fortawesome/fontawesome-free/css/all.min.css';\n\n// Tailwind CSS Style Sheet\nimport 'assets/styles/tailwind.css';\n\nfunction App() {\n    return (\n        <Switch>\n            <Route exact path=\"/\" component={Landing} />\n            <Route exact path=\"/profile\" component={Profile} />\n            <Route exact path=\"/login\" component={Login} />\n            <Route exact path=\"/register\" component={Register} />\n            <Redirect from=\"*\" to=\"/\" />\n        </Switch>\n    );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from 'App';\nimport reportWebVitals from 'reportWebVitals';\n\nReactDOM.render(\n    <React.StrictMode>\n        <BrowserRouter>\n            <App />\n        </BrowserRouter>\n    </React.StrictMode>,\n    document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}