Merge pull request #36 from NepTechTribe/new

Testimonials section added

Author: shree404

src/Components/landingpage/button.jsx

@@ -1,8 +1,20 @@
-function Button({buttontext,buttonclass , buttoncontainer}){
+import { useNavigate } from 'react-router-dom';
+
+
+
+function Button({buttontext,buttonclass , buttoncontainer ,location}){
+
+    const navigate = useNavigate();
+
+    const handleClick = () => {
+      navigate(location);
+    };
+
+
     return(
         <>
         <div className={buttoncontainer} >
-        <button className={buttonclass}>{buttontext}</button>
+        <button className={buttonclass}  onClick={handleClick}>{buttontext}</button>
         </div>
         </>
     )

src/Pages/pagenotfound.jsx

@@ -28,7 +28,7 @@ function PageNotFound(){
                 <div className="Breadcrum-footer">
             <h3>404 error</h3>
             <p>opps! this page is not found</p>
-            <Button buttontext={"Back to Home"} buttonclass={"herobutton"} buttoncontainer={"Button-container"}/>
+            <Button buttontext={"Back to Home"} buttonclass={"herobutton"} buttoncontainer={"Button-container"} location={"/"}/>
         </div>
                 </Col>
             </Row>

src/Styles/App.css

@@ -357,7 +357,7 @@
   }
   .Testimonials-individual {
     width: 100%;
-    height: 30rem;
+    height: 20rem;
   }
 }
 @media screen and (min-width: 576px) and (max-width: 1024px) {

src/Styles/LandingPage/_Testimonials.scss

@@ -77,7 +77,7 @@
         padding-bottom: 3rem;
         &-individual{
             width: 100%;
-            height: 30rem;
+            height: 20rem;
         }
     }
   }