From 91b876b45efabe0fcc0b52f0eaf6e0101a77e87e Mon Sep 17 00:00:00 2001 From: abhishek332 Date: Wed, 9 Oct 2024 22:44:44 +0530 Subject: [PATCH 1/3] fix: FAQ Page UI --- app/components/PageTitle.js | 9 +++++ app/faq/page.js | 72 ++++++++++++++++++++----------------- 2 files changed, 49 insertions(+), 32 deletions(-) create mode 100644 app/components/PageTitle.js diff --git a/app/components/PageTitle.js b/app/components/PageTitle.js new file mode 100644 index 0000000..f9b1ecc --- /dev/null +++ b/app/components/PageTitle.js @@ -0,0 +1,9 @@ +import React from 'react' + +const PageTitle = ({ title }) => { + return ( +

{title}

+ ) +} + +export default PageTitle \ No newline at end of file diff --git a/app/faq/page.js b/app/faq/page.js index 91cd6a3..c6b7865 100644 --- a/app/faq/page.js +++ b/app/faq/page.js @@ -2,13 +2,46 @@ import React from 'react'; import Navbar from '../components/Navbar'; import Footer from '../components/Footer'; +import PageTitle from '../components/PageTitle'; const FAQPage = () => { + const FAQ = ({ heading, value }) => { + return ( +
+

{heading}

+

{value}

+
+ ); + }; + + const faqData = [ + { + heading: "Feature 1: Weather Conditions and AI Bots", + value: "A simple and clean UI to display weather conditions in specific regions. Create personalized AI bots.", + }, + { + heading: "Feature 2: Connecting Agricultural Community with NASA", + value: "Challenge is to design a tool that connects the agricultural community with NASAs satellite and geospatial datasets in ways that increase data access, integration, and address environmental topics of concern to farmers.", + }, + { + heading: "Feature 3: Improved Prediction and Risk Management", + value: "By integrating NASA datasets and data analyses in your tools design, you can create new solutions and prototypes that support farmers by providing improved prediction capacity, risk management, and/or decision-making processes.", + }, + { + heading: "Feature 4: Resource Characteristics", + value: "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.).", + }, + { + heading: "Many More...", + value: "Explore more features and contribute to our project to help us build a comprehensive tool for the agricultural community.", + }, + ] + return (
-
-

FarmRuler FAQ

+
+

Welcome to FarmRuler! We re on a mission to build an incredible full-stack web application specially for persons 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.

@@ -16,36 +49,11 @@ const FAQPage = () => { 🚀 Project Overview: FarmRuler aims to ease the agricultural activities. Our focus is on integrating AI and tech in the agricultural world and easing the procedure. Whether you re here to contribute code, design, or just explore, theres a place for you!

-
-

Feature 1: Weather Conditions and AI Bots

-

- A simple and clean UI to display weather conditions in specific regions. Create personalized AI bots. -

-
-
-

Feature 2: Connecting Agricultural Community with NASA

-

- Challenge is to design a tool that connects the agricultural community with NASAs satellite and geospatial datasets in ways that increase data access, integration, and address environmental topics of concern to farmers. -

-
-
-

Feature 3: Improved Prediction and Risk Management

-

- By integrating NASA datasets and data analyses in your tools design, you can create new solutions and prototypes that support farmers by providing improved prediction capacity, risk management, and/or decision-making processes. -

-
-
-

Feature 4: Resource Characteristics

-

- 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.). -

-
-
-

Many More...

-

- Explore more features and contribute to our project to help us build a comprehensive tool for the agricultural community. -

-
+ { + faqData.map((item, index) => ( + + )) + }