tony
7de4b7bbfa
installed three js added test model to contact form section fixed issue with double render of useEffect that was causing it to show up twice once compiled. This was resolved using a boolean check to see if it is mounted first. n Next.js, when you navigate between pages, the entire React tree is unmounted and then remounted. This means that any component with a useEffect hook will run its cleanup function before being unmounted, and then its effect function again when it is remounted. This can cause the effect to run twice.
61 lines
1.7 KiB
JavaScript
61 lines
1.7 KiB
JavaScript
|
|
import React from "react";
|
|
import Navbar from "../Components/Layout/navbar.jsx";
|
|
import Section from "../Components/Layout/section.jsx"
|
|
|
|
export default function Home() {
|
|
return (
|
|
<>
|
|
<Navbar />
|
|
<Section
|
|
key="section0"
|
|
videoUrl="https://vid.puffyan.us/latest_version?id=--khbXchTeE&itag=22"
|
|
text="redemptive tech in Jesus' name"
|
|
buttonTwoText="learn more"
|
|
buttonOneText="watch" videoId="uu01xBw_BVE"
|
|
buttonLink="/about"
|
|
/>
|
|
<Section
|
|
key="section1"
|
|
videoUrl="https://vid.puffyan.us/latest_version?id=tQG6jYy9xto&itag=22&local=true"
|
|
text="about"
|
|
buttonOneText="watch"
|
|
buttonTwoText="learn more"
|
|
buttonLink="/about"
|
|
/>
|
|
<Section
|
|
key="section2"
|
|
videoUrl="https://vid.puffyan.us/latest_version?id=fVgq6j-krzU&itag=22"
|
|
text="get involved"
|
|
buttonOneText="watch"
|
|
buttonTwoText="learn more"
|
|
buttonLink="/getinvolved"
|
|
/>
|
|
<Section
|
|
key="section3"
|
|
videoUrl="https://vid.puffyan.us/latest_version?id=LBNDfxjEYlA&itag=22"
|
|
text="projects"
|
|
buttonOneText="watch"
|
|
buttonTwoText="learn more"
|
|
buttonLink="/projects"
|
|
/>
|
|
<Section
|
|
key="section4"
|
|
videoUrl="https://vid.puffyan.us/latest_version?id=J33nDgS3uUY&itag=22"
|
|
text="hire us"
|
|
buttonOneText="watch"
|
|
buttonTwoText="learn more"
|
|
buttonLink="/contactus"
|
|
/>
|
|
<Section
|
|
key="section5"
|
|
videoUrl="https://vid.puffyan.us/latest_version?id=mAg8UyDt_sw&itag=22"
|
|
text="contact us"
|
|
buttonOneText="watch"
|
|
buttonTwoText="learn more"
|
|
buttonLink="/contactus"
|
|
/>
|
|
</>
|
|
);
|
|
}
|