import React from "react";
import Navbar from "../components/layouts/NavBar.jsx";
import dynamic from "next/dynamic";
import SectionTwo from "../components/layouts/SectionTwo.jsx";

const Section = dynamic(() => import("../components/layouts/Section.jsx"));
const ContactFormSection = dynamic(() =>
  import("../components/layouts/ContactFormSection.jsx")
);

export default function Home() {
  return (
    <>
      <Navbar />
      <Section
        key="getInvolved0"
        videoUrlWeb="get-involved.webm"
        videoUrl="/get-involved.mp4"
        posterPath="/get-involved.png"
        text="get involved"
        buttonLink="https://githaven.org"
        buttonTwoText="join us"
        buttonOneText="watch"
        buttonVideoURL="https://odysee.com/@shilohcode:e/higherground:3"
      />
      <SectionTwo
        text="lasthourhosting.org"
        buttonText="explore"
        buttonLink="https://lasthourhosting.org"
      ></SectionTwo>
      <SectionTwo
        text="githaven.org"
        buttonText="explore"
        buttonLink="https://githaven.org"
      ></SectionTwo>
      <SectionTwo
        text="remnant.chat"
        buttonText="explore"
        buttonLink="https://remnant.chat"
      ></SectionTwo>
      <ContactFormSection
        text="contact us"
        buttonText="copy email"
        email="hello-izmqxby3qjkffhh6w7a9s2j3qwj7zu93iji7gxjcn@shilohcode.com"
      />
    </>
  );
}