403WebShell

403Webshell

Server IP : 45.32.152.128 / Your IP : 216.73.216.91
Web Server : nginx/1.24.0
System : Linux stage-vultr 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User : forge ( 1000)
PHP Version : 8.2.14
Disable Function : NONE
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON
Directory : /proc/1182/cwd/fragments/

Upload File :

[ Back ]

Current File : /proc/1182/cwd/fragments/Reason.tsx

import DarkMode from 'components/Icons/DarkMode'
import React, { useState } from 'react'

function Reason() {
    const [darkMode, setDarkMode] = useState(false);
    const [isDarkMode, setIsDarkMode] = useState(false)

    const handleClick = () => {
        setDarkMode(!darkMode);
    };
    return (
        <div className={`App ${darkMode ? "dark" : ""}`}>
            <div className='relative lg:flex lg:flex-row-reverse lg:space-x-32 lg:space-x-reverse lg:items-center mt-10 bg-yellow dark:bg-black transition-all duration-300 ease-in-out'>
                <div className="lg:w-1/2 sm:mx-8 font-Nunito">
                    <h3 className='font-bold text-2xl text-center p-5 sm:text-left dark:text-white transition-all duration-300 ease-in-out'>Proč mít světlovody?</h3>
                    <p className='text-base text-gray p-5 w-full sm:w-3/4 dark:text-white transition-all duration-300 ease-in-out'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi nisi, venenatis eu hendrerit non, imperdiet vitae augue.</p>
                    <div className="flex text-base w-50 mt-2 m-auto sm:ml-4 font-bold text-white dark:text-black bg-black dark:bg-white p-5 rounded-full">
                        <svg className='w-5 mr-2 text-white' viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1" fill="white"><path d="M20.7251 19.3853C21.2978 18.8646 20.774 17.9843 20 17.9843C14.4772 17.9843 10 13.5072 10 7.9843C10 6.75994 10.22 5.58696 10.6227 4.50277C10.941 3.64587 10.2131 2.68098 9.40172 3.10189C6.19257 4.76659 4 8.1194 4 11.9843C4 17.5072 8.47715 21.9843 14 21.9843C16.5895 21.9843 18.9491 21.0001 20.7251 19.3853Z"></path></mask><path d="M20.7251 19.3853L21.7342 20.4951L20.7251 19.3853ZM20 16.4843C15.3056 16.4843 11.5 12.6787 11.5 7.9843H8.5C8.5 14.3356 13.6487 19.4843 20 19.4843V16.4843ZM11.5 7.9843C11.5 6.94087 11.6873 5.94461 12.0289 5.02503L9.21659 3.9805C8.75275 5.22932 8.5 6.579 8.5 7.9843H11.5ZM5.5 11.9843C5.5 8.70126 7.3609 5.85035 10.0924 4.4334L8.71101 1.77038C5.02425 3.68284 2.5 7.53753 2.5 11.9843H5.5ZM14 20.4843C9.30558 20.4843 5.5 16.6787 5.5 11.9843H2.5C2.5 18.3356 7.64873 23.4843 14 23.4843V20.4843ZM19.716 18.2754C18.2053 19.649 16.2019 20.4843 14 20.4843V23.4843C16.977 23.4843 19.6929 22.3511 21.7342 20.4951L19.716 18.2754ZM12.0289 5.02503C12.3808 4.07747 12.1647 3.06269 11.5936 2.36942C10.9758 1.61944 9.84482 1.18223 8.71101 1.77038L10.0924 4.4334C9.98814 4.4875 9.81098 4.52707 9.61334 4.47731C9.43449 4.43228 9.32776 4.33717 9.2781 4.27688C9.19422 4.17505 9.18291 4.07117 9.21659 3.9805L12.0289 5.02503ZM20 19.4843C19.812 19.4843 19.6457 19.3814 19.5518 19.2098C19.4999 19.115 19.4491 18.9596 19.4737 18.762C19.5003 18.5471 19.6052 18.3762 19.716 18.2754L21.7342 20.4951C22.611 19.6979 22.6187 18.5646 22.1833 17.7692C21.7771 17.0274 20.962 16.4843 20 16.4843V19.4843Z" fill="#62615E" mask="url(#path-1-inside-1)"></path></svg>
                        <button onClick={handleClick} className=''>Zhasněte světlo</button>
                    </div>
                </div>
                <div className="lg:w-1/2">
                    <img className='w-3/4 ml-12 py-20 sm:ml-50' src={darkMode ? "/assets/img/Home-dark.png" : "/assets/img/Home.png"} alt="Home" />
                </div>
            </div>
        </div>
    )
}

export default Reason

Youez - 2016 - github.com/yon3zu
LinuXploit