hotfix buttons and file removal

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
+          <div className="flex flex-col sm:flex-row sm:space-x-4 items-center justify-center">
-            buttonVideoURL={buttonVideoURL}
+            <VideoButton
-            buttonOneText={buttonOneText}
+              buttonVideoURL={buttonVideoURL}
-          />
+              buttonOneText={buttonOneText}
+            />
+            <Link
+              href={buttonLink}
+              id="ButtonLink"
+              className="mt-8 px-4 py-2 text-white"
+            >
+              {buttonTwoText}
+            </Link>
+          </div>
         </div>
       </div>
     </div>

components/layouts/SectionTwo.jsx

@@ -1,19 +1,10 @@
 import Button from "../buttons/Button.jsx";
 
-const SectionTwo = ({
+const SectionTwo = ({ buttonText, buttonLink, text }) => {
-  buttonText,
-  buttonLink,
-  text,
-}) => {
   return (
     <>
-      <div
+      <div className="relative z-10 h-screen w-screen bg-black">
-        id="contact"
+        <div className="absolute inset-0 z-0"></div>
-        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 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">

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"

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"
       />

pages/hireus.js

@@ -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"
-      />
-    </>
-  );
-}

pages/projects.js

@@ -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" />
-    </>
-  );
-}

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: {