From afa3c5a3f3c3350ab8c00deef9a9a8b013853869 Mon Sep 17 00:00:00 2001
From: geodevcode <geodevinstitute@gmail.com>
Date: Fri, 17 Jan 2025 19:10:31 +0100
Subject: [PATCH] video url link updated

---
 app/components/landing-page-components/HowItWorks.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/components/landing-page-components/HowItWorks.tsx b/app/components/landing-page-components/HowItWorks.tsx
index 8cc5649..9295bb6 100644
--- a/app/components/landing-page-components/HowItWorks.tsx
+++ b/app/components/landing-page-components/HowItWorks.tsx
@@ -3,6 +3,8 @@ import ReactPlayer from "react-player";
 import Link from "next/link";
 import { Check } from "lucide-react";
 
+
+
 export default function HowItWorks() {
   const handleSmoothScroll = (sectionId: string) => {
     const section = document.getElementById(sectionId);
@@ -54,13 +56,15 @@ export default function HowItWorks() {
           </div>
         </div>
 
-        <div className="w-full h-fit mt-12 lg:mt-16">
+        <div className="w-full h-fit md:h-[350px] lg:w-[400px] xl:w-[550px] xl:h-[350px] mt-12 lg:mt-16">
           <ReactPlayer
             width="100%"
             height="100%"
             controls
             className=""
-            url="../../../videos/geomatic-guide.mov"
+            // url="../../../videos/geomatic-guide.mov"
+            // url="../../../videos/demo-vidio.mp4"
+            url="https://www.youtube.com/watch?v=CqlkEw4P0aM"
           />
         </div>
       </main>