From aae0fadd34d54963549a763ca6905173324b09c5 Mon Sep 17 00:00:00 2001
From: Gary <pgx7aiqs@anonaddy.me>
Date: Thu, 31 Aug 2023 09:52:46 -0700
Subject: [PATCH] hotfix buttons and file removal

---
 components/layouts/Section.jsx    | 20 ++++++++++++++++----
 components/layouts/SectionTwo.jsx | 15 +++------------
 pages/about.js                    |  2 +-
 pages/getinvolved.js              |  2 +-
 pages/hireus.js                   | 30 ------------------------------
 pages/projects.js                 | 26 --------------------------
 tailwind.config.js                |  4 ++--
 7 files changed, 23 insertions(+), 76 deletions(-)
 delete mode 100644 pages/hireus.js
 delete mode 100644 pages/projects.js

diff --git a/components/layouts/Section.jsx b/components/layouts/Section.jsx
index 46425ab..ee9e598 100644
--- a/components/layouts/Section.jsx
+++ b/components/layouts/Section.jsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useRef, useState } from "react";
 import VideoButton from "../buttons/VideoButton.jsx";
+import Link from "next/link";
 
 function Section({
   videoUrl,
@@ -8,6 +9,8 @@ function Section({
   headingLevel = 1,
   buttonVideoURL,
   buttonOneText,
+  buttonTwoText,
+  buttonLink,
   posterPath,
 }) {
   const videoRef = useRef(null);
@@ -59,10 +62,19 @@ function Section({
           <Heading className="lg:text-5xl md:text-4xl sm:text-3xl text-3xl text-center text-white break-normal">
             {text}
           </Heading>
-          <VideoButton
-            buttonVideoURL={buttonVideoURL}
-            buttonOneText={buttonOneText}
-          />
+          <div className="flex flex-col sm:flex-row sm:space-x-4 items-center justify-center">
+            <VideoButton
+              buttonVideoURL={buttonVideoURL}
+              buttonOneText={buttonOneText}
+            />
+            <Link
+              href={buttonLink}
+              id="ButtonLink"
+              className="mt-8 px-4 py-2 text-white"
+            >
+              {buttonTwoText}
+            </Link>
+          </div>
         </div>
       </div>
     </div>
diff --git a/components/layouts/SectionTwo.jsx b/components/layouts/SectionTwo.jsx
index 7f373ba..bd0415d 100644
--- a/components/layouts/SectionTwo.jsx
+++ b/components/layouts/SectionTwo.jsx
@@ -1,19 +1,10 @@
 import Button from "../buttons/Button.jsx";
 
-const SectionTwo = ({
-  buttonText,
-  buttonLink,
-  text,
-}) => {
+const SectionTwo = ({ buttonText, buttonLink, text }) => {
   return (
     <>
-      <div
-        id="contact"
-        className="relative z-10 h-screen w-screen bg-black" // Added bg-black class
-      >
-        <div className="absolute inset-0 z-0">
-          {/* ... */}
-        </div>
+      <div className="relative z-10 h-screen w-screen bg-black">
+        <div className="absolute inset-0 z-0"></div>
         <div className="relative flex flex-col items-center justify-center h-full">
           <div className="relative flex justify-center items-end w-full mb-20">
             <h1 className="lg:text-5xl md:text-4xl sm:text-3xl text-3xl text-center text-white break-normal">
diff --git a/pages/about.js b/pages/about.js
index a01969b..39fa635 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -28,7 +28,7 @@ export default function Home() {
         videoUrl="/about.mp4"
         posterPath="/about.png"
         text="about"
-        buttonTwoText="say hello"
+        buttonTwoText="contact"
         buttonLink="#contact"
         buttonOneText="watch"
         buttonVideoURL="https://odysee.com/@shilohcode:e/about:11"
diff --git a/pages/getinvolved.js b/pages/getinvolved.js
index 98fac0e..ba25694 100644
--- a/pages/getinvolved.js
+++ b/pages/getinvolved.js
@@ -19,7 +19,7 @@ export default function Home() {
         posterPath="/get-involved.png"
         text="get involved"
         buttonLink="#contact"
-        buttonTwoText="say hello"
+        buttonTwoText="contact"
         buttonOneText="watch"
         buttonVideoURL="https://odysee.com/@shilohcode:e/higherground:3"
       />
diff --git a/pages/hireus.js b/pages/hireus.js
deleted file mode 100644
index 48524f6..0000000
--- a/pages/hireus.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from "react";
-import Navbar from "../components/layouts/NavBar.jsx";
-import dynamic from "next/dynamic";
-
-const Section = dynamic(() => import("../components/layouts/Section.jsx"));
-const ContactFormSection = dynamic(() =>
-  import("../components/layouts/ContactFormSection.jsx")
-);
-
-export default function Home() {
-  return (
-    <>
-      <Navbar />
-      <Section
-        key="hireUs0"
-        videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
-        text="hire us"
-        buttonLink="#contact"
-        buttonTwoText="contact us"
-        buttonOneText="watch"
-        videoId="uu01xBw_BVE"
-      />
-      <ContactFormSection
-        text="contact us"
-        buttonText="contact us"
-        email="hello-izmqxby3qjkffhh6w7a9s2j3qwj7zu93iji7gxjcn@shilohcode.com"
-      />
-    </>
-  );
-}
diff --git a/pages/projects.js b/pages/projects.js
deleted file mode 100644
index b4c4765..0000000
--- a/pages/projects.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from "react";
-import Navbar from "../components/layouts/NavBar.jsx";
-import dynamic from "next/dynamic";
-
-const Section = dynamic(() => import("../components/layouts/Section.jsx"));
-const ContactFormSection = dynamic(() =>
-  import("../components/layouts/ContactFormSection.jsx")
-);
-
-export default function Home() {
-  return (
-    <>
-      <Navbar />
-      <Section
-        key="projects0"
-        videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
-        text="projects"
-        buttonLink="#contact"
-        buttonTwoText="say hello"
-        buttonOneText="watch"
-        videoButtonURL="https://invidious.slipfox.xyz/watch?v=uu01xBw_BVE"
-      />
-      <ContactFormSection text="say hello" buttonText="contact us" />
-    </>
-  );
-}
diff --git a/tailwind.config.js b/tailwind.config.js
index c8ec575..e6e27d7 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -37,8 +37,6 @@ module.exports = {
     "z-10",
     "flex",
     "flex-col",
-    "items-center",
-    "justify-center",
     "h-full",
     "mx-5",
     "mt-8",
@@ -67,6 +65,8 @@ module.exports = {
     "text-sm",
     "sm:",
     "text-3xl",
+    "align-middle",
+    "inline-block",
   ],
   theme: {
     extend: {