Added aditional signup button on landing page

neighborhood-app · Feb 24, 2024 · 4094a51 · 4094a51
1 parent 9e1897e
commit 4094a51
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/apps/frontend/src/pages/LandingPage/LandingPage.module.css b/apps/frontend/src/pages/LandingPage/LandingPage.module.css
@@ -454,7 +454,7 @@ img {
   }
 
   .home {
-    gap: 60px;
+    gap: 30px;
   }
 }
 

diff --git a/apps/frontend/src/pages/LandingPage/LandingPage.tsx b/apps/frontend/src/pages/LandingPage/LandingPage.tsx
@@ -104,7 +104,7 @@ export default function LandingPage() {
       duration: 600,
     });
 
-    ScrollReveal().reveal('[class*="signupBtn"]', {
+    ScrollReveal().reveal('[class*="home"]', {
       delay: 800,
       easing: 'ease-in',
       origin: 'top',
@@ -116,7 +116,7 @@ export default function LandingPage() {
   return (
     <div className={styles.wrapper}>
       <Navbar className={styles.header} expand="lg" sticky="top">
-        <Navbar.Brand href="#home">
+        <Navbar.Brand href="#home" className={styles.logo}>
           <i className="fa-solid fa-people-roof"></i>
           <span> Neighborhood</span>
         </Navbar.Brand>
@@ -156,6 +156,9 @@ export default function LandingPage() {
             and support? Introducing Neighborhood, the social-media app designed to foster
             meaningful connections, and build a stronger, more closely associated community.
           </p>
+          <CustomBtn className={styles.btn} variant="primary">
+            Sign Up
+          </CustomBtn>
         </div>
 
         <div className={styles.imageContainer}>