import images

hamzalodhi2023 · Mar 24, 2024 · ee84419 · ee84419
1 parent 314df2b
commit ee84419
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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"
                   />