Shiloh/old-shiloh-website
Shiloh/old-shiloh-website
Archived
6
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added sections to the rest of the pages

Browse Source
This commit is contained in:
Caretaker0699 2023-04-20 12:27:09 -07:00
parent 046b6aad7c
commit 5500a6dda9
8 changed files with 75 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
Components/Layout/section.jsx
View File

@ -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>

4
pages/about.js
View File

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

11
pages/contactus.js
View File

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

42
pages/getinvolved.js
View File

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

9
pages/hireus.js
View File

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

1
pages/index.js
View File

@ -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 (
<>

9
pages/projects.js
View File

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

5
styles/globals.css
View File

@ -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{
}
}