From 6608821ed6df149e24793fe0b77da3e70023432b Mon Sep 17 00:00:00 2001
From: Kausar Ahmed <111121885+kausaraahmed@users.noreply.github.com>
Date: Sun, 6 Oct 2024 01:06:26 +0600
Subject: [PATCH 1/4] ContactUS UI Improvement

---
 app/contact/page.js | 82 ++++++++++++++++++++++++++-------------------
 1 file changed, 48 insertions(+), 34 deletions(-)

diff --git a/app/contact/page.js b/app/contact/page.js
index e32fa93..94c14f8 100644
--- a/app/contact/page.js
+++ b/app/contact/page.js
@@ -5,42 +5,56 @@ import Footer from '../components/Footer';
 
 const ContactPage = () => {
     return (
-        <div className="min-h-screen bg-gray-100 flex flex-col items-center justify-center p-4">
-            <Navbar/>
-            <div className="bg-white shadow-md rounded-lg p-6 w-full max-w-3xl">
-                <h1 className="text-3xl font-bold mb-4 text-center">Contact Us</h1>
-                <p className="text-gray-700 mb-6 text-center">
-                    Welcome to FarmRuler! We &apos re on a mission to build an Incredible Full-Stack Web Application Specially For Person With Interest in Agriculture and Farming. This repository is a collaborative effort where we invite developers, designers, and enthusiasts to contribute and help bring this project to life.
-                </p>
-                <form className="space-y-4">
-                    <div>
-                        <label className="block text-gray-700">Name</label>
-                        <input type="text" className="w-full p-2 border border-gray-300 rounded-md" placeholder="Your Name" />
-                    </div>
-                    <div>
-                        <label className="block text-gray-700">Email</label>
-                        <input type="email" className="w-full p-2 border border-gray-300 rounded-md" placeholder="Your Email" />
-                    </div>
-                    <div>
-                        <label className="block text-gray-700">Message</label>
-                        <textarea className="w-full p-2 border border-gray-300 rounded-md" rows="4" placeholder="Your Message"></textarea>
-                    </div>
-                    <button type="submit" className="w-full bg-blue-500 text-white p-2 rounded-md hover:bg-blue-600">Send Message</button>
-                </form>
+        <div className="min-h-screen bg-white flex flex-col items-center justify-center p-6">
+            <div className="w-full">
+                <Navbar />
             </div>
-            <div className="mt-8 w-full max-w-3xl">
-                <h2 className="text-2xl font-bold mb-4 text-center">Features</h2>
-                <ul className="list-disc list-inside text-gray-700 space-y-2">
-                    <li>Feature 1: A Simple and Clean UI to Display Weather Conditions In Specific Regions. Create Personalizes AI bots.</li>
-                    <li>Feature 2: Challenge is to design a tool that connects the agricultural community with NASA &apos s satellite and geospatial datasets in ways that increase data access, integration, environmental topic of concern to farmers.</li>
-                    <li>Feature 3: By integrating NASA datasets and data analyses in your tool&aposs design, you can create new solutions and prototypes that support farmers by providing improved prediction capacity, risk management, and/or decision-making processes.</li>
-                    <li>Feature 4: Farmers will likely want to determine the characteristics of Resources for selected spatial and temporal ranges. They will want to understand how the information relates to their specific situation (e.g., locale, size, and type of farm, etc.).</li>
-                    <li>Many More...</li>
-                </ul>
+
+            <div className="bg-gray-100 shadow-md-500 border border-gray-300 rounded-lg p-6 m-14 w-full max-w-6xl flex justify-between space-x-8">
+                <div className="w-1/2">
+                    <h1 className="text-3xl font-bold mb-4 text-center">Contact Us</h1>
+                    <p className="text-black-700 mb-6 text-center">
+                        Welcome to FarmRuler! We're on a mission to build an Incredible Full-Stack Web Application for Agriculture and Farming enthusiasts.
+                    </p>
+                    <form className="space-y-4">
+                        <div>
+                            <label className="block text-gray-800 p-1">Name</label>
+                            <input type="text" className="w-full p-2 border border-gray-400 rounded-md" placeholder="Your Name" />
+                        </div>
+                        <div>
+                            <label className="block text-gray-800 p-1">Email</label>
+                            <input type="email" className="w-full p-2 border border-gray-400 rounded-md" placeholder="Your Email" />
+                        </div>
+                        <div>
+                            <label className="block text-gray-800 p-1">Message</label>
+                            <textarea className="w-full p-2 border border-gray-400 rounded-md" rows="4" placeholder="Your Message"></textarea>
+                        </div>
+                        <button type="submit" className="w-full bg-gradient-to-r from-green-700 via-green-500 to-green-600 border border-transparent text-black text-opacity-60 p-2 rounded-md transition duration-600 ease-in-out hover:border-gray-800 hover:text-black">
+                            Send Message</button>
+
+                    </form>
+                </div>
+
+                <div className="border-l border-gray-300 "></div>
+
+                <div className="w-1/2">
+                    <h2 className="text-2xl font-bold mb-4 text-center">Features</h2>
+                    <ul className="list-disc list-inside text-gray-700 space-y-2">
+                        <li>Simple and Clean UI to Display Weather Conditions</li>
+                        <li>Tool connecting the agricultural community with NASA datasets</li>
+                        <li>Integrate NASA datasets to support farmers' decision-making</li>
+                        <li>Farmers can determine resources for selected spatial and temporal ranges</li>
+                        <li>Many More...</li>
+                    </ul>
+                </div>
             </div>
-            <Footer/>
-        </div>
+
+            <div className="w-full">
+                <Footer />
+            </div>
+        </div >
+
     );
 };
 
-export default ContactPage;
\ No newline at end of file
+export default ContactPage;

From 4a6ca23ab891665796a99ef103ec573851a11a1e Mon Sep 17 00:00:00 2001
From: Kausar Ahmed <111121885+kausaraahmed@users.noreply.github.com>
Date: Sun, 6 Oct 2024 01:11:03 +0600
Subject: [PATCH 2/4] ContactUS UI Improvement - 2

---
 app/contact/page.js | 76 +++++++++++++++++++++++----------------------
 1 file changed, 39 insertions(+), 37 deletions(-)

diff --git a/app/contact/page.js b/app/contact/page.js
index 94c14f8..fce61fe 100644
--- a/app/contact/page.js
+++ b/app/contact/page.js
@@ -5,47 +5,49 @@ import Footer from '../components/Footer';
 
 const ContactPage = () => {
     return (
-        <div className="min-h-screen bg-white flex flex-col items-center justify-center p-6">
+        <div className="min-h-screen bg-white flex flex-col items-center justify-center">
             <div className="w-full">
                 <Navbar />
             </div>
 
-            <div className="bg-gray-100 shadow-md-500 border border-gray-300 rounded-lg p-6 m-14 w-full max-w-6xl flex justify-between space-x-8">
-                <div className="w-1/2">
-                    <h1 className="text-3xl font-bold mb-4 text-center">Contact Us</h1>
-                    <p className="text-black-700 mb-6 text-center">
-                        Welcome to FarmRuler! We're on a mission to build an Incredible Full-Stack Web Application for Agriculture and Farming enthusiasts.
-                    </p>
-                    <form className="space-y-4">
-                        <div>
-                            <label className="block text-gray-800 p-1">Name</label>
-                            <input type="text" className="w-full p-2 border border-gray-400 rounded-md" placeholder="Your Name" />
-                        </div>
-                        <div>
-                            <label className="block text-gray-800 p-1">Email</label>
-                            <input type="email" className="w-full p-2 border border-gray-400 rounded-md" placeholder="Your Email" />
-                        </div>
-                        <div>
-                            <label className="block text-gray-800 p-1">Message</label>
-                            <textarea className="w-full p-2 border border-gray-400 rounded-md" rows="4" placeholder="Your Message"></textarea>
-                        </div>
-                        <button type="submit" className="w-full bg-gradient-to-r from-green-700 via-green-500 to-green-600 border border-transparent text-black text-opacity-60 p-2 rounded-md transition duration-600 ease-in-out hover:border-gray-800 hover:text-black">
-                            Send Message</button>
-
-                    </form>
-                </div>
-
-                <div className="border-l border-gray-300 "></div>
-
-                <div className="w-1/2">
-                    <h2 className="text-2xl font-bold mb-4 text-center">Features</h2>
-                    <ul className="list-disc list-inside text-gray-700 space-y-2">
-                        <li>Simple and Clean UI to Display Weather Conditions</li>
-                        <li>Tool connecting the agricultural community with NASA datasets</li>
-                        <li>Integrate NASA datasets to support farmers' decision-making</li>
-                        <li>Farmers can determine resources for selected spatial and temporal ranges</li>
-                        <li>Many More...</li>
-                    </ul>
+            <div className="min-h-screen bg-white flex flex-col items-center justify-center">
+                <div className="bg-gray-100 shadow-md-500 border border-gray-300 rounded-lg p-6 m-14 w-full max-w-6xl flex justify-between space-x-8">
+                    <div className="w-1/2">
+                        <h1 className="text-3xl font-bold mb-4 text-center">Contact Us</h1>
+                        <p className="text-black-700 mb-6 text-center">
+                            Welcome to FarmRuler! We're on a mission to build an Incredible Full-Stack Web Application for Agriculture and Farming enthusiasts.
+                        </p>
+                        <form className="space-y-4">
+                            <div>
+                                <label className="block text-gray-800 p-1">Name</label>
+                                <input type="text" className="w-full p-2 border border-gray-400 rounded-md" placeholder="Your Name" />
+                            </div>
+                            <div>
+                                <label className="block text-gray-800 p-1">Email</label>
+                                <input type="email" className="w-full p-2 border border-gray-400 rounded-md" placeholder="Your Email" />
+                            </div>
+                            <div>
+                                <label className="block text-gray-800 p-1">Message</label>
+                                <textarea className="w-full p-2 border border-gray-400 rounded-md" rows="4" placeholder="Your Message"></textarea>
+                            </div>
+                            <button type="submit" className="w-full bg-gradient-to-r from-green-700 via-green-500 to-green-600 border border-transparent text-black text-opacity-60 p-2 rounded-md transition duration-600 ease-in-out hover:border-gray-800 hover:text-black">
+                                Send Message</button>
+
+                        </form>
+                    </div>
+
+                    <div className="border-l border-gray-300 "></div>
+
+                    <div className="w-1/2">
+                        <h2 className="text-2xl font-bold mb-4 text-center">Features</h2>
+                        <ul className="list-disc list-inside text-gray-700 space-y-2">
+                            <li>Simple and Clean UI to Display Weather Conditions</li>
+                            <li>Tool connecting the agricultural community with NASA datasets</li>
+                            <li>Integrate NASA datasets to support farmers' decision-making</li>
+                            <li>Farmers can determine resources for selected spatial and temporal ranges</li>
+                            <li>Many More...</li>
+                        </ul>
+                    </div>
                 </div>
             </div>
 

From 5327b8ab7074506303af14f513550be5f8a56edf Mon Sep 17 00:00:00 2001
From: Kausar Ahmed <111121885+kausaraahmed@users.noreply.github.com>
Date: Sun, 6 Oct 2024 06:02:04 +0600
Subject: [PATCH 3/4] Removed unescaped single quotes

---
 app/contact/page.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/contact/page.js b/app/contact/page.js
index fce61fe..0c36426 100644
--- a/app/contact/page.js
+++ b/app/contact/page.js
@@ -15,7 +15,7 @@ const ContactPage = () => {
                     <div className="w-1/2">
                         <h1 className="text-3xl font-bold mb-4 text-center">Contact Us</h1>
                         <p className="text-black-700 mb-6 text-center">
-                            Welcome to FarmRuler! We're on a mission to build an Incredible Full-Stack Web Application for Agriculture and Farming enthusiasts.
+                            Welcome to FarmRuler! We &apos re a mission to build an Incredible Full-Stack Web Application for Agriculture and Farming enthusiasts.
                         </p>
                         <form className="space-y-4">
                             <div>
@@ -43,7 +43,7 @@ const ContactPage = () => {
                         <ul className="list-disc list-inside text-gray-700 space-y-2">
                             <li>Simple and Clean UI to Display Weather Conditions</li>
                             <li>Tool connecting the agricultural community with NASA datasets</li>
-                            <li>Integrate NASA datasets to support farmers' decision-making</li>
+                            <li>Integrate NASA datasets to support farmers decision-making</li>
                             <li>Farmers can determine resources for selected spatial and temporal ranges</li>
                             <li>Many More...</li>
                         </ul>

From 69524f4ed3b873cea246e30d195c2fd6d03591e8 Mon Sep 17 00:00:00 2001
From: Kausar Ahmed <111121885+kausaraahmed@users.noreply.github.com>
Date: Sun, 6 Oct 2024 06:09:14 +0600
Subject: [PATCH 4/4] Removed an extra div

---
 app/contact/page.js | 76 ++++++++++++++++++++++-----------------------
 1 file changed, 37 insertions(+), 39 deletions(-)

diff --git a/app/contact/page.js b/app/contact/page.js
index 0c36426..dd3e36f 100644
--- a/app/contact/page.js
+++ b/app/contact/page.js
@@ -5,49 +5,47 @@ import Footer from '../components/Footer';
 
 const ContactPage = () => {
     return (
-        <div className="min-h-screen bg-white flex flex-col items-center justify-center">
+        <div className="min-h-screen bg-white flex flex-col items-center justify-center p-6">
             <div className="w-full">
                 <Navbar />
             </div>
 
-            <div className="min-h-screen bg-white flex flex-col items-center justify-center">
-                <div className="bg-gray-100 shadow-md-500 border border-gray-300 rounded-lg p-6 m-14 w-full max-w-6xl flex justify-between space-x-8">
-                    <div className="w-1/2">
-                        <h1 className="text-3xl font-bold mb-4 text-center">Contact Us</h1>
-                        <p className="text-black-700 mb-6 text-center">
-                            Welcome to FarmRuler! We &apos re a mission to build an Incredible Full-Stack Web Application for Agriculture and Farming enthusiasts.
-                        </p>
-                        <form className="space-y-4">
-                            <div>
-                                <label className="block text-gray-800 p-1">Name</label>
-                                <input type="text" className="w-full p-2 border border-gray-400 rounded-md" placeholder="Your Name" />
-                            </div>
-                            <div>
-                                <label className="block text-gray-800 p-1">Email</label>
-                                <input type="email" className="w-full p-2 border border-gray-400 rounded-md" placeholder="Your Email" />
-                            </div>
-                            <div>
-                                <label className="block text-gray-800 p-1">Message</label>
-                                <textarea className="w-full p-2 border border-gray-400 rounded-md" rows="4" placeholder="Your Message"></textarea>
-                            </div>
-                            <button type="submit" className="w-full bg-gradient-to-r from-green-700 via-green-500 to-green-600 border border-transparent text-black text-opacity-60 p-2 rounded-md transition duration-600 ease-in-out hover:border-gray-800 hover:text-black">
-                                Send Message</button>
-
-                        </form>
-                    </div>
-
-                    <div className="border-l border-gray-300 "></div>
-
-                    <div className="w-1/2">
-                        <h2 className="text-2xl font-bold mb-4 text-center">Features</h2>
-                        <ul className="list-disc list-inside text-gray-700 space-y-2">
-                            <li>Simple and Clean UI to Display Weather Conditions</li>
-                            <li>Tool connecting the agricultural community with NASA datasets</li>
-                            <li>Integrate NASA datasets to support farmers decision-making</li>
-                            <li>Farmers can determine resources for selected spatial and temporal ranges</li>
-                            <li>Many More...</li>
-                        </ul>
-                    </div>
+            <div className="bg-gray-100 shadow-md-500 border border-gray-300 rounded-lg p-6 m-14 w-full max-w-6xl flex justify-between space-x-8">
+                <div className="w-1/2">
+                    <h1 className="text-3xl font-bold mb-4 text-center">Contact Us</h1>
+                    <p className="text-black-700 mb-6 text-center">
+                        Welcome to FarmRuler! We &apos re on a mission to build an Incredible Full-Stack Web Application for Agriculture and Farming enthusiasts.
+                    </p>
+                    <form className="space-y-4">
+                        <div>
+                            <label className="block text-gray-800 p-1">Name</label>
+                            <input type="text" className="w-full p-2 border border-gray-400 rounded-md" placeholder="Your Name" />
+                        </div>
+                        <div>
+                            <label className="block text-gray-800 p-1">Email</label>
+                            <input type="email" className="w-full p-2 border border-gray-400 rounded-md" placeholder="Your Email" />
+                        </div>
+                        <div>
+                            <label className="block text-gray-800 p-1">Message</label>
+                            <textarea className="w-full p-2 border border-gray-400 rounded-md" rows="4" placeholder="Your Message"></textarea>
+                        </div>
+                        <button type="submit" className="w-full bg-gradient-to-r from-green-700 via-green-500 to-green-600 border border-transparent text-black text-opacity-70 p-2 rounded-md transition duration-600 ease-in-out hover:border-gray-800 hover:text-black">
+                            Send Message</button>
+
+                    </form>
+                </div>
+
+                <div className="border-l border-gray-300 "></div>
+
+                <div className="w-1/2">
+                    <h2 className="text-2xl font-bold mb-4 text-center">Features</h2>
+                    <ul className="list-disc list-inside text-gray-700 space-y-2">
+                        <li>Simple and Clean UI to Display Weather Conditions</li>
+                        <li>Tool connecting the agricultural community with NASA datasets</li>
+                        <li>Integrate NASA datasets to support farmers decision-making</li>
+                        <li>Farmers can determine resources for selected spatial and temporal ranges</li>
+                        <li>Many More...</li>
+                    </ul>
                 </div>
             </div>