import React from "react";
import Head from "next/head";
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 (
<>
<Head>
<title>about</title>
<meta name="description" content="about shiloh" />
<meta
name="keywords"
content="shiloh, about, redemptive tech, Jesus, faith, christian developers"
/>
</Head>
<Navbar />
<Section
key="aboutSection0"
videoUrlWeb="/about.webm"
videoUrl="/about.mp4"
posterPath="/about.png"
text="about"
buttonTwoText="contact"
buttonLink="#contact"
buttonOneText="watch"
buttonVideoURL="https://odysee.com/@shilohcode:e/about:11"
></Section>
<SectionTwo
text="our creed"
buttonText="explore"
buttonLink="https://creed.shilohcode.com"
></SectionTwo>
<ContactFormSection
text="contact us"
buttonText="copy email"
email="hello-izmqxby3qjkffhh6w7a9s2j3qwj7zu93iji7gxjcn@shilohcode.com"
</>
}
