From ce931e9439ca9bbff9f7d90343826121053f4a70 Mon Sep 17 00:00:00 2001
From: Piyush Kumar <piyushkr446@gmail.com>
Date: Thu, 13 Jun 2024 00:31:13 +0530
Subject: [PATCH] issue fixed

---
 components/Hero.tsx        | 5 ++++-
 components/Initiatives.tsx | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/Hero.tsx b/components/Hero.tsx
index 72a9ff3..796dadf 100644
--- a/components/Hero.tsx
+++ b/components/Hero.tsx
@@ -1,13 +1,16 @@
 import bgImg from "@/assets/Frame 1000005985.png";
+import Image from "next/image";
 
 export default function Hero() {
   return (
     <div className="relative h-screen flex items-center justify-center overflow-hidden">
       <div className="absolute inset-0 flex items-center justify-center">
-        <img
+        <Image
           src={bgImg.src}
           alt="bg img"
           className="object-cover scale-150 sm:scale-150 md:block lg:block"
+          width={700}
+          height={700}
         />
       </div>
       <div className="flex-col text-center text-white z-10 mb-20 px-10">
diff --git a/components/Initiatives.tsx b/components/Initiatives.tsx
index 31bf83b..f315237 100644
--- a/components/Initiatives.tsx
+++ b/components/Initiatives.tsx
@@ -5,7 +5,7 @@ import Card from "../components/ui/Card";
 
 export default function Initiatives () {
   return (
-    <div className="flex flex-col items-center justify-between gap-16 mb-16">
+    <div className="flex flex-col items-center justify-between gap-16 mb-16 mt-16">
       <h1 className="text-3xl lg:text-5xl font-bold text-white text-center lg:py-6">We Include</h1>
       <div className="flex flex-col gap-10 justify-evenly text-center md:flex-row lg:flex-row text-3xl text-custom-gray2 font-bold">
         <div className="flex items-center justify-center lg:justify-start gap-3 lg:mb-0">