have video

huncholaneauthored 1 year ago

parent e627902commit cfc20e1bd6a0b629055316801cf23bc1c7093f74Browse files

5 files changed, +26 -0

+2-0twench_landing_page/app/page.tsx

		@@ -3,6 +3,7 @@ import Banner from "@/components/Banner";
3	3	import Header from "@/components/Header";
4	4	import LandingSection from "@/components/LandingSection";
5	5	import MotivationSection from "@/components/MotivationSection";
	6	+import VideoSection from "@/components/VideoSection";
6	7
7	8	export default function Home() {
8	9	return (
		@@ -12,6 +13,7 @@ export default function Home() {
12	13	<Banner />
13	14	<MotivationSection />
14	15	<AboutSection />
	16	+ {/* <VideoSection /> */}
15	17	</div>
16	18	);
17	19	}

+2-0twench_landing_page/components/VideoSection/VideoSection.css

+20-0twench_landing_page/components/VideoSection/VideoSection.tsx

		@@ -0,0 +1,20 @@
	1	+import React from "react";
	2	+import "./VideoSection.css";
	3	+
	4	+const VideoSection: React.FC = () => {
	5	+ return (
	6	+ <div className="VideoSection relative w-full">
	7	+ <div className="Preview absolute left-1/2 transform -translate-x-1/2 -rotate-[20] w-96 h-32">
	8	+ <div className="PlayButton absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-16 h-16 bg-white rounded-full flex justify-center items-center">
	9	+ <div className="Triangle w-6 h-6 border-t-2 border-r-2 border-black transform rotate-45"></div>
	10	+ </div>
	11	+ </div>
	12	+ <video className="hidden" controls>
	13	+ <source src="/videos/v2.mp4" type="video/mp4" />
	14	+ Your browser does not support the video tag.
	15	+ </video>
	16	+ </div>
	17	+ );
	18	+};
	19	+
	20	+export default VideoSection;

+2-0twench_landing_page/components/VideoSection/index.ts

		@@ -0,0 +1,2 @@
	1	+import VideoSection from './VideoSection';
	2	+export default VideoSection;

+0-0twench_landing_page/public/videos/v2.mp4

Binary file changed.