Updated Go Pro button

Signed-off-by: Hemashree M S <hemashree21.msh@gmail.com>
SUGAM-ARORA · Jun 3, 2024 · c47ebfe · c47ebfe
1 parent 4b87f62
commit c47ebfe
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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 />