From 5500a6dda984813adb6dd1be7186e6012ad1e51c Mon Sep 17 00:00:00 2001
From: tony <tony@shilohsoftware.com>
Date: Thu, 20 Apr 2023 12:27:09 -0700
Subject: [PATCH] Added sections to the rest of the pages

---
 Components/Layout/section.jsx | 15 +++++++------
 pages/about.js                |  4 +++-
 pages/contactus.js            | 11 +++++----
 pages/getinvolved.js          | 42 ++++++++++++++++++++++++++++++++++-
 pages/hireus.js               |  9 +++++++-
 pages/index.js                |  1 -
 pages/projects.js             |  9 +++++++-
 styles/globals.css            |  5 ++---
 8 files changed, 75 insertions(+), 21 deletions(-)

diff --git a/Components/Layout/section.jsx b/Components/Layout/section.jsx
index 70b2255..1053ff0 100644
--- a/Components/Layout/section.jsx
+++ b/Components/Layout/section.jsx
@@ -60,13 +60,14 @@ const Section = ({
         </div>
         <div className="flex justify-start space-x-4">
           <VideoButton videoId={videoId} buttonOneText={buttonOneText} />
-          <Link
-            href={buttonLink}
-            passHref
-            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>
+          {buttonLink && (
+  <Link
+    href={buttonLink}
+    id="ButtonLink" className="px-4 mt-8 mx-5 py-2 text-white "
+  >
+    {buttonTwoText}
+  </Link>
+)}
         </div>
       </div>
     </div>
diff --git a/pages/about.js b/pages/about.js
index faee22a..0714a62 100644
--- a/pages/about.js
+++ b/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"
       />
 
diff --git a/pages/contactus.js b/pages/contactus.js
index 5ae612e..198a163 100644
--- a/pages/contactus.js
+++ b/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
-        key="contactSection0"
-        videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
-        text="contact us"
-        buttonTwoText="learn more"
-        buttonOneText="watch" videoId="uu01xBw_BVE"
+      <ContactFormSection
+      text="say hello"
+
+      buttonText="contact us"
       />
       </>
   );
diff --git a/pages/getinvolved.js b/pages/getinvolved.js
index b4cbb61..c1eb597 100644
--- a/pages/getinvolved.js
+++ b/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"
+/>
       </>
   );
 }
diff --git a/pages/hireus.js b/pages/hireus.js
index a782823..618a395 100644
--- a/pages/hireus.js
+++ b/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"
+      />
       </>
   );
 }
diff --git a/pages/index.js b/pages/index.js
index 2977009..d63afea 100644
--- a/pages/index.js
+++ b/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 (
     <>
diff --git a/pages/projects.js b/pages/projects.js
index 7932235..58de40e 100644
--- a/pages/projects.js
+++ b/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"
       />
       </>
   );
diff --git a/styles/globals.css b/styles/globals.css
index 217e0fd..84db384 100644
--- a/styles/globals.css
+++ b/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{
   }
 }
 
-