Added sections to the rest of the pages

Components/Layout/section.jsx

@@ -60,13 +60,14 @@ const Section = ({
         </div>
         <div className="flex justify-start space-x-4">
           <VideoButton videoId={videoId} buttonOneText={buttonOneText} />
+          {buttonLink && (
   <Link
     href={buttonLink}
-            passHref
+    id="ButtonLink" className="px-4 mt-8 mx-5 py-2 text-white "
-            className="px-4 mt-8 mx-5 py-2 text-white underline border-white rounded hover:border-white transition duration-300 ease-in-out focus:outline-none"
   >
     {buttonTwoText}
   </Link>
+)}
         </div>
       </div>
     </div>

pages/about.js

@@ -11,7 +11,7 @@ export default function Home() {
   key="aboutSection0"
   videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
   text="about"
-  buttonTwoText="reach out"
+  buttonTwoText="say hello"
   buttonLink="#contact"
   buttonOneText="watch"
   videoId="uu01xBw_BVE"
@@ -22,6 +22,7 @@ export default function Home() {
         videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
         text="core team"
         buttonOneText="watch"
+        buttonLink=""
         videoId="uu01xBw_BVE"
       />
       <Section
@@ -29,6 +30,7 @@ export default function Home() {
         videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
         text="what we do"
         buttonOneText="watch"
+        buttonLink=""
         videoId="uu01xBw_BVE"
       />
 

pages/contactus.js

@@ -1,17 +1,16 @@
 import React from "react";
 import Navbar from "../Components/Layout/navbar.jsx";
 import Section from "../Components/Layout/section.jsx"
+import ContactFormSection from "@/Components/Layout/ContactFormSection.jsx";
 
 export default function Home() {
   return (
     <>
       <Navbar />
-      <Section
+      <ContactFormSection
-        key="contactSection0"
+      text="say hello"
-        videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
+
-        text="contact us"
+      buttonText="contact us"
-        buttonTwoText="learn more"
-        buttonOneText="watch" videoId="uu01xBw_BVE"
       />
       </>
   );

pages/getinvolved.js

@@ -1,6 +1,7 @@
 import React from "react";
 import Navbar from "../Components/Layout/navbar.jsx";
 import Section from "../Components/Layout/section.jsx"
+import ContactFormSection from "@/Components/Layout/ContactFormSection.jsx";
 
 export default function Home() {
   return (
@@ -10,9 +11,48 @@ export default function Home() {
         key="getInvolved0"
         videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
         text="get involved"
-        buttonTwoText="learn more"
+        buttonLink="#contact"
+        buttonTwoText="say hello"
         buttonOneText="watch" videoId="uu01xBw_BVE"
       />
+      <Section
+        key="getInvolved1"
+        videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
+        text="Community"
+        buttonLink="/"
+        buttonTwoText="Join Us"
+        buttonOneText="watch" videoId="uu01xBw_BVE"
+      />
+      <Section
+        key="getInvolved2"
+        videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
+        text="Intern"
+        buttonLink="#contact"
+        buttonTwoText="reach out"
+        buttonOneText="watch" videoId="uu01xBw_BVE"
+      />
+      <Section
+        key="getInvolved3"
+        videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
+        text="Resources"
+        buttonLink=""
+        buttonTwoText=""
+        buttonOneText="watch" videoId="uu01xBw_BVE"
+      />
+      <Section
+        key="getInvolved2"
+        videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
+        text="Newsletter"
+        buttonLink=""
+        buttonTwoText="Join Our Newsletter"
+        buttonOneText="watch" videoId="uu01xBw_BVE"
+      />
+
+
+<ContactFormSection
+text="say hello"
+buttonText="contact us"
+/>
       </>
   );
 }

pages/hireus.js

@@ -1,6 +1,7 @@
 import React from "react";
 import Navbar from "../Components/Layout/navbar.jsx";
 import Section from "../Components/Layout/section.jsx"
+import ContactFormSection from "@/Components/Layout/ContactFormSection.jsx";
 
 export default function Home() {
   return (
@@ -10,9 +11,15 @@ export default function Home() {
         key="hireUs0"
         videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
         text="hire us"
-        buttonTwoText="hire us"
+        buttonLink="#contact"
+        buttonTwoText="contact us"
         buttonOneText="watch" videoId="uu01xBw_BVE"
       />
+      <ContactFormSection
+      text="say hello"
+
+      buttonText="contact us"
+      />
       </>
   );
 }

pages/index.js

@@ -4,7 +4,6 @@ import Navbar from "../Components/Layout/navbar.jsx";
 import Section from "../Components/Layout/section.jsx"
 import ContactFormSection from "@/Components/Layout/ContactFormSection.jsx";
 
-
 export default function Home() {
   return (
     <>

pages/projects.js

@@ -1,6 +1,7 @@
 import React from "react";
 import Navbar from "../Components/Layout/navbar.jsx";
 import Section from "../Components/Layout/section.jsx"
+import ContactFormSection from "@/Components/Layout/ContactFormSection.jsx";
 
 export default function Home() {
   return (
@@ -10,8 +11,14 @@ export default function Home() {
         key="projects0"
         videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
         text="projects"
-        buttonTwoText="projects"
+        buttonLink="#contact"
+        buttonTwoText="say hello"
         buttonOneText="watch" videoId="uu01xBw_BVE"
+      />
+       <ContactFormSection
+      text="say hello"
+
+      buttonText="contact us"
       />
       </>
   );

styles/globals.css

@@ -58,7 +58,7 @@ nav{
   display: flex;
   flex-direction: column;
   row-gap: 6px;
-  cursor: pointer;
+  cursor: grab;
 }
 .nav__menu-bar div{
   width: 40px;
@@ -132,7 +132,7 @@ nav{
     height: 1px;
     bottom: -1px;
     left: 0;
-    background-color: white;
+    background-color: rgb(59, 130, 246);
     transition: all 0.2s;
     z-index: 1;
   }
@@ -142,4 +142,3 @@ nav{
   }
 }
 
-