diff --git a/src/assets/image/AgroponicsAutomation.png b/src/assets/image/AgroponicsAutomation.png
new file mode 100644
index 0000000..17b5eb1
Binary files /dev/null and b/src/assets/image/AgroponicsAutomation.png differ
diff --git a/src/assets/image/AgroponicsPlants.jpeg b/src/assets/image/AgroponicsPlants.jpeg
new file mode 100644
index 0000000..1d6ddbf
Binary files /dev/null and b/src/assets/image/AgroponicsPlants.jpeg differ
diff --git a/src/assets/image/AgroponicsStorage.jpeg b/src/assets/image/AgroponicsStorage.jpeg
new file mode 100644
index 0000000..efe9c56
Binary files /dev/null and b/src/assets/image/AgroponicsStorage.jpeg differ
diff --git a/src/components/home/HomeProjects.js b/src/components/home/HomeProjects.js
index 0e8b7bc..4365e50 100644
--- a/src/components/home/HomeProjects.js
+++ b/src/components/home/HomeProjects.js
@@ -1,7 +1,6 @@
import React from 'react'
import { useSpring, animated } from 'react-spring'
import { useState, useEffect, useRef } from 'react'
-import { FaChevronRight } from 'react-icons/fa'
import {
AgrobotModelView,
AgroponicModelView,
@@ -70,7 +69,7 @@ const projects = [
},
]
-function Project({ ProjectName, Text, background, ModelComponent, href }) {
+function Project({ ProjectName, Text, background, ModelComponent, MobileImg, href }) {
const containerRef = useRef(null)
function useFadeIn(containerRef) {
@@ -130,7 +129,7 @@ function Project({ ProjectName, Text, background, ModelComponent, href }) {
- {ModelComponent}
+
)
diff --git a/src/components/projects/agroponics/AgroponicSubteams.js b/src/components/projects/agroponics/AgroponicSubteams.js
index 593eb34..39064cd 100644
--- a/src/components/projects/agroponics/AgroponicSubteams.js
+++ b/src/components/projects/agroponics/AgroponicSubteams.js
@@ -1,4 +1,7 @@
import ProjectSubteam from '../ProjectSubteam.tsx'
+import AgroponicsAutomation from "../../../assets/image/AgroponicsAutomation.png"
+import AgroponicsPlants from "../../../assets/image/AgroponicsPlants.jpeg"
+import AgroponicsStorage from "../../../assets/image/AgroponicsStorage.jpeg"
const AgroponicSubteams = () => {
return (
@@ -7,16 +10,19 @@ const AgroponicSubteams = () => {
title="Automation"
text="The automation sub-team is an Internet of Things (IoT) project that focuses on designing and implementing autonomous farming, real-time monitoring, auto-regulated environments, and remote updates for hydroponic systems. The team’s goal is to use resources in agriculture (land, water, fertilizers, manpower) more efficiently to help improve our environment. Modern irrigation practices are exacerbating water scarcity, drying up entire water systems, and causing extensive land clearance for agriculture. To address these challenges, we leverage a wide variety of technologies to collect and communicate data from hydroponic systems, enabling us to simulate and optimize different preferred growing environments."
text_pos="left"
+ img={AgroponicsAutomation}
/>
)