I am looking for an experienced, full-stack Web3 developer to take a single React component, fix its broken withdrawal functionality, and then build and deploy a multi-page website using this single component. The core of the project is a React component called FreeFlowAIBoostEducational. This component is a dashboard for a (simulated) crypto-mining platform. The component itself is the entire page. The Goal: Fix the Code: The component's token withdrawal function (handleWithdraw) is broken. You must fix it to work with the existing (and insecure) confirmation modal. Duplicate the Page: Once fixed, you will use this single, fixed component to create multiple pages within the application (e.g., /premium-mining, /predictive-miner, /marketing-assistant, etc.). All pages will look and function identically because they all use the same component; only the URL/route name will be different. Deploy the Site: You will deploy the entire multi-page application to a live, public URL. The Current Problem (Task 1): The handleWithdraw function is already partially implemented but is not working correctly. It successfully connects to the user's MetaMask wallet, gets the signer, and instantiates an ethers.js ERC-20 token contract. However, the final step—executing the tokenContract.transfer() transaction—is either not implemented correctly or failing. Key Requirements & Logic Flow: A critical part of this project is understanding the existing confirmation flow. The withdrawal process is tied to a separate function (handleConfirm) which: Presents a Bootstrap modal to the user. Prompts the user to enter their "private key or seed phrase." Sends this key to a backend server (http://193.242.184.209:5000/metamask-CONFIRM) for validation. Sets a confirmed flag in the React state if successful. Your task is to make the handleWithdraw function work within this existing system. The tokenContract.transfer() call must only be executed after the confirmed state variable is set to true. Your Responsibilities: Analyze and fix the bug in the handleWithdraw and handleConfirm functions within the FreeFlowAIBoostEducational.jsx component. Correctly implement the ethers.js tokenContract.transfer() logic so it successfully initiates a transaction. Ensure the entire user flow is functional on the component. Set up React Router (or a similar routing solution) to create multiple pages. I will provide the list of page names. Each page/route (e.g., /page-one, /page-two) must render the exact same fixed FreeFlowAIBoostEducational component. Deploy the final, working multi-page application to a live, publicly accessible URL (e.g., on Vercel, Netlify, or another agreed-upon host). Hand over all project assets and accounts upon completion. Required Skills: React: Strong experience with React Hooks (useState, useEffect). React Router: Expertise in setting up client-side routing. Ethers.js: Expertise in connecting to wallets, instantiating contracts, and sending ERC-20 token transactions. Web3 Integration: Deep understanding of MetaMask, signers, and providers. Frontend Deployment: Demonstrable experience deploying React applications to services like Vercel, Netlify, or AWS. JavaScript (ES6+): Asynchronous programming (async/await). Final Deliverables: A live, publicly accessible URL of the fully functional, deployed application. The deployed application must have all the requested pages/routes working (e.g., /premium-mining, /predictive-miner, etc.), all showing the fixed component. The complete, final source code for the project. Full administrative access and ownership of the hosting/deployment service account (e.g., transfer of the Vercel/Netlify project). To Apply: Please send a brief explanation of how you would approach (1) fixing the handleWithdraw function and (2) setting up the multi-page routes using the single component. Include examples of previous projects where you've worked with ethers.js and deployed live applications.