diff --git a/components/layouts/Section.jsx b/components/layouts/Section.jsx
index ab7e71f..2c0c991 100644
--- a/components/layouts/Section.jsx
+++ b/components/layouts/Section.jsx
@@ -3,10 +3,12 @@ import VideoButton from "../buttons/VideoButton.jsx";
 
 function Section({
   videoUrl,
+  videoUrlWeb,
   text,
   headingLevel = 1,
   buttonVideoURL,
   buttonOneText,
+  posterPath,
 }) {
   const videoRef = useRef(null);
   const [isPlaying, setIsPlaying] = useState(false);
@@ -38,16 +40,21 @@ function Section({
   const Heading = `h${headingLevel}`;
 
   return (
-    <div className="relative z-10 h-screen w-screen">
+    <div className="relative z-10 h-screen w-screen bg-black">
       <video
         className="absolute h-screen w-screen object-cover blur-sm"
-        src={videoUrl}
+        poster={posterPath}
         ref={videoRef}
         muted
         autoPlay
         loop
         preload="metadata"
-      />
+        controls
+      >
+        <source src={videoUrlWeb} type="video/webm" />
+        <source src={videoUrl} type="video/mp4" />
+        Your browser does not support the video tag.
+      </video>
       <div className="relative z-10 flex flex-col items-center justify-center h-full">
         <div className="flex flex-col items-center space-y-4">
           <Heading className="lg:text-5xl md:text-4xl sm:text-3xl text-3xl text-center text-white break-normal">
diff --git a/pages/about.js b/pages/about.js
index 148acbe..a01969b 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -24,7 +24,9 @@ export default function Home() {
 
       <Section
         key="aboutSection0"
-        videoUrl="/about2.mp4"
+        videoUrlWeb="/about.webm"
+        videoUrl="/about.mp4"
+        posterPath="/about.png"
         text="about"
         buttonTwoText="say hello"
         buttonLink="#contact"
@@ -32,13 +34,13 @@ export default function Home() {
         buttonVideoURL="https://odysee.com/@shilohcode:e/about:11"
       ></Section>
       <SectionTwo
-        text="Our Creed"
+        text="our creed"
         buttonText="explore"
         buttonLink="https://creed.shilohcode.com"
       ></SectionTwo>
       <ContactFormSection
         text="contact us"
-        buttonText="contact us"
+        buttonText="copy email"
         email="hello-izmqxby3qjkffhh6w7a9s2j3qwj7zu93iji7gxjcn@shilohcode.com"
       />
     </>
diff --git a/pages/contactus.js b/pages/contactus.js
index 074dfb4..e4fd07a 100644
--- a/pages/contactus.js
+++ b/pages/contactus.js
@@ -21,7 +21,7 @@ export default function Home() {
       <Navbar />
       <ContactFormSection
         text="contact us"
-        buttonText="contact us"
+        buttonText="copy email"
         email="hello-izmqxby3qjkffhh6w7a9s2j3qwj7zu93iji7gxjcn@shilohcode.com"
       />
     </>
diff --git a/pages/getinvolved.js b/pages/getinvolved.js
index da85495..98fac0e 100644
--- a/pages/getinvolved.js
+++ b/pages/getinvolved.js
@@ -14,7 +14,9 @@ export default function Home() {
       <Navbar />
       <Section
         key="getInvolved0"
+        videoUrlWeb="get-involved.webm"
         videoUrl="/get-involved.mp4"
+        posterPath="/get-involved.png"
         text="get involved"
         buttonLink="#contact"
         buttonTwoText="say hello"
@@ -44,7 +46,7 @@ export default function Home() {
 
       <ContactFormSection
         text="contact us"
-        buttonText="contact us"
+        buttonText="copy email"
         email="hello-izmqxby3qjkffhh6w7a9s2j3qwj7zu93iji7gxjcn@shilohcode.com"
       />
     </>
diff --git a/pages/index.js b/pages/index.js
index 85afc2f..7abcd3e 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -25,7 +25,9 @@ export default function Home() {
       <Navbar />
       <Section
         key="section0"
+        videoUrlWeb="/main.webm"
         videoUrl="/main.mp4"
+        posterPath="/main.png"
         text="tech reform in Jesus' name"
         buttonTwoText="learn more"
         buttonOneText="watch"
@@ -35,7 +37,9 @@ export default function Home() {
       />
       <Section
         key="section1"
-        videoUrl="/about2.mp4"
+        videoUrlWeb="/about.webm"
+        videoUrl="/about.mp4"
+        posterPath="/about.png"
         text="about"
         buttonOneText="watch"
         buttonTwoText="learn more"
@@ -45,7 +49,9 @@ export default function Home() {
       />
       <Section
         key="section2"
+        videoUrlWeb="get-involved.webm"
         videoUrl="/get-involved.mp4"
+        posterPath="/get-involved.png"
         text="get involved"
         buttonOneText="watch"
         buttonTwoText="learn more"
@@ -55,7 +61,7 @@ export default function Home() {
       />
       <ContactFormSection
         text="contact us"
-        buttonText="contact us"
+        buttonText="copy email"
         email="hello-izmqxby3qjkffhh6w7a9s2j3qwj7zu93iji7gxjcn@shilohcode.com"
       />
     </>
diff --git a/public/about2.mp4 b/public/about.mp4
similarity index 100%
rename from public/about2.mp4
rename to public/about.mp4
diff --git a/public/about.png b/public/about.png
new file mode 100644
index 0000000..9ad8df6
Binary files /dev/null and b/public/about.png differ
diff --git a/public/about.webm b/public/about.webm
new file mode 100644
index 0000000..97fc924
Binary files /dev/null and b/public/about.webm differ
diff --git a/public/get-involved.png b/public/get-involved.png
new file mode 100644
index 0000000..51a2555
Binary files /dev/null and b/public/get-involved.png differ
diff --git a/public/get-involved.webm b/public/get-involved.webm
new file mode 100644
index 0000000..bedd399
Binary files /dev/null and b/public/get-involved.webm differ
diff --git a/public/main.png b/public/main.png
new file mode 100644
index 0000000..771aee2
Binary files /dev/null and b/public/main.png differ
diff --git a/public/main.webm b/public/main.webm
new file mode 100644
index 0000000..59ce77e
Binary files /dev/null and b/public/main.webm differ