From 097f99b91de9f5cd2440925d3174e6db8353bd57 Mon Sep 17 00:00:00 2001
From: Jacqueline <jhern107@msudenver.edu>
Date: Sun, 1 Dec 2024 13:28:42 -0700
Subject: [PATCH] Added 'Our AI Tech Stack' section to 'About Us' page to
 include our 3 models

---
 src/aboutUs/AboutUs.css | 24 ++++++++++++++++++++
 src/aboutUs/AboutUs.jsx | 49 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 73 insertions(+)

diff --git a/src/aboutUs/AboutUs.css b/src/aboutUs/AboutUs.css
index dd1d4e7..2d9e4b6 100644
--- a/src/aboutUs/AboutUs.css
+++ b/src/aboutUs/AboutUs.css
@@ -54,6 +54,30 @@
   margin-bottom: 40px;
 }
 
+.models-section {
+  background-color: #f8faf8;
+  padding: 30px;
+  border-radius: 12px;
+}
+
+.tech-stack-subtitle {
+  font-size: 1.2rem;
+  color: #666;
+  margin-bottom: 40px;
+  text-align: center;
+  max-width: 1800px;
+}
+.models-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 30px;
+  margin-top: 20px;
+}
+
+.model-card {
+  transition: transform 0.2s ease-in-out;
+}
+
 .team-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
diff --git a/src/aboutUs/AboutUs.jsx b/src/aboutUs/AboutUs.jsx
index 7d912a9..7c8639e 100644
--- a/src/aboutUs/AboutUs.jsx
+++ b/src/aboutUs/AboutUs.jsx
@@ -45,6 +45,55 @@ export default function AboutUs() {
           </div>
         </div>
 
+        <div className="section">
+          <h1 className="feature-title fs-1 fw-bold text-center">
+            Our AI Technology Stack{" "}
+          </h1>
+          <p className="tech-stack-subtitle  fs-4 fw-bold">
+            Leveraging state-of-the-art AI models to deliver comprehensive plant
+            identification, health analysis, and agricultural insights.
+          </p>
+          <div className="models-grid">
+            <div className="model-card feature-card">
+              <h3 className="feature-title fs-2 fw-bold">Qwen2-2VL-7B</h3>
+              <p className="feature-text">
+                The Qwen2-2VL-7b is a Multimodal Model of 7B parameters plus
+                visual language understanding capabilities for comprehensive
+                plant analysis. Our implementation of the Qwen language model
+                specializes in agricultural domain knowledge, providing detailed
+                analysis of plant conditions and offering specific
+                recommendations for treatment and care. This model excels at
+                understanding complex agricultural contexts and delivering
+                actionable insights to farmers.
+              </p>
+            </div>
+            <div className="model-card feature-card">
+              <h3 className="feature-title fs-2 fw-bold">Pixtral-12B-2409</h3>
+              <p className="feature-text">
+                The Pixtral-12B-2409 is a Multimodal Model of 12B parameters
+                plus a 400M parameter vision encoder. We utilize this Llama
+                based model for advanced plant analysis and disease detection.
+                This model processes visual data to identify plant health
+                issues, assess growth patterns, and detect early signs of
+                diseases or nutrient deficiencies. Its sophisticated analysis
+                capabilities help farmers take proactive measures to protect
+                their crops.
+              </p>
+            </div>
+            <div className="model-card feature-card">
+              <h3 className="feature-title fs-2 fw-bold">Plant.id v3</h3>
+              <p className="feature-text">
+                Plant.id v3 is an advanced machine learning service specialized
+                in identifying plant species and assessing plant health
+                conditions through image analysis. This model uses computer
+                vision technology to accurately identify plant species,
+                varieties, and growth stages. This closed-sourced model enables
+                precise plant recognition that informs subsequent analysis and
+                recommendations.
+              </p>
+            </div>
+          </div>
+        </div>
         <div className="section">
           <h2 className="feature-title fs-3 fw-bold">Core Features</h2>
           <ul className="feature-text">