chore: back to homepage button

Author: caiolima-stage

src/pages/Vip/index.css

@@ -7,7 +7,7 @@
   width: 100%;
   max-width: 360px;
 
-  margin-top: 550px;
+  margin-top: 650px;
   padding-bottom: 50px;
 }
 
@@ -60,4 +60,14 @@
   border: 1px solid #474648;
   border-collapse: collapse;
   padding: 4px;
+}
+
+.homepage-button {
+  width: 100%;
+  border: 0;
+  background: #2A3038;
+  padding: 12px 8px;
+  border-radius: 100px;
+  font-weight: 700;
+  color: #FFFFFF;
 }

src/pages/Vip/index.tsx

@@ -1,10 +1,13 @@
 import { useState } from 'react';
 import Menu from '../../components/Menu';
 import "./index.css";
+import { useNavigate } from 'react-router-dom';
 
 const Vip = () => {
   const [isMenuVisible, setIsMenuVisible] = useState<boolean>(false)
 
+  const navigate = useNavigate();
+
   const toggleMenu = () => {
     setIsMenuVisible(prevState => !prevState);
   }
@@ -92,6 +95,9 @@ const Vip = () => {
             </div>
           </li>
         </ol>
+        <button className="homepage-button" onClick={() => navigate("/")}>
+          Back to homepage
+        </button>
       </div>
     </>
   );