From cd76a787c95934d9f3c1a16ceba453d64b5ee655 Mon Sep 17 00:00:00 2001
From: Lalomax <lalomax365@gmail.com>
Date: Tue, 17 Sep 2024 15:18:37 -0400
Subject: [PATCH] feat: added about page

---
 frontend/src/app/about/page.tsx    | 86 ++++++++++++++++++++++++++++++
 frontend/src/app/common/Header.tsx |  2 +-
 frontend/tailwind.config.ts        |  1 +
 3 files changed, 88 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/app/about/page.tsx

diff --git a/frontend/src/app/about/page.tsx b/frontend/src/app/about/page.tsx
new file mode 100644
index 0000000..d84c718
--- /dev/null
+++ b/frontend/src/app/about/page.tsx
@@ -0,0 +1,86 @@
+import React from 'react';
+import Header from '../common/Header';
+const secciones = [
+    { id: "introduccion", texto: "Introducción", link: "#introduccion" },
+    { id: "vision-mision", texto: "Visión y Misión", link: "#vision-mision" },
+    { id: "soluciones", texto: "Soluciones AgroSmart", link: "#soluciones" },
+    { id: "beneficios", texto: "Beneficios para los Pequeños Productores", link: "#beneficios" },
+    { id: "impacto", texto: "Impacto en la Comunidad", link: "#impacto" },
+    { id: "conclusion", texto: "Conclusión", link: "#conclusion" }
+];
+
+const AgroSmart: React.FC = () => {
+    return (
+        <>
+            <Header />
+            <div className="p-6 bg-tumbo text-gray-800">
+                {/* Navegación de anclas */}
+                <nav className="mb-4">
+                    <ul className="list-disc pl-6 space-y-2">
+                        {
+                            secciones.map(({ link, texto, id }) => {
+                                return <li key={id}><a href={link} className="text-blue-500 hover:underline">{texto}</a></li>
+                            })
+                        }
+                    </ul>
+                </nav>
+
+                {/* Introducción */}
+                <section id="introduccion" className="mb-8">
+                    <h2 className="text-2xl font-bold mb-4">Introducción</h2>
+                    <p>
+                        AgroSmart es una empresa innovadora con sede en Argentina, dedicada a revolucionar la forma en que los pequeños productores agrícolas gestionan sus cultivos teniendo en cuenta varios parámetros para optimizar los mismos. Nos especializamos en soluciones de agricultura inteligente, utilizando tecnología avanzada para acompañar al productor cada etapa del proceso productivo, desde la siembra hasta la cosecha minimizando las fallas y potenciando las ubicaciones y climas, entre otras cosas.
+                    </p>
+                </section>
+
+                {/* Visión y Misión */}
+                <section id="vision-mision" className="mb-8">
+                    <h2 className="text-2xl font-bold mb-4">Visión y Misión</h2>
+                    <h3 className="text-xl font-semibold">Visión</h3>
+                    <p> Ser la empresa líder en agricultura inteligente para pequeños productores en Argentina, ayudándolos a maximizar su productividad de manera sostenible y rentable.</p>
+                    <h3 className="text-xl font-semibold mt-4">Misión</h3>
+                    <p> Proveer herramientas y conocimientos de vanguardia a pequeños productores para mejorar la eficiencia, reducir costos y minimizar el impacto ambiental de sus actividades agrícolas.</p>
+                </section>
+
+                {/* Soluciones AgroSmart */}
+                <section id="soluciones" className="mb-8">
+                    <h2 className="text-2xl font-bold mb-4">Soluciones AgroSmart</h2>
+                    <ul className="list-disc pl-6 space-y-2">
+                        <li>Recomendaciones basadas en datos para optimizar el uso de recursos como el agua y los fertilizantes.</li>
+                        <li>Alertas tempranas sobre posibles plagas y enfermedades para cuidar sus cultivos.</li>
+                        <li>Registro digital de actividades agrícolas.</li>
+                        <li>Análisis predictivo para mejorar la toma de decisiones.</li>
+                    </ul>
+                </section>
+
+                {/* Beneficios para los Pequeños Productores */}
+                <section id="beneficios" className="mb-8">
+                    <h2 className="text-2xl font-bold mb-4">Beneficios para los Pequeños Productores</h2>
+                    <ul className="list-disc pl-6 space-y-2">
+                        <li><b>Aumento de la Productividad:</b> Uso eficiente de recursos y reducción de desperdicios.</li>
+                        <li><b>Mejora en la toma de Decisiones:</b> Información precisa y oportuna para maximizar rendimientos.</li>
+                        <li><b>Sostenibilidad:</b> Prácticas agrícolas que protegen el medio ambiente.</li>
+                        <li><b>Accesibilidad:</b> Soluciones asequibles y fáciles de implementar.</li>
+                    </ul>
+                </section>
+
+                {/* Impacto en la Comunidad */}
+                <section id="impacto" className="mb-8">
+                    <h2 className="text-2xl font-bold mb-4">Impacto en la Comunidad</h2>
+                    <p>AgroSmart no solo busca mejorar la eficiencia de los pequeños productores, sino también contribuir al desarrollo de las comunidades rurales en Argentina. Al potenciar a los agricultores con tecnología inteligente, fomentamos la creación de empleos, la seguridad alimentaria y la resiliencia frente a los desafíos climáticos.
+                    </p>
+                </section>
+
+                {/* Conclusión */}
+                <section id="conclusion">
+                    <h2 className="text-2xl font-bold mb-4">Conclusión</h2>
+                    <p>En AgroSmart, creemos que la tecnología es la clave para un futuro agrícola más próspero y sostenible. Nos comprometemos a apoyar a los pequeños productores de Argentina en su camino hacia una agricultura más inteligente, eficiente y sostenible.</p>
+                </section>
+                <br /><br />
+                <h1><b>¡Juntos cultivamos el futuro!</b></h1>
+            </div>
+        </>
+    );
+};
+
+export default AgroSmart;
\ No newline at end of file
diff --git a/frontend/src/app/common/Header.tsx b/frontend/src/app/common/Header.tsx
index 3e9238c..a5f53a9 100644
--- a/frontend/src/app/common/Header.tsx
+++ b/frontend/src/app/common/Header.tsx
@@ -151,7 +151,7 @@ const Header: React.FC = () => {
                      focus:ring-2
                      focus:ring-green-500"
         >
-          Sobre nosotros
+          Nosotros
         </Link>
       </nav>
 
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
index 911dec2..63dfa96 100644
--- a/frontend/tailwind.config.ts
+++ b/frontend/tailwind.config.ts
@@ -17,6 +17,7 @@ const config: Config = {
       colors: {
         "primary-green": "#235C2A",
         "seconday-green": "#86B762",
+        "tumbo": "#F7E2D4",
       },
       backgroundImage: {
         loginBg: "url('/loginAndRegisterBG.jpeg')",