diff --git a/src/Components/Footer.css b/src/Components/Footer.css
index 262a35f6..d3a46f2b 100644
--- a/src/Components/Footer.css
+++ b/src/Components/Footer.css
@@ -101,6 +101,30 @@
   display: flex;
 }
 
+.go-pro-btn {
+  background: linear-gradient(#ff21bc, #b21783);
+  font-style: oblique;
+  font-weight: bold;
+  font-size: 20px;
+  border-radius: 25px;
+  transition: ease-in-out 500ms;
+  margin-right: 1rem;
+  text-decoration: none !important;
+}
+
+.go-pro-btn:hover {
+  background-color: #b21783;
+  font-size: 22px;
+}
+
+.profileContainer a {
+  text-decoration: none;
+}
+
+.footer-title a {
+  text-decoration: none;
+}
+
 @media (max-width: 768px) {
   .footer-container {
     flex-direction: column;
diff --git a/src/Components/Footer.js b/src/Components/Footer.js
index 093643d0..d8e81bcf 100644
--- a/src/Components/Footer.js
+++ b/src/Components/Footer.js
@@ -8,7 +8,7 @@ const Footer = () => {
       <div className='footer-container footer-container-md'>
         <div className='footer-1'>
           <img src={logo} alt="logo"/>
-          <div className='footer-title'>UniCollab</div>
+          <div className='footer-title'>Unicollab</div>
         </div>
         <div className='footer-half footer-sections'>
           <div className='footer-2'>
diff --git a/src/Components/TopContainer.js b/src/Components/TopContainer.js
index 63da71ae..4ef704b5 100644
--- a/src/Components/TopContainer.js
+++ b/src/Components/TopContainer.js
@@ -110,6 +110,7 @@ function TopContainer() {
       </div>
 
       <div className='profileContainer'>
+        <a href="/pricing"><button className="go-pro-btn">Go Pro</button></a>
         <div className='notification-container' ref={dropdownRef}>
           <div className='profileIcon' onClick={toggleDropdown}>
             <FaBell />