home page parts

components/pages/home/video.tsx

@@ -0,0 +1,22 @@
+import HomeMarquee from "@/components/HomeMarquee";
+import { Play } from "lucide-react";
+
+export function Video() {
+  return (
+    <>
+      <div
+        className="bg-[#1e1d1c] bg-fixed max-sm:bg-center"
+        style={{ backgroundImage: "url(/images/home/videoBack.jpg)" }}
+      >
+        <div className="flex items-center justify-center bg-linear-to-t from-[#1e1d1c] to-[#1e1d1c02] h-80 w-full relative">
+          <button className="bg-white text-[#dc2626] p-4 rounded-[50%]">
+            <Play />
+          </button>
+        </div>
+      </div>
+      <div>
+        <HomeMarquee />
+      </div>
+    </>
+  );
+}