Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

[#251] Update text on public home page #252

Merged
merged 1 commit into from
Jan 24, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
52 changes: 32 additions & 20 deletions frontend/src/pages/landing/Landing.js
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,13 @@ import {
LandingInfoEstimateIcon,
LandingInfoDriversIcon,
} from "../../lib/icon";
import IncomeDriverFrameworkImg from "../../assets/images/income-driver-framework.jpeg";
import LivingIncomeRoadmap from "../../assets/images/living-income-roadmap.png";
import {
Jumbotron,
GetStarted,
ExploreStudies,
FooterDisclaimer,
FrameworkDrivers,
CompareIncomeTarget,
} from "./components";

const InformationCard = () => (
Expand All @@ -29,10 +28,10 @@ const InformationCard = () => (
<div className="info-card-icon">
<LandingInfoHelpIcon />
</div>
<h3>Helps you to calculate farmer income</h3>
<h3>Estimate Farmer Income</h3>
<p>
Helps you to calculate actual and feasible household income by taking
into account various income drivers
Calculates actual household income and feasible changes in income by
using input data on the 5 key drivers of household income.
</p>
</Card>
</Col>
Expand All @@ -41,10 +40,10 @@ const InformationCard = () => (
<div className="info-card-icon">
<LandingInfoEstimateIcon />
</div>
<h3>Estimate the income gap</h3>
<h3>Assess income gap</h3>
<p>
It helps you to estimate the income gap, compare household income with
a living income benchmark or better income target
Compares household income to a Living Income benchmark and/or a custom
target to assess income gap.
</p>
</Card>
</Col>
Expand All @@ -53,10 +52,10 @@ const InformationCard = () => (
<div className="info-card-icon">
<LandingInfoDriversIcon />
</div>
<h3>Understand drivers of income</h3>
<h3>Bridge the income gap</h3>
<p>
Helps you to understand the drivers and constraints of income and how
they can be leveraged to close the income gap
Modelling scenarios to understand the effectiveness of different
income drivers in closing gaps.
</p>
</Card>
</Col>
Expand All @@ -69,23 +68,37 @@ const IncomeDriverFramework = () => (
justify="center"
className="income-driver-framework-wrapper"
>
<Col span={12}>
<Image src={IncomeDriverFrameworkImg} preview={false} width="100%" />
<Col span={14}>
<Image src={LivingIncomeRoadmap} preview={false} width="100%" />
</Col>
<Col span={12} className="income-driver-framework-text-wrapper">
<Col span={10} className="income-driver-framework-text-wrapper">
<h2 data-testid="income-driver-framework-left-text">
Income driver framework
IDH Living Income Roadmap and Toolkit
</h2>
<p data-testid="income-driver-framework-right-text">
Understanding income isn&apos;t just about looking at the end number.
This tool follows a sector-agnostic approach to assess and support the
design of effective interventions to improve household incomes towards
the broader goal of closing living income gaps.
IDH is the convener of the Living Income Roadmap. It helps companies,
along with other stakeholders, take ambitious, aligned actions in their
journeys to close living income gaps for small-holder farming
communities. The roadmap provides a logical framework with useful
resources to help guide a company’s journey to close living income gaps
in their supply chain. This framework includes 5 essential steps,
‘smart-mix’ of strategies and a data-driven toolkit. These approaches
highlight the need to use comparable data, engaging in multistakeholder
partnerships to take effective action.
<br />
<br />
The ‘Income Driver Framework’ is at the heart of IDH’s data-driven
approach on data and tools. IDH’s tools and approaches and tools have
been found to be equally useful and effective in interventions without a
Living Income commitment yet.
</p>
<br />
<Link
data-testid="button-learn-more-2"
className="button button-secondary"
to="https://www.idhsustainabletrade.com/roadmap-on-living-income/"
target="_blank"
rel="norefferer"
>
Learn More
</Link>
Expand All @@ -100,7 +113,6 @@ const Landing = ({ signOut }) => {
<InformationCard />
<IncomeDriverFramework />
<FrameworkDrivers />
<CompareIncomeTarget />
<GetStarted />
<ExploreStudies />
<FooterDisclaimer />
Expand Down
38 changes: 29 additions & 9 deletions frontend/src/pages/landing/components/ExploreStudies.js
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,36 @@ const ExploreStudies = ({ signedIn = false }) => {
>
<Col span={24} align="center">
<h2 data-testid="explore-studies-title">
Explore Studies for Insights
{signedIn
? "Explore Studies for Insights"
: "‘Smart-mix’ of strategies to close income gaps"}
</h2>
<p data-testid="explore-studies-subtitle">
To make the data entry process more informed and efficient, we
recommend visiting the &quot;Explore Studies&quot; section. Here, you
can see data available from other cases and income measurement
studies. You can access valuable insights into feasible levels of
income drivers for your selected country and sector. This can serve as
a helpful reference point when entering your data.
</p>
{signedIn ? (
<p data-testid="explore-studies-subtitle" style={{ width: "85%" }}>
To make the data entry process more informed and efficient, we
recommend visiting the &quot;Explore Studies&quot; section. Here,
you can see data available from other cases and income measurement
studies. You can access valuable insights into feasible levels of
income drivers for your selected country and sector. This can serve
as a helpful reference point when entering your data.
</p>
) : (
<p data-testid="explore-studies-subtitle" style={{ width: "85%" }}>
To deliver results at farm level with multiple income drivers, IDH
believes that stakeholders need to change their own behavior (e.g.
business practices), at various levels i.e. at national, landscape,
and sector levels. This means strategies that can improve income
drivers go far beyond addressing changes in the farm system and
household behaviour.
<br />
<br />
Each of these strategies should influence an improvement in one or
multiple income drivers, or the underlying conditions that enable an
improvement in income drivers. As you iterate feasible values and
the impact it has on income, the more you might have to explore to
identify appropriate strategies.
</p>
)}
<div
data-testid="map"
className={`map-container ${signedIn ? "signed-in" : ""}`}
Expand Down
Loading