{"version":3,"sources":["Mixer.svg","components/Button.js","components/NavBar.js","components/Footer.js","components/HeroSection.js","components/pages/Home.js","components/ProjectSection.js","components/pages/Mapps.js","components/pages/QuantumEd.js","components/pages/Shelves.js","components/pages/Mixer.js","components/pages/Roots.js","App.js","reportWebVitals.js","index.js"],"names":["STYLES","SIZES","Button","_ref","children","type","onClick","buttonStyle","buttonSize","checkButtonStyle","includes","checkButtonSize","_jsx","Link","to","className","concat","NavBar","click","setClick","useState","button","setButton","showButton","window","innerWidth","useEffect","addEventListener","_Fragment","_jsxs","handleClick","class","closeMobileMenu","Footer","id","name","placeholder","emailInput","document","getElementById","userEmail","value","body","location","href","encodeURIComponent","HeroSection","src","Home","ProjectSection","props","url","title","description","open","Mapps","projectProps","QuantumEd","Shelves","Mixer","Roots","App","Router","Switch","Route","path","exact","component","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","React","StrictMode"],"mappings":"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","file":"static/js/main.de0fa31c.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/Mixer.80d0265e.svg\";","import React from 'react'\nimport './Button.css'\nimport {Link} from 'react-router-dom'\n\nconst STYLES = ['btn--primary', 'btn--outline']\nconst SIZES = ['btn--medium', 'button--large']\n\nexport const Button = ({children, type, onClick, buttonStyle, buttonSize}) =>{\n    const checkButtonStyle = STYLES.includes(buttonStyle) ? buttonStyle : STYLES[0]\n\n    const checkButtonSize = SIZES.includes(buttonSize) ? buttonSize : SIZES[0]\n\n    return (\n        <Link to='/' className='btn-mobile'>\n            <button className={`btn ${checkButtonStyle} ${checkButtonSize}`} onClick={onClick} type={type}>\n                {children}\n            </button>\n        </Link>\n    )\n}","import React, { useState, useEffect } from 'react'\nimport { Link } from 'react-router-dom'\nimport mixerLogo from '../Mixer.svg';\nimport { Button } from './Button.js';\nimport './NavBar.css'\n\n\nfunction NavBar() {\n    const [click, setClick] = useState(false)\n    const [button, setButton] = useState(true)\n\n    const handleClick = () => setClick(!click)\n    const closeMobileMenu = () => setClick(false)\n    const showButton = () => {\n        if (window.innerWidth <= 960) {\n            setButton(false)\n        } else {\n            setButton(true)\n        }\n    }\n    useEffect(() => {\n        showButton([])\n    })\n\n    window.addEventListener('resize', showButton)\n\n    return (\n        <>\n            <nav className=\"navbar\">\n                <div className=\"navbar-container\">\n                    <div className='menu-icon' onClick={handleClick}>\n                        <i className={click ? 'fas fa-times' : 'fas fa-bars'} />\n                    </div>\n                    {/* {button && <Button buttonStyle='btn--outline'>SIGN UP</Button>} */}\n                    <ul className={click ? 'nav-menu active' : 'nav-menu'}>\n                        <li className='nav-item'>\n                            <Link to='/' className='social-logo'>\n                                <i class='fas fa-home' />\n                            </Link>\n                        </li>\n                        {/* <li className='nav-item'>\n                            <Link to='/' className='nav-links' onClick={closeMobileMenu}>\n                                Home\n                            </Link>\n                        </li> */}\n\n                        {/* <li className='nav-item'>\n                        <Link to='/mapps' className='nav-links' onClick={closeMobileMenu}>\n                            Mapps\n                        </Link>\n                    </li>\n                    <li className='nav-item'>\n                        <Link to='/mixer' className='nav-links' onClick={closeMobileMenu}>\n                            Mixer\n                        </Link>\n                    </li>\n                    <li className='nav-item'>\n                        <Link to='/quantum-ed' className='nav-links' onClick={closeMobileMenu}>\n                            Quantum Ed\n                        </Link>\n                    </li>\n                    <li className='nav-item'>\n                        <Link to='/shelves' className='nav-links' onClick={closeMobileMenu}>\n                            Shelves\n                        </Link>\n                    </li>\n                    <li className='nav-item'>\n                        <Link to='/roots' className='nav-links' onClick={closeMobileMenu}>\n                            Roots\n                        </Link>\n                    </li> */}\n                    </ul>\n                    <Link to=\"/\" className=\"navbar-logo\" onClick={closeMobileMenu}>\n                        {/* <img src={mixerLogo} class=\"app-logo-small\" /> */}\n\n                    </Link>\n                </div>\n            </nav>\n\n        </>\n    )\n}\n\nexport default NavBar\n","import React from 'react'\nimport { Link } from 'react-router-dom'\nimport { Button } from './Button'\nimport './Footer.css';\n\n\nfunction Footer() {\n    return (\n        <div className='footer-container'>\n            <section className='footer-subscription'>\n                <p className='footer-subscription-heading'>\n                    Want to understand how AI can work for your business?\n                </p>\n                <p className='footer-subscription-text'>\n                    Shoot us an email here\n                </p>\n                <div className='input-areas'>\n                    <input\n                        id='emailInput'\n                        className='footer-input'\n                        type='email'\n                        name='email'\n                        placeholder='Your Email'\n                    />\n                    <Button\n                        buttonStyle='btn--outline'\n                        onClick={() => {\n                            const emailInput = document.getElementById('emailInput');\n                            const userEmail = emailInput ? emailInput.value : '';\n                            const emailAddress = 'bobby@darkhouse-software.com';\n                            const subject = 'Inquiry: ';\n                            const body = `Hello, ${userEmail}. Ask us anything...`;\n                            window.location.href = `mailto:${emailAddress}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\n                        }}\n                    >\n                        Inquire\n                    </Button>\n                </div>\n            </section>\n            <div class='footer-links'>\n                <div className='footer-link-wrapper'>\n                    {/* <div class='footer-link-items'>\n                        <h2>About Us</h2>\n                        <Link to='/'>How we work</Link>\n                        <Link to='/'>Testimonials</Link>\n                        <Link to='/'>Investors</Link>\n                    </div>\n                    <div class='footer-link-items'>\n                        <h2>Contact Us</h2>\n                        <Link to='/'>Contact</Link>\n                        <Link to='/'>Support</Link>\n                        <Link to='/'>Sponsor Dark House</Link>\n                    </div>\n                    </div>\n                    <div className='footer-link-wrapper'>\n                    <div class='footer-link-items'>\n                        <h2>What's Next</h2>\n                        <Link to='/'>Sleep</Link>\n                        <Link to='/'>Personal accountability</Link>\n                        <Link to='/'>Quantum AI ML</Link>\n                    </div>\n                    <div class='footer-link-items'>\n                        <h2>Social Media</h2>\n                        <Link to='/'>Github ;)</Link>\n                        <Link to='/'>Instagram</Link>\n                        <Link to='/'>Youtube</Link>\n                    </div> */}\n                </div>\n            </div>\n            <section class='social-media'>\n                <div class='social-media-wrap'>\n                    <div class='footer-logo'>\n                        <Link to='/' className='social-logo'>\n                            Dark House\n                            <i class='fas fa-home' />\n                        </Link>\n                    </div>\n                    <small class='website-rights'>Dark House LLC © 2025</small>\n                    <div class='social-icons'>\n                        {/* <Link\n                            class='social-icon-link youtube'\n                            to='/'\n                            target='_blank'\n                            aria-label='Youtube'\n                        >\n                            <i class='fab fa-youtube' />\n                        </Link> */}\n                    </div>\n                </div>\n            </section>\n        </div>\n    )\n}\n\nexport default Footer\n","import React from 'react'\nimport { Button } from './Button'\nimport './HeroSection.css'\nimport '../App.css'\n\nfunction openVideo() {\n    const videoUrl = 'https://youtu.be/dQw4w9WgXcQ?si=jEsWTt-ABTvrNdwk';\n    window.open(videoUrl, '_blank'); // Opens the video URL in a new tab or window\n}\n\nfunction HeroSection() {\n    return (\n        <div className='hero-container'>\n            {/* <video src='/videos/video-2.mp4' autoPlay loop muted/> */}\n            <img src=\"../images/dark-house2.jpg\" />\n            <h1>Dark House</h1>\n            {/* <p>Software Productions</p> */}\n            {/* <div className='hero-btns'>\n                <Button className='btns' buttonStyle='btn--outline' buttonSize='btn--large'>\n                    Click\n                    </Button>\n                <Button className='btns' buttonStyle='btn--primary' buttonSize='btn--large' onClick={openVideo}>\n                    Hype \n                    <i className='far fa-play-circle'/>\n                </Button> */}\n        </div>\n    )\n}\n\nexport default HeroSection\n","import React from 'react'\nimport '../../App.css'\nimport Cards from '../Cards'\nimport Footer from '../Footer'\nimport HeroSection from '../HeroSection'\n\nfunction Home () {\n    return (\n        <>\n            <HeroSection/>\n            {/* <Cards/> */}\n            <Footer/>\n        </>\n    )\n}\n\nexport default Home","import React from 'react'\nimport { Button } from './Button'\nimport './ProjectSection.css'\nimport '../App.css'\n\n\nfunction ProjectSection(props) {\n\n    const { url, title, description } = props\n\n    function openProject() {\n        window.open(url, '_blank'); // Opens the video URL in a new tab or window\n    }\n\n    return (\n        <div className='project-container'>\n            <h1>{title}</h1>\n            <p>{description}</p>\n            <div className='project-btns'>\n                <Button className='btns' buttonStyle='btn--outline' buttonSize='btn--large' onClick={openProject}>\n                    Open {title}\n                    <i className=\"fas fa-external-link-alt\"></i>\n                </Button>\n            </div>\n        </div>\n    )\n}\n\nexport default ProjectSection\n","import React from 'react';\nimport '../../App.css';\nimport ProjectSection from '../ProjectSection'\n\n\nexport default function Mapps() {\n  const projectProps = {\n    url: \"https://mapps.com\",\n    title: \"MAPPS\",\n    description: \"Create and share custom mapps of your favorite locations.\"\n  };\n\n  return (\n    <div className='mapps'>\n        <ProjectSection \n        url={projectProps.url}\n        title={projectProps.title}\n        description={projectProps.description}\n        />\n    </div>\n  );\n}","import React from 'react'\nimport '../../App.css'\nimport ProjectSection from '../ProjectSection'\n\n\nexport default function QuantumEd() {\n    const projectProps = {\n        url: \"https://quantum-ed.com\",\n        title: \"QUANTUM ED\",\n        description: \"Interactive Lessons on Quantum Education.\"\n      };\n    \n      return (\n        <div className='quantum-ed'>\n            <ProjectSection \n            url={projectProps.url}\n            title={projectProps.title}\n            description={projectProps.description}\n            />\n        </div>\n      );\n    }","import React from 'react'\nimport '../../App.css'\nimport ProjectSection from '../ProjectSection'\n\nexport default function Shelves() {\n    const projectProps = {\n        url: \"https://shelves.com\",\n        title: \"SHELVES\",\n        description: \"Keep tabs on your home library.\"\n      };\n    \n      return (\n        <div className='shelves'>\n            <ProjectSection \n            url={projectProps.url}\n            title={projectProps.title}\n            description={projectProps.description}\n            />\n        </div>\n      );\n    }","import React from 'react'\nimport '../../App.css'\nimport ProjectSection from '../ProjectSection'\n\n\nexport default function Mixer() {\n    const projectProps = {\n        url: \"https://mixxer.com\",\n        title: \"MIXER\",\n        description: \"This is a brief description of Mixer.\"\n      };\n    \n      return (\n        <div className='mixer'>\n            <ProjectSection \n            url={projectProps.url}\n            title={projectProps.title}\n            description={projectProps.description}\n            />\n        </div>\n      );\n    }","import React from 'react'\nimport '../../App.css'\nimport ProjectSection from '../ProjectSection'\n\nexport default function Roots() {\n    const projectProps = {\n        url: \"https://roots.com\",\n        title: \"ROOTS\",\n        description: \"Quickly build out your family tree.\"\n      };\n    \n      return (\n        <div className='roots'>\n            <ProjectSection \n            url={projectProps.url}\n            title={projectProps.title}\n            description={projectProps.description}\n            />\n        </div>\n      );\n    }","import mixerLogo from './Mixer.svg';\nimport './App.css';\nimport NavBar from './components/NavBar'\nimport { BrowserRouter as Router, Switch, Route } from 'react-router-dom'\nimport Home from './components/pages/Home'\nimport Mapps from './components/pages/Mapps'\nimport QuantumEd from './components/pages/QuantumEd'\nimport Shelves from './components/pages/Shelves'\nimport Mixer from './components/pages/Mixer'\nimport Roots from './components/pages/Roots'\n\n\n/// splash/loading screen\n// function App() {\n//   return (\n//     <div className=\"App\">\n//       <header className=\"App-header\">\n//         <img src={mixerLogo} class=\"App-logo\" />\n//         <p>\n//           Stocking the bar...\n//         </p>\n//       </header>\n//     </div>\n//   );\n// }\n\nfunction App() {\n  return (\n    <>\n    <Router>\n      <NavBar />\n      <Switch>\n        <Route path='/' exact component={Home} />\n        <Route path='/mapps' component={Mapps}/>\n        <Route path='/mixer' component={Mixer}/>\n        <Route path='/quantum-ed' component={QuantumEd}/>\n        <Route path='/shelves' component={Shelves}/>\n        <Route path='/roots' component={Roots}/>\n      </Switch>\n    </Router>\n    </>\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 './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}