image updated

components/pages/home/about.tsx

@@ -92,11 +92,11 @@ export function AboutUs() {
               {/* Main Image */}
               <div className="relative rounded-lg overflow-hidden bg-gray-900">
                 <Image
-                  src="/images/home/bolta.jpg"
+                  src="/images/img8.jpg"
                   alt="Firefighter at ready"
                   width={400}
                   height={600}
-                  className="w-full h-auto object-cover"
+                  className="w-full h-150 object-cover"
                   priority
                 />
               </div>

components/pages/home/blog.tsx

@@ -5,7 +5,7 @@ import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
 const blogPosts = [
   {
     id: 1,
-    image: "/images/home/videoSlide1.jpg",
+    image: "/images/img14.webp",
     category: "Tips & Trick",
     title: "BEHIND THE HELMET: LIFE AS A FIREFIGHTER",
     author: "John Doe",
@@ -13,7 +13,7 @@ const blogPosts = [
   },
   {
     id: 2,
-    image: "/images/home/videoSlide2.jpg",
+    image: "/images/img15.webp",
     category: "Insight",
     title: "FIREFIGHTING EQUIPMENT: TOOLS OF THE TRADE",
     author: "John Doe",
@@ -21,7 +21,7 @@ const blogPosts = [
   },
   {
     id: 3,
-    image: "/images/home/videoSlide4.jpg",
+    image: "/images/img16.webp",
     category: "News",
     title: "FIREFIGHTER TRAINING TAKES TO BECOME A HERO",
     author: "John Doe",

components/pages/home/ourService.tsx

@@ -1,6 +1,7 @@
 import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
 import { ChevronRight } from "lucide-react";
 import Image from "next/image";
+import Link from "next/link";
 
 export function OurService() {
   return (
@@ -105,9 +106,12 @@ export function OurService() {
               <h2 className="sm:text-3xl text-xl font-semibold font-armanai text-white">
                 View more service
               </h2>
-              <button className="shadow-[0px_0px_2px_6px_#a60404ad] bg-red-600 hover:bg-red-700 text-white font-bold sm:py-3 sm:px-8 px-8 py-2 rounded-full transition duration-300 transform hover:scale-105 w-fit">
+              <Link
+                href="/services"
+                className="shadow-[0px_0px_2px_6px_#a60404ad] bg-red-600 hover:bg-red-700 text-white font-bold sm:py-3 sm:px-8 px-8 py-2 rounded-full transition duration-300 transform hover:scale-105 w-fit"
+              >
                 GET STARTED
-              </button>
+              </Link>
             </div>
           </div>
         </div>

components/pages/home/testimonal.tsx

@@ -55,11 +55,11 @@ function StarRating({ rating }: { rating: number }) {
 export function Testimonial() {
   return (
     <section className="w-full bg-[#1a1a1a]">
-      <div className="flex flex-col lg:flex-row min-h-[400px] lg:min-h-[500px]">
+      <div className="flex flex-col lg:flex-row min-h-100 lg:min-h-125">
         {/* Left Side - Firefighter Image */}
-        <div className="relative w-full lg:w-1/2 h-[300px] sm:h-[400px] lg:h-auto">
+        <div className="relative w-full lg:w-1/2 h-75 sm:h-100 lg:h-auto">
           <Image
-            src="/images/home/testimonal.jpg"
+            src="/images/img10.jpg"
             alt="Professional firefighter in protective gear"
             fill
             className="object-cover object-top"
@@ -68,7 +68,7 @@ export function Testimonial() {
         </div>
 
         {/* Right Side - Testimonial Content with Background */}
-        <div className="relative w-full lg:w-1/2 min-h-[350px] sm:min-h-[400px] lg:min-h-[500px]">
+        <div className="relative w-full lg:w-1/2 min-h-87.5 sm:min-h-100 lg:min-h-125">
           {/* Background Image */}
           <div className="absolute inset-0">
             <Image

components/pages/home/video.tsx

@@ -6,12 +6,10 @@ export function Video() {
     <>
       <div
         className="bg-[#1e1d1c] bg-fixed max-sm:bg-center"
-        style={{ backgroundImage: "url(/images/home/videoBack.jpg)" }}
+        style={{ backgroundImage: "url(/images/img7.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>