About Section Added

Author: shree404

src/Components/landingpage/about.jsx

@@ -0,0 +1,11 @@
+import Title from "./title";
+
+function AboutUs(){
+    return(
+        <>
+        <Title title={"About NEPTECH Tribe"}  head={"About Us"} />
+        </>
+    )
+}
+
+export default AboutUs;

src/Pages/Landingpage.jsx

@@ -1,11 +1,13 @@
 import Navbar from "../Components/landingpage/Navbar";
 import Hero from "../Components/landingpage/hero";
+import AboutUs from "../Components/landingpage/about";
 
 function LandingPage(){
     return(
         <>
         <Navbar/>
         <Hero/>
+        <AboutUs/>
         </>
     )
 }

src/Styles/App.css

@@ -84,4 +84,20 @@
   text-align: center;
   font-size: 1rem;
   font-family: "Poppins", sans-serif;
+}
+
+.Title {
+  padding: 2rem;
+  text-align: center;
+}
+.Title-title {
+  font-size: 1.25rem;
+  font-family: "Lobster Two", sans-serif;
+  color: #000080;
+}
+.Title-head {
+  font-size: 2.5rem;
+  color: black;
+  font-family: "Poppins", sans-serif;
+  font-weight: 500;
 }/*# sourceMappingURL=App.css.map */

src/Styles/App.css.map

@@ -1,4 +1,5 @@
 @import 'Navbar';
 @import 'Hero';
 @import 'Button';
-@import 'Head'
+@import 'Head';
+@import 'Title'

src/Styles/LandingPage/_Index.scss

@@ -1,5 +1,5 @@
-Title{
-    padding: 1rem;
+.Title{
+    padding: 2rem;
     text-align: center;
     &-title{
         font-size: 1.25rem;
@@ -8,7 +8,8 @@ Title{
     }
     &-head{
         font-size: 2.5rem;
-        color: #36454f;
+        color: black;
         font-family: $font;
+        font-weight: 500;
     }
 }