From 712dc514640208e80ad72edc27f0f5f0aae83703 Mon Sep 17 00:00:00 2001
From: korih <96402323+korih@users.noreply.github.com>
Date: Thu, 5 Dec 2024 15:50:10 -0800
Subject: [PATCH] homepage and agroponics formatting

---
 src/components/home/HomeProjects.js                  |  6 +++---
 src/components/projects/agroponics/AgroponicsMain.js | 10 ++++------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/home/HomeProjects.js b/src/components/home/HomeProjects.js
index 8638fd0..b564804 100644
--- a/src/components/home/HomeProjects.js
+++ b/src/components/home/HomeProjects.js
@@ -66,7 +66,7 @@ const projects = [
     ModelComponent: AgropickerMod,
     MobileImg: AgroArm2DModel,
     background: { background: '#cdff70' },
-    href: '/#',
+    href: '#',
   },
 ]
 
@@ -119,7 +119,7 @@ function Project({
     >
       <animated.div
         style={useFadeIn(containerRef)}
-        className="w-[47.5%] sticky top-[20vh]"
+        className="w-[47.5%] sticky top-[20vh] "
       >
         <div className="w-full h-full rounded-[46px] p-8">
           <h2 className="text-mobile-header lg:text-header font-bold mb-4">
@@ -136,7 +136,7 @@ function Project({
           </div>
         </div>
       </animated.div>
-      <div className="w-[47.5%] h-[50vh] bg-[#2e1b0f1f] relative top-[50vh] rounded-full">
+      <div className="w-[47.5%] h-[50vh] bg-[#2e1b0f1f] relative top-[50vh] rounded-full items-center align-middle flex">
         <img src={MobileImg} />
       </div>
     </div>
diff --git a/src/components/projects/agroponics/AgroponicsMain.js b/src/components/projects/agroponics/AgroponicsMain.js
index 0be7962..44a227e 100644
--- a/src/components/projects/agroponics/AgroponicsMain.js
+++ b/src/components/projects/agroponics/AgroponicsMain.js
@@ -90,7 +90,7 @@ const AgroponicsMain = () => {
 
   return (
     <section className="lg:h-[190vh] w-full bg-black flex flex-col gap-[2rem] justify-start pt-10">
-      <div className="w-full h-[60vh] lg:h-[100vh] pt-8 opacity-1">
+      <div className="w-full h-[40vh] lg:h-[100vh] pt-8 opacity-1">
         {!isMobile ? (
           <AgroponicModelView
             id={modelContainer}
@@ -101,7 +101,7 @@ const AgroponicsMain = () => {
             vectorPosition={[0, 0, 0]}
           />
         ) : (
-          <img src={AgroponicModel2D}></img>
+          <img src={AgroponicModel2D} className="mt-10 mb-[-200px]"></img>
         )}
       </div>
       <div className="w-full h-[60vh] lg:h-[75vh] flex flex-col lg:flex-row ">
@@ -111,15 +111,13 @@ const AgroponicsMain = () => {
             <h2 className="text-white text-center text-[42px] lg:text-[7rem] font-bold mb-2">
               AgroPonics
             </h2>
-            <p className="text-white text-center text-[18px] lg:text-[1.25rem]">
+            <p className="text-white text-center text-[18px] lg:text-[1.25rem] mb-20">
               The Agroponics team designs autonomous hydroponic systems through
               multidisciplinary collaboration. It integrates IoT for automation,
               structural design for optimized environments, and experimental
               research on growth of staple foods. The aim is to enhance
               agricultural efficiency by reducing resource use and improving
-              crop production in a controlled, sustainable setting. If you would
-              like to see some of what we have been working on, see our blog
-              website here!
+              crop production in a controlled, sustainable setting.
             </p>
             <div className="flex justify-center mt-2"></div>
             {/* TODO: Place the featured image here */}