Merge pull request #101 from dscvitc/img-fixes

Img fixes
dscvitc · Oct 2, 2023 · ed9d9b3 · ed9d9b3 · vercel · Oct 2, 2023
2 parents 067511f + 26dbe07
commit ed9d9b3
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 39 deletions.
diff --git a/components/Vision.jsx b/components/Vision.jsx
@@ -1,5 +1,6 @@
 /* eslint-disable */
 import Link from "next/link";
+import Image from "next/future/image";
 
 const Vision = () => {
  const visions = [
@@ -33,13 +34,16 @@ const Vision = () => {
  <>
  <div
  className="font-productSans h-full relative w-full flex flex-col mt-2 space-y-6"
- id="vision" data-aos="fade-up"
+ id="vision"
+ data-aos="fade-up"
  data-aos-anchor-placement="center-center"
  >
- <img
+ <Image
  src={`/Icons/arabica-323.png`}
  className="opacity-10 absolute top-0 right-0 md:right-[10rem] -translate-y-[10rem] h-[25rem] w-[25rem] md:h-[40rem] md:w-[40rem]"
  alt=""
+ width={400}
+ height={400}
  />
  <div className="flex flex-col justify-center items-center ml-7 mr-0 space-y-6 text-gray-600 -translate-y-20">
  <h1 className="text-center text-6xl font-bold">Vision</h1>
@@ -65,7 +69,9 @@ const Vision = () => {
  </div>
  <div className="flex justify-center items-center w-full animate-bounce">
  <Link href={`/`}>
- <img
+ <Image
+ width={50}
+ height={50}
  src={`/Icons/down-arrow.png`}
  className="w-10 h-10 cursor-pointer"
  alt=""

diff --git a/package-lock.json b/package-lock.json