From ee8441945190b6a713fbb88a25c869d148bca3ea Mon Sep 17 00:00:00 2001
From: Hamza Khan Lodhi <hamzalodhi2023@gmail.com>
Date: Sun, 24 Mar 2024 20:17:58 +0500
Subject: [PATCH] import images

---
 src/components/About.jsx       | 7 ++-----
 src/components/Eyes.jsx        | 5 +++--
 src/components/Featured.jsx    | 3 ++-
 src/components/LandingPage.jsx | 4 ++--
 4 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/About.jsx b/src/components/About.jsx
index e02372f..5eb4225 100644
--- a/src/components/About.jsx
+++ b/src/components/About.jsx
@@ -1,4 +1,5 @@
 import React from "react";
+import Homepage from "../assets/Homepage-Photo-663x469.jpg";
 
 function About() {
   return (
@@ -17,11 +18,7 @@ function About() {
           </button>
         </div>
         <div className="w-1/2 h-[70vh] rounded-3xl bg-red-700 overflow-hidden">
-          <img
-            src="src/assets/Homepage-Photo-663x469.jpg"
-            alt=""
-            className="w-full h-full object-cover"
-          />
+          <img src={Homepage} alt="" className="w-full h-full object-cover" />
         </div>
       </div>
     </div>
diff --git a/src/components/Eyes.jsx b/src/components/Eyes.jsx
index 5d6084c..e756c00 100644
--- a/src/components/Eyes.jsx
+++ b/src/components/Eyes.jsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-
+import Top_Viewbbcbv from "../assets/Top-Viewbbcbv-1-1440x921.jpg";
 function Eyes() {
   const [rotate, setRotate] = useState(0);
   useEffect(() => {
@@ -20,7 +20,8 @@ function Eyes() {
       <div
         data-scroll
         data-scroll-speed="-.7"
-        className="relative flex items-center justify-center w-full h-full bg-red-500 bg-cover bg-center bg-[url('src/assets/Top-Viewbbcbv-1-1440x921.jpg')]"
+        className="relative flex items-center justify-center w-full h-full bg-red-500 bg-cover bg-center "
+        style={{ backgroundImage: `url(${Top_Viewbbcbv})` }}
       >
         <div className="absolute flex gap-10 ">
           <div className="flex items-center justify-center w-[15vw] h-[15vw] rounded-full bg-zinc-100">
diff --git a/src/components/Featured.jsx b/src/components/Featured.jsx
index 58b097f..9f9695b 100644
--- a/src/components/Featured.jsx
+++ b/src/components/Featured.jsx
@@ -17,7 +17,8 @@ function Featured() {
   ];
   const card_2_Data = [
     {
-      imageSource: "src/assets/card.jpg",
+      imageSource:
+        "https://ochi.design/wp-content/uploads/2022/09/Vise_front2-663x551.jpg",
       text: "VISE",
     },
     {
diff --git a/src/components/LandingPage.jsx b/src/components/LandingPage.jsx
index ee5d64b..45b3572 100644
--- a/src/components/LandingPage.jsx
+++ b/src/components/LandingPage.jsx
@@ -1,7 +1,7 @@
 import { motion } from "framer-motion";
 import React from "react";
 import { FaArrowUpLong } from "react-icons/fa6";
-
+import LandingPageElement from "../assets/LandingPageElement.jpg";
 function LandingPage() {
   return (
     <div
@@ -22,7 +22,7 @@ function LandingPage() {
                   className="w-[9vw] h-[5.7vw] bg-red-500 rounded-md relative top-[0.5vw] overflow-hidden"
                 >
                   <img
-                    src="src/assets/LandingPageElement.jpg"
+                    src={LandingPageElement}
                     alt=""
                     className="w-full h-full object-cover"
                   />