From c1761a3d3bd8093946c746a2802e8072641a8c14 Mon Sep 17 00:00:00 2001
From: Alaguraj0361 <alaguraj0361@gmail.com>
Date: Wed, 24 Sep 2025 19:41:15 +0530
Subject: [PATCH] home page about section image updated

---
 components/sections/home/AboutSection.js | 32 +++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/components/sections/home/AboutSection.js b/components/sections/home/AboutSection.js
index e4b255a..1cc54f2 100644
--- a/components/sections/home/AboutSection.js
+++ b/components/sections/home/AboutSection.js
@@ -1,3 +1,4 @@
+import Image from 'next/image';
 import Link from 'next/link';
 import React from 'react';
 
@@ -16,9 +17,34 @@ export default function AboutSection() {
                             <div className="image-box">
                                 {/* <div className="shape float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.webp)' }}></div> */}
                                 <div className="image-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-26.png)' }}></div>
-                                <figure className="image-2"><img src="/assets/images/home/welcome/home-welcome.webp" alt="Physiotherapy" /></figure>
-                                <div className="icon-one"><img src="/assets/images/home/welcome/top-icon.webp" alt="Physiotherapy  icon" /></div>
-                                <div className="icon-two"><img src="/assets/images/home/welcome/bottom-icon.webp" alt="Physiotherapy  icon" /></div>
+                                <figure className="image-2">
+                                    <Image
+                                        src="/assets/images/home/welcome/home-welcome.webp"
+                                        alt="Physiotherapy"
+                                        width={800}        // replace with actual image width
+                                        height={500}       // replace with actual image height
+                                        priority           // optional, for above-the-fold images
+                                        style={{ display: 'block' }}
+                                    />
+                                </figure>
+
+                                <div className="icon-one">
+                                    <Image
+                                        src="/assets/images/home/welcome/top-icon.webp"
+                                        alt="Physiotherapy icon"
+                                        width={50}         // actual icon width
+                                        height={50}        // actual icon height
+                                    />
+                                </div>
+
+                                <div className="icon-two">
+                                    <Image
+                                        src="/assets/images/home/welcome/bottom-icon.webp"
+                                        alt="Physiotherapy icon"
+                                        width={50}         // actual icon width
+                                        height={50}        // actual icon height
+                                    />
+                                </div>
                                 {/* <div className="text-box">
                                     <h3>Wade Warren</h3>
                                     <span>Medical Assistant</span>